Menü

İletileri Göster

Bu özellik size üyenin attığı tüm iletileri gösterme olanağı sağlayacaktır. Not sadece size izin verilen bölümlerdeki iletilerini görebilirsiniz.

İletileri Göster Menü

Konular - HelloIamSoapy

#1
Merhabalar,
Bugün sizlere vbulletin tarzı postbiti yukarıya almayı ve arkaplanı renklendirmeyi göstereceğim.


Genel anlamda bi talep olmasada bu tarz bir uygulama SA:MP Roleplay camiasında özellikle çok kullanılmaktadır.

Başlayalım.
(Bu bölüm tarantula901'in konusundan alıntılanmıştır)

Temanızda  yoksa default tema içerisinde bulunan Display.template.php ara

        // Show avatars, images, etc.?
         if (!empty($settings['show_user_images']) && empty($options['show_no_avatars']) && !empty($message['member']['avatar']['image']))
            echo '
                        <li class="avatar" style="overflow: auto;">
                           <a href="', $scripturl, '?action=profile;u=', $message['member']['id'], '">
                              ', $message['member']['avatar']['image'], '
                           </a>
                        </li>';

Değiştir.

        echo '          </ul>
                  </div></div>
                  <div class="right_colum"> <!--Inicio tercera columna-->
                  <div class="poster"><ul class="reset smalltext">';

Bul

           <div class="', $message['approved'] ? ($message['alternate'] == 0 ? 'windowbg' : 'windowbg2') : 'approvebg', '">
               <span class="topslice"><span></span></span>
               <div class="post_wrapper">';

      // Show information about the poster of this message.
      echo '
                  <div class="poster">

Değiştir

   
                <div class="roundframe">
                  <div class="cont_colum_post"><!--Inicio de columnas -->';

      // Show avatars, images, etc.?
      if (!empty($settings['show_user_images']) && empty($options['show_no_avatars']) && !empty($message['member']['avatar']['image']))
         echo '      <div class="left_colum"><ul class="reset"> <!--Inicio Primera columna -->
                        <li class="avatar" style="overflow: auto;">
                           <a href="', $scripturl, '?action=profile;u=', $message['member']['id'], '">
                              ', $message['member']['avatar']['image'], '
                           </a>
                        </li></ul></div>';

      // Show information about the poster of this message.
      echo '          <div class="left_colum"> <!--Inicio segunda columna-->
                  <div class="poster">

Bul

                    </ul>
                  </div>
                  <div class="postarea">

Değiştir

                    </ul>
                  </div></div>
               </div><!--Fin de columnas --></div>
            <span class="divider_info"><span></span></span>
             
            <div class="', $message['approved'] ? ($message['alternate'] == 0 ? 'windowbg' : 'windowbg2') : 'approvebg', '">
               <span class="topslice"><span></span></span>
               <div class="post_wrapper">           
                  <div class="postarea">

Temanızda bulunan css içindeki index.css dosyasında

Bul

/* poster and postarea + moderation area underneath */
.poster
{
   float: left;
   width: 15em;
}
.postarea, .moderatorbar
{
   margin: 0 0 0 16em;
}
.postarea div.flow_hidden
{
   width: 100%;
}

Değiştir.

/* Informacion de usuario Horizontal */
#forumposts div.poster {
    width: auto; }

.cont_colum_post {
   width: 100%;
   overflow:hidden;
   padding:0px; }

.left_colum  {
   float: left;
   margin-left: 0.5em; }

.right_colum  {
   float: right;
   margin-right: 2em; }

.left_colum  li.avatar {
   margin-top: 0.5em; }
   
span.divider_info {
   margin-bottom: 2px;
   -margin-bottom: 0px;
   display: block; }
   
/* poster and postarea + moderation area underneath */
.poster
{
   float: left;
   width: 14em;
}
.postarea, .moderatorbar
{
   margin: 0 0 0 1em;
   _padding-left: 1em;
}
.postarea div.flow_hidden
{
   width: auto;
}

Bu işlemler postbitimizi yataya dönüştürmek içindi, şimdi ufak ayrıntılara ve konu bütünlüğünü toparlamaya geçelim ardından arka tarafı örnek olarak gösterdiğim resimdeki gibi renklendireceğiz veya background resmi ekliyeceğiz.


Displaytemplate.php'de bulun
<div class="roundframe">

Değiştirin
';
if (isset($message['member']['group_id']))  {
    switch ($message['member']['group_id'])       {
    case '1':
       $godbg = 'background-color: #800000;color: #fff;';//admin grubu için renk ayarları
        break;
    case '2':
       $godbg = 'background-color:blue;color:yellow;';//global mod için renk ayarları
        break;
 case '0':
       $godbg = 'background-color:orange;color:green;';//normal üyeler için renk ayarları
         break;
 default:
   $godbg = '';//grub listesinde olmayanlar renk ayarları
 break;
     }
 }
 else {$godbg= '';}
 echo '
 <div class="godroundframe" style="'.$godbg.'">

Bu renklendirmek içindi eğer siz resimlendirmek istiyorsanız.

Yukarıda ki kodların içinde bulun
$godbg = 'background-color: #800000;color: #fff;';//admin grubu için renk ayarları
Değiştirin - Ben örnek olarak kendi sitemde hazır olan arkaplanı ekledim. Siz kendiniz tasarlayıp url bölümünü değiştirerek kullanabilirsiniz.
$godbg = 'background-image: url(http://god-rpg.com/Themes/godv1/images/yetkili.png);background-color: #cccccc;';//admin grubu için renk ayarları
Şimdi ufak ayrıntılara geçelim. Bu ayrıntılar benim siteme özel olduğu için sizin sitenizde ufak aksaklıklar çıkarabilir. css dosyalarınızda ufak oynamalar ile halledebilirsiniz. Onun haricinde sistem stabil olarak çalışmaktadır.


index.css içinde Bulun

#forumposts div.poster {
    width: auto; }

.cont_colum_post {
   width: 100%;
   overflow:hidden;
   padding:0px; }

.left_colum  {
   float: left;
   margin-left: 0.5em; }

.right_colum  {
   float: right;
   margin-right: 2em; }

.left_colum  li.avatar {
   margin-top: 0.5em; }
   
span.divider_info {
   margin-bottom: 2px;
   -margin-bottom: 0px;
   display: block; }
   
/* poster and postarea + moderation area underneath */
.poster
{
   float: left;
   width: 14em;
}
.postarea, .moderatorbar
{
   margin: 0 0 0 1em;
   _padding-left: 1em;
}
.postarea div.flow_hidden
{
   width: auto;
}

Değiştirin

/* Informacion de usuario Horizontal */
.godinfop
{
   width: 220px;
   float: left;
   margin-left: -520px;
   height: 82px;
   margin-top: 10px;
   padding-left: 10px !important;
   padding-top: 6px !important;
   position: absolute;
   z-index: 1;
}
.godinfop h4, .godinfop ul
{
padding: 0;
margin: 0 1em 0 1.5em;
}
.godinfop h4
{
margin: 0.2em 0 0.4em 1.1em;
font-size: 120%;
}
.godinfop h4, .godinfop h4 a
{
color: #444;
}
.godinfop ul ul
{
margin: 0.3em 1em 0 0;
padding: 0;
}
.godinfop ul ul li
{
display: inline;
}
.godroundframe
{
padding: 0 10px;
background: #f8f8f8;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
height: 110px;
margin-top: 10px;
}
.god-nick { width:200px; height:40px; line-height:40px; padding:0px !important; margin-left:160px; margin-top:10px; padding-left:10px !important; position:absolute; z-index:2; }
.god-rank { width:200px; height:42px; line-height:42px; padding:0px !important; margin-left:-10px; padding-left:10px !important; position:absolute; z-index:2; }
.god-nick, .god-rank, .godinfop
{ -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px; background: rgba(255, 255, 255, 0.78); }
.god-rank img { padding: 5px; margin-left: 25px; }

.cont_colum_post {
   width: 100%;
   overflow:hidden;
   padding:0px; }

.left_colum  {
   float: left;
   margin-left: 0.5em; }

.right_colum  {
   float: right;
   margin-right: 2em; }

.left_colum  li.avatar {
    width: 180px;
    height: 160px;
    position: absolute;
    z-index: 1;
margin-top: 15px;
}

Displaytemplate.php içinde bulun

<div class="right_colum">
                  <div class="poster"><ul class="reset smalltext">';

Değiştirin

[code]<div class="right_colum">
                  <div class="godinfop"><ul class="reset smalltext">';
[/code]

Displaytemplate.php içinde bulun

<div class="poster">
Değiştirin

[code]<div class="god-nick">
Displaytemplate.php içinde bulun

<div class="keyinfo">
Değiştirin

<div class="godkeyinfo">
Displaytemplate.php içinde bulun

<li class="stars">', $message['member']['group_stars'], '</li>';
Değiştirin

<div class="god-rank">', $message['member']['group_stars'], '</div>';
Son olarak

index.css de bulun

.keyinfo
{
float: left;
width: 50%;
}

Değiştirin

.keyinfo
{
float: left;
width: 50%;
}
.godkeyinfo
{
float: left;
width: 50%;
margin-left: 160px;
}

Evet arkadaşlar, işlem bu kadar yapamadığınız yerler olursa konu altında bildirin. Gördüğümde yardımcı olmaya çalışacağım. İyi forumlar

Good Old Days - GOD-RPG
DeCuervo


#2
Çözülenler / Rechapta ortalama
16 Mayıs 2016, 20:28
Merhabalar, kayıt olurken doğrulama için forumuma rechapta ekledim.. fakat aşağıda ki resimde gördüğünüz gibi rechapta bölümü sol tarafta. Her şeyin içine girsemde bir türlü bulamadım bu melet nerde :'/



Bir el atarsanız memnun olurum  yuhphii

Buraya tıklayıp register bölümüne ulaşabilirsiniz.
#3
Çözülenler / Lastpost nerede?
15 Mayıs 2016, 13:27
Merhabalar :)

Forumumda gezinirken ufak bi detay gözüme çarptı.. Son yazılanlarda konu veya kullanıcı ayırıcak hiç bişey yok oraya ufak bi ayraç eklemek istiyordum. hemen değiştirmeye çalıştım fakat index.template.php'nin içinde bulamadım, Acaba bunun ayar bölümü nerede?



<td class="lastpost">
#4
Merhabalar,
Forumun ana temasın'da ufak değişiklikler yapmak istiyorum fakat karşılacağım sorunları önceden farketttiğim için profesyonel yardımınızı almak istedim :)

Aşağıda ki fotoğrafta görmüş olduğunuz gibi sol tarafta ki nav_menu'yü yukarıda ki menüye aktarmak istiyorum. fakat gördüğünüz üzere sol tarafta ki bölümde yönetim,moderasyon içeriğide bulunmakta tek tek eklediğim halde normal kullanıcılardada bu buton gözükücek smf'nin nav menü yapısını değiştirmeden buton boyutlarını değiştirerek nasıl üst bölümü aktarabilirim yardımlarnızı bekliyorum teşekkürler :)