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
Değiştir.
Bul
Değiştir
Bul
Değiştir
Temanızda bulunan css içindeki index.css dosyasında
Bul
Değiştir.
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
Değiştirin
Bu renklendirmek içindi eğer siz resimlendirmek istiyorsanız.
Yukarıda ki kodların içinde bulun
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.
Ş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
Değiştirin
Displaytemplate.php içinde bulun
Değiştirin
Displaytemplate.php içinde bulun
Değiştirin
Displaytemplate.php içinde bulun
Değiştirin
Displaytemplate.php içinde bulun
Değiştirin
Son olarak
index.css de bulun
Değiştirin
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
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
Kod Seç
// 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.
Kod Seç
echo ' </ul>
</div></div>
<div class="right_colum"> <!--Inicio tercera columna-->
<div class="poster"><ul class="reset smalltext">';
Bul
Kod Seç
<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
Kod Seç
<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
Kod Seç
</ul>
</div>
<div class="postarea">
Değiştir
Kod Seç
</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
Kod Seç
/* 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.
Kod Seç
/* 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
Kod Seç
<div class="roundframe">
Değiştirin
Kod Seç
';
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
Kod Seç
$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.
Kod Seç
$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
Kod Seç
#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
Kod Seç
/* 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
Kod Seç
<div class="right_colum">
<div class="poster"><ul class="reset smalltext">';
Değiştirin
Kod Seç
[code]<div class="right_colum">
<div class="godinfop"><ul class="reset smalltext">';
[/code]Displaytemplate.php içinde bulun
Kod Seç
<div class="poster">
Değiştirin
Kod Seç
[code]<div class="god-nick">
Displaytemplate.php içinde bulun
Kod Seç
<div class="keyinfo">
Değiştirin
Kod Seç
<div class="godkeyinfo">
Displaytemplate.php içinde bulun
Kod Seç
<li class="stars">', $message['member']['group_stars'], '</li>';
Değiştirin
Kod Seç
<div class="god-rank">', $message['member']['group_stars'], '</div>';
Son olarak
index.css de bulun
Kod Seç
.keyinfo
{
float: left;
width: 50%;
}
Değiştirin
Kod Seç
.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
DeCuervo