anlatım default temaya göredir
örnek resim
(http://i.hizliresim.com/ZYv79G.png)
Display.template.php
bul ve sil
// Show avatars, images, etc.?
if (!empty($settings['show_user_images']) && empty($options['show_no_avatars']) && !empty($message['member']['avatar']['image']))
echo '
<li class="avatar">
<a href="', $scripturl, '?action=profile;u=', $message['member']['id'], '">
', $message['member']['avatar']['image'], '
</a>
</li>';
bul ve sil
// Show the post group if and only if they have no other group or the option is on, and they are in a post group.
if ((empty($settings['hide_post_group']) || $message['member']['group'] == '') && $message['member']['post_group'] != '')
echo '
<li class="postgroup">', $message['member']['post_group'], '</li>';
bul
// Show information about the poster of this message.
echo '
<div class="poster">
<h4>';
değiştir
// Show information about the poster of this message.
echo '
<div class="poster">';
// Show avatars, images, etc.?
if (!empty($settings['show_user_images']) && empty($options['show_no_avatars']) && !empty($message['member']['avatar']['image'])){
echo ' <div class="floatleft">
<a href="', $scripturl, '?action=profile;u=', $message['member']['id'], '" class="avatar-cont">
', $message['member']['avatar']['image'], '';
if ((empty($settings['hide_post_group']) || $message['member']['group'] == '') && $message['member']['post_group'] != '')
echo '
<span class="avatar-ribbon efsanegrub',$message['member']['group_id'],'">', $message['member']['post_group'], '</span>
</a>
<>';
}else
{echo '<div class="floatleft">
<a href="', $scripturl, '?action=profile;u=', $message['member']['id'], '" class="avatar-cont">
<img src="'.$settings['images_url'].'/default_avatar.png" alt="" />';
if ((empty($settings['hide_post_group']) || $message['member']['group'] == '') && $message['member']['post_group'] != '')
echo '<span class="avatar-ribbon efsanegrub',$message['member']['group_id'],'">', $message['member']['post_group'], '</span>
</a>
<>';
}
echo'<div class="floatleft"><h4>';
bul
// Show how many posts they have made.
if (!isset($context['disabled_fields']['posts']))
echo '
<li class="postcount">', $txt['member_postcount'], ': ', $message['member']['posts'], '</li>';
değiştir
echo ' </ul><>
<div class="soldayama"> ';
// Show how many posts they have made.
if (!isset($context['disabled_fields']['posts']))
echo '
<span class="efsaneb red">', $txt['member_postcount'], ': ', $message['member']['posts'], '</span>';
echo' <ul class="reset smalltext">';
bul
// Done with the information about the poster... on to the post itself.
echo '
</ul>
<>
değiştir
// Done with the information about the poster... on to the post itself.
echo '
</ul>
<><>
index.css de bul
.poster
{
float: left;
width: 15em;
}
.postarea, .moderatorbar
{
margin: 0 0 0 16em;
}
değiştir
.poster
{
width: 100%;
overflow: hidden;
padding: 0 0 0 10px;
min-height: 120px;
}
.postarea, .moderatorbar
{
float: left;
width: 100%;
padding: 7px;
}
.soldayama{min-width:150px;float:right;}
.avatar-cont {
position: relative;
display: inline-block;
line-height: 1;
}
.avatar-cont img {
vertical-align: middle;
width: 100px;
height: 100px;
}
.avatar-ribbon {
position: absolute;
bottom: -16px;
left: 0;
margin-right: 1em;
padding: .75em 1.25em .75em .75em;
border-radius: 0 .5em .5em 0;
background-image: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,.1) 100%);
box-shadow: inset 0 .062em 0 rgba(255,255,255,.6), 0 .125em .25em rgba(0,0,0,.2);
color: #fff;
text-shadow: 0 -.062em 0 rgba(0,0,0,.2);
white-space: nowrap;
transition: background-color .2s ease-in-out;
}
.avatar-ribbon:before,
.avatar-ribbon:after {
position: absolute;
background-color: inherit;
content: "";
}
.avatar-ribbon:before {
bottom: 0;
left: -.5em;
width: .5em;
height: 3em;
border-radius: 0 0 0 .5em;
background-image: linear-gradient(to right, rgba(0,0,0,.2) 0%, rgba(0,0,0,0) 100%);
}
.avatar-ribbon:after {
top: -1em;
left: -.5em;
width: .5em;
height: 1em;
border-radius: .5em 0 0 .5em;
background-image: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,.2) 100%);
box-shadow: 0 .062em 0 rgba(255,255,255,.6);
}
.avatar-cont:hover .avatar-ribbon {
background-color: #7acc29;
}
.efsanegrub1 {
background-color: #cb0000;
}
.efsanegrub2 {
background-color: #17a1d0;
}
.efsanegrub3 {
background-color: #cc9b00;
}
.efsanegrub4 {
background-color: #6b8d13;
}
.efsanegrub5 {
background-color: #e44200;
}
.efsanegrub6 {
background-color: #611b85;
}
.efsanegrub7 {
background-color: #323232;
}
.efsanegrub0 {
background-color: #cc9b00;
}
.efsaneb {
margin-right: 10px;
float: left;
}
.efsaneb {
display: block;
width: 30px;
position: relative;
color: #fff;
padding: 20px 0 10px;
text-align: center;
font-family: arial, sans-serif;
font-weight: bold;
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
}
.efsaneb:before {
display: block;
width: 30px;
height: 0;
position: absolute;
top: 4px;
content: "";
border-top: 1px dotted rgba(0, 0, 0, 0.2);
border-bottom: 1px dotted rgba(255, 255, 255, 0.3);
}
.efsaneb:after {
display: block;
width: 0;
height: 0;
content: "";
position: relative;
bottom: -25px;
z-index: 100;
border-width: 0 15px 15px 15px;
border-style: solid;
}
.efsaneb.red {
background-color: #cb0000;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#fe0000), to(#cb0000));
background-image: -moz-linear-gradient(top, #fe0000, #cb0000);
background-image: -ms-linear-gradient(top, #fe0000, #cb0000);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fe0000), color-stop(100%, #cb0000));
background-image: -webkit-linear-gradient(top, #fe0000, #cb0000);
background-image: -o-linear-gradient(top, #fe0000, #cb0000);
background-image: linear-gradient(top, #fe0000, #cb0000);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe0000', endColorstr='#cb0000', GradientType=0);
}
.efsaneb.red:after {
border-color: #cb0000 #cb0000 transparent #cb0000;
}
ekteki avatarı temanızın images klasörüne atın
kaynak (http://smf.konusal.com/index.php?topic=1528.0)