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.