User avatar on index page

[ekfaysal]

Hi
i want to show the users avatar on the home page.
LIke if i m logged it,
it should display my user avatar too on home page.
anyway to to do this

[Bikken]

Hi, open index.template file and find/replace:

Code: [Select]

   <div id="welcome">';
with:

Code: [Select]

   <div id="welcome">';
if(!empty($context['user']['avatar']))
echo '
<div class="ds-avatar">'.$context['user']['avatar']['image'].'</div>';
Then in style.css file, find/replace:

Code: [Select]

#welcome {
font-size: 1.0em;
color: #fff;
font-family: tahoma, sans-serif;
float: right;
padding: 25px 20px;
text-align: right;
}
with:

Code: [Select]

.ds-avatar {
float: right;
width: 65px;
height: 65px;
margin-left: 15px;
}

#welcome {
font-size: 1.0em;
color: #fff;
font-family: tahoma, sans-serif;
float: right;
padding: 25px 20px;
text-align: right;
width: 250px;
}

[ekfaysal]

Thanks very much Bikken

i want display picture to move a bit (Picture is on the corner which doesnt look that good)
here is the screenshot


and hyperlink it to the profile of the respective user.
can u do that too please?

 

[Bikken]

Ok, try this....find and replace:

Code: [Select]

<div class="ds-avatar">'.$context['user']['avatar']['image'].'</div>';
with:

Code: [Select]

<div class="ds-avatar"><a href="', $scripturl, '?action=profile">'.$context['user']['avatar']['image'].'</a></div>';


Find/replace:

Code: [Select]

.ds-avatar {
float: right;
width: 65px;
height: 65px;
margin-left: 15px;
}
with:

Code: [Select]

.ds-avatar {
float: right;
margin-left: 15px;
}

.ds-avatar img {
width: 65px;
height: 65px;
}

[ekfaysal]

thanks
it work like charm
Now looking more great

[Bikken]

Cool! Good to hear.

[balti]

Is thise modification posseble for smf 1.11 and rc3 version also ?

[Bikken]

Yes, it should work for both versions.

[balti]

I can not find thise code in index.template.php of silentwave template 2.0RC3 Ver.

Code: [Select]

      <div id="welcome">';

[Bikken]

It should be userinfo instead of welcome.

[Kraha]

So what I must to edit in index.template.php to have the avatar od index?

[Kraha]

bump

[Chair]

Hello Kraha,

The changes you need to make are the following:

In index.template.php

Find:

Code: [Select]

   <div id="userinfo">';
Replace with:

Code: [Select]

   <div id="userinfo">';
if(!empty($context['user']['avatar']))
echo '
<div class="ds-avatar"><a href="', $scripturl, '?action=profile">'.$context['user']['avatar']['image'].'</a></div>';
Now, in index.css

Find:

Code: [Select]

#userinfo {
font-size: 1.0em;
color: #fff;
font-family: tahoma, sans-serif;
float: right;
padding: 25px 20px;
text-align: right;
}
Replace with:

Code: [Select]

.ds-avatar {
float: right;
margin-left: 15px;
}

.ds-avatar img {
width: 65px;
height: 65px;
}

#userinfo {
font-size: 1.0em;
color: #fff;
font-family: tahoma, sans-serif;
float: right;
padding: 25px 20px;
text-align: right;
width: 250px;
}

That should sort you out. 

[Kraha]

Thanks for help, but I do it myself

[iainsherriff]

 

Hello. Long time since I have posted. I know this is an old topic but it covers my problem, so................

I have the Avatar as described above along with my forum header. The text looks messy and I cant work out how to move it. It would look better if the text was aligned below the Avatar, unless anyone has a better idea 

How can I do this please ? See link...............

http://uklows.com/forum/


....... a day later realised of course you cant see it as your not registered !

string of night shifts in the way now