Simple Machines Community Forum

SMF Support => Türkçe Bölümü (Turkish) => Language Specific Support => Özelleştirme => Topic started by: Snrj on November 09, 2016, 03:58:00 PM

Title: kurdele yatay profil
Post by: Snrj on November 09, 2016, 03:58:00 PM

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)