The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Index Profile

5 posters

Go down

Solved Index Profile

Post by Dani David Sun Nov 19 2017, 03:46

Hello,

May I ask how do i make something similar to this? Index Profile Profil10


Thanks in advance


Last edited by Dani David on Mon Nov 20 2017, 12:31; edited 1 time in total
Dani David
Dani David
Forumember

Posts : 37
Reputation : 1
Language : ROMANIAN ENGLISH ITALIAN

https://www.depanatorul-tv.com/

Back to top Go down

Solved Re: Index Profile

Post by Mr.SnOuP Sun Nov 19 2017, 15:05

Hello!

Ange Tuteur wrote:
This is still being worked on, but if your forum version is phpbb3 you can use the following prototype. Go to Administration Panel > Display > Generalities
Paste the following code into the homepage message
Code:
        <style type="text/css">#userProfile { font-size:11px; position:relative; margin-top:30px; margin-bottom:10px; padding:3px; }
        #userProfile .leftCol { float:left; text-align:center; width:20%; }
        #userProfile .rightCol { float:left; width:25%; }
        #userName { background:#ECF3F7; color:#0076B1; font-weight:bold; font-family:"Trebuchet MS", Verdana, Arial, Sans-serif; border-radius:3px 3px 0 0; position:absolute; left:3px; top:-18px; padding:0 12px; line-height:18px; }
        #userName span { font-weight:normal }
        #userAvatar img { max-width:100px }
        #userAvatar { display:inline-block; overflow:hidden; min-height:100px; min-width:100px; }
        #userProfile .title { color:#0076B1; font-weight:bold; border-bottom:1px solid #0076B1; padding-bottom:3px; margin-bottom:3px; width:90%; }
        #userProfile .statLabel { display:inline-block; width:85px; font-weight:bold; text-align:right; margin-right:6px; }</style>
        <script type="text/javascript">// <![CDATA[
        (function(J, U, L) {
          var main = document.getElementById('main-content'),
              homepage = J('.introduction', main)[0],
              profil;
          
          if (U.session_logged_in) {
            profil = document.createElement('DIV');
            profil.id = 'userProfile';
            profil.className = 'panel introduction';
            profil.innerHTML = '<div id="userName"><span>Logged in as </span>' + U.username + '</div><div class="leftCol"><span id="userAvatar">' + U.avatar + '</span></div><div class="rightCol"><div class="title">General</div><div><span class="statLabel">Rank : </span>' + L.rank_title + '</div><div><span class="statLabel">' + L.Posts + ' : </span>' + U.user_posts + '</div><div><span class="statLabel">' + L.PMs + ' : </span>' + U.user_nb_privmsg + '</div><div><span class="statLabel">' + L.Reputation + ' : </span>' + U.point_reputation + '</div></div><div class="rightCol"><div class="title">Profile</div><div><a href="/u' + U.user_id + '">' + L.See_my_profile + '</a></div><div><a href="/profile?mode=editprofile">' + L.Edit_profile + '</a></div><div><a href="/privmsg?folder=inbox">' + L.All_PMs + '</a></div><div><a href="/profile?mode=editprofile&page_profil=notifications">' + L.Notif_see_all + '</a></div></div><div class="rightCol"><div class="title">Search</div><div><a href="/sta/' + U.username + '">' + L.All_Topics + '</a></div><div><a href="/spa/' + U.username + '">' + L.All_Messages + '</a></div><div><a href="/search?search_id=watchsearch">' + L.js_topics_followed + '</a></div><div><a href="/search?search_id=newposts">View new posts</a></div></div><div class="clear"></div>';
            main.insertBefore(profil, homepage);
          }
          // par ange tuteur
        })(jQuery, _userdata, _lang);
        //]]></script>
( You can add it to the very bottom or top depending on your preferences )
good luck!
avatar
Mr.SnOuP
New Member

Posts : 18
Reputation : 4
Language : En & Fr

http://en39.forum.st/forum

Back to top Go down

Solved Re: Index Profile

Post by Dani David Sun Nov 19 2017, 17:09

Thx it's ok but how do the round avatars?
Dani David
Dani David
Forumember

Posts : 37
Reputation : 1
Language : ROMANIAN ENGLISH ITALIAN

https://www.depanatorul-tv.com/

Back to top Go down

Solved Re: Index Profile

Post by Ape Mon Nov 20 2017, 01:36

Add this to your CSS files :
Code:
#userAvatar{
    background: #FFF;
    border-radius: 100px;
    box-shadow: 0 2px 3px rgba(0,0,0,0.3), 0 -1px 1px rgba(0,0,0,0.3);
    display: inline-block;
    height: 100px;
    margin: 10px 0;
    overflow: hidden;
    padding: 3px;
    width: 100px;
}


Index Profile Left1212Index Profile Center11Index Profile Right112
Index Profile Ape_b110
Index Profile Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 19075
Reputation : 1988
Language : fluent in dork / mumbojumbo & English haha

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: Index Profile

Post by Dani David Mon Nov 20 2017, 08:28

APE wrote:Add this to your CSS files :
Code:
#userAvatar{
    background: #FFF;
    border-radius: 100px;
    box-shadow: 0 2px 3px rgba(0,0,0,0.3), 0 -1px 1px rgba(0,0,0,0.3);
    display: inline-block;
    height: 100px;
    margin: 10px 0;
    overflow: hidden;
    padding: 3px;
    width: 100px;
}

Ok,nice work but i want one more thing, ,,Logged in as .... like here, thank you in advance
Index Profile Profil11

Dani David
Dani David
Forumember

Posts : 37
Reputation : 1
Language : ROMANIAN ENGLISH ITALIAN

https://www.depanatorul-tv.com/

Back to top Go down

Solved Re: Index Profile

Post by skouliki Mon Nov 20 2017, 08:52

in the code provided above, you have that section in 

maybe you need to change the text color 

this is the section of the code you need to modify ..the background color or the text color ...the first 2
Code:
        #userName { background:#ECF3F7; color:#0076B1; font-weight:bold; font-family:"Trebuchet MS", Verdana, Arial, Sans-serif; border-radius:3px 3px 0 0;position:absolute; left:3px; top:-18px; padding:0 12px; line-height:18px; }    
skouliki
skouliki
Manager
Manager

Female Posts : 15029
Reputation : 1680
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Index Profile

Post by Dani David Mon Nov 20 2017, 09:41

Nothing changed.look
Index Profile Log10
Dani David
Dani David
Forumember

Posts : 37
Reputation : 1
Language : ROMANIAN ENGLISH ITALIAN

https://www.depanatorul-tv.com/

Back to top Go down

Solved Re: Index Profile

Post by skouliki Mon Nov 20 2017, 10:30

may i use the test account you gave me before to see it?
skouliki
skouliki
Manager
Manager

Female Posts : 15029
Reputation : 1680
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Index Profile

Post by Dani David Mon Nov 20 2017, 11:27

yes
Dani David
Dani David
Forumember

Posts : 37
Reputation : 1
Language : ROMANIAN ENGLISH ITALIAN

https://www.depanatorul-tv.com/

Back to top Go down

Solved Re: Index Profile

Post by skouliki Mon Nov 20 2017, 11:48

is this better? had to change some style elements
skouliki
skouliki
Manager
Manager

Female Posts : 15029
Reputation : 1680
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Index Profile

Post by Dani David Mon Nov 20 2017, 12:30

Nice work.Thank you verry much
Dani David
Dani David
Forumember

Posts : 37
Reputation : 1
Language : ROMANIAN ENGLISH ITALIAN

https://www.depanatorul-tv.com/

Back to top Go down

Solved Re: Index Profile

Post by skouliki Mon Nov 20 2017, 13:30

you welcome Smile
skouliki
skouliki
Manager
Manager

Female Posts : 15029
Reputation : 1680
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Index Profile

Post by Draxion Mon Nov 20 2017, 16:13

Problem solved & topic archived.
Please read our forum rules:  ESF General Rules
Draxion
Draxion
Helper
Helper

Male Posts : 2518
Reputation : 321
Language : English
Location : USA

https://www.talesoftellene.com/

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum