[Prosilver] Profilleri Sola Almak

[Mirach]

Yazar: Snowcone
Açıklama: phpbb3 sistemlerde varsayılan ayar olarak "başlık görüntüleme" ve "özel mesaj" sayfalarında sağda olan profilleri sola almayı gösteren bir makale.
Makalenin orijinali: Prosilver: Profiles on Left
Türkçe çeviri: Mirach & ESQARE
Makale son güncelleme tarihi: 17.01.2021, 22:10

1. İlk olarak, dosya eki kutularının mesajın geri kalanındaki profil bölmesi tarafından ayrılmadığına emin olacağız.

styles/prosilver/theme/content.css dosyasını açın

Alttaki kodları arayın:

Kod: Tümünü seç

/* Attachments
----------------------------------------*/
.attachbox {
   float: left;
   width: auto; 
   margin: 5px 5px 5px 0;
   padding: 6px;
   background-color: #FFFFFF;
   border: 1px dashed #d8d8d8;
   clear: left;
}

Bununla değiştirin:

Kod: Tümünü seç

/* Attachments
----------------------------------------*/
.attachbox {
   float: left;
   width: auto; 
   margin: 5px 5px 5px 0;
   padding: 6px;
   background-color: #FFFFFF;
   border: 1px dashed #d8d8d8;
   clear: right;
}

2. İkinci olarak .postbody sınıfı için float değerini soldan sağa alacağız.

styles/prosilver/theme/content.css dosyasını açın

Alttaki kodları arayın:

Kod: Tümünü seç

/* Post body styles
----------------------------------------*/
.postbody {
padding: 0;
line-height: 1.48em;
color: #333333;
width: 76%;
float: left;
clear: both;
}

Bununla değiştirin:

Kod: Tümünü seç

/* Post body styles
----------------------------------------*/
.postbody {
padding: 0;
line-height: 1.48em;
color: #333333;
width: 76%;
float: right;
clear: both;
}

3. Şimdi .postprofile sınıfı için float değerini sağdan sola değiştireceğiz ve beyaz dikey sınırı sağ tarafa taşıyacağız.

styles/prosilver/theme/content.css dosyasını açın

Alttaki kodları arayın:

Kod: Tümünü seç

/* Poster profile block
----------------------------------------*/
.postprofile {
/* Also see tweaks.css */
margin: 5px 0 10px 0;
min-height: 80px;
color: #666666;
border-left: 1px solid #FFFFFF;
width: 22%;
float: right;
display: inline;
}

Bununla değiştirin:

Kod: Tümünü seç

/* Poster profile block
----------------------------------------*/
.postprofile {
/* Also see tweaks.css */
margin: 5px 0 10px 0;
min-height: 80px;
color: #666666;
border-right: 1px solid #FFFFFF;
width: 22%;
float: left;
display: inline;
}

4: Daha sonra şu kodları bulun:

Kod: Tümünü seç

.pm .postprofile {
border-left: 1px solid #DDDDDD;
}

Bununla değiştirin:

Kod: Tümünü seç

.pm .postprofile {
border-right: 1px solid #DDDDDD;
}

5: Daha sonra alttaki dosyayı açın

styles/prosilver/theme/colours.css

Şu kodları arayın:

Kod: Tümünü seç

.online {
   background-image: url("{IMG_ICON_USER_ONLINE_SRC}");
}

Bununla değiştirin:

Kod: Tümünü seç

.online {
   background-image: url("{IMG_ICON_USER_ONLINE_SRC}");
   margin-top: -5px;
}

.online dt {
   margin-top: 5px;
}

6. Öncelikle, mesajın div kısmına uygulanmak üzere mevcut resmi kaldırmamız gerekir.

viewtopic_body.html dosyasını açın

Alttaki kodları arayın:

Kod: Tümünü seç

<div id="p{postrow.POST_ID}" class="post <!-- IF postrow.S_ROW_COUNT is odd -->bg1<!-- ELSE -->bg2<!-- ENDIF --><!-- IF postrow.S_UNREAD_POST --> unreadpost<!-- ENDIF --><!-- IF postrow.S_POST_REPORTED --> reported<!-- ENDIF --><!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --> online<!-- ENDIF -->">

Kodların arasından <!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --> online<!-- ENDIF --> bölümünü silin.

silinmiş hali:

Kod: Tümünü seç

<div id="p{postrow.POST_ID}" class="post <!-- IF postrow.S_ROW_COUNT is odd -->bg1<!-- ELSE -->bg2<!-- ENDIF --><!-- IF postrow.S_UNREAD_POST --> unreadpost<!-- ENDIF --><!-- IF postrow.S_POST_REPORTED --> reported<!-- ENDIF -->">

7. Şimdi bunu postprofile dl ögesine geri eklememiz gerekiyor.

viewtopic_body.html dosyasını açın

Alttaki kodu arayın:

Kod: Tümünü seç

<dl class="postprofile" id="profile{postrow.POST_ID}">

Bununla değiştirin:

Kod: Tümünü seç

<dl class="postprofile<!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --> online<!-- ENDIF -->" id="profile{postrow.POST_ID}">

8. styles/prosilver/template/ucp_pm_viewmessage.html dosyasını açın

Şu kodu arayın:

Kod: Tümünü seç

<div id="post-{MESSAGE_ID}" class="panel clearfix post pm-panel-message pm<!-- IF S_POST_UNAPPROVED or S_POST_REPORTED --> reported<!-- ENDIF --><!-- IF S_ONLINE --> online<!-- ENDIF -->">

NOT - phpBB 3.0.10'dan 3.0.11'e değişiklikle birlikte, yukarıdaki kod şu şekilde değiştirildi:

Kod: Tümünü seç

<div id="post-{MESSAGE_ID}" class="post pm<!-- IF S_POST_UNAPPROVED or S_POST_REPORTED --> reported<!-- ENDIF --><!-- IF S_ONLINE --> online<!-- ENDIF -->">

Yine de yapılacak değişiklik aynıdır. Altta belirtilen kodu kaldıracağız.

Üstteki kodların arasından şu kodu kaldırın: <!-- IF S_ONLINE --> online<!-- ENDIF -->

Kaldırılmış hali:

Kod: Tümünü seç

<div id="post-{MESSAGE_ID}" class="panel clearfix post pm-panel-message pm<!-- IF S_POST_UNAPPROVED or S_POST_REPORTED --> reported<!-- ENDIF -->">

9. Şu kodu bulun;

Kod: Tümünü seç

<dl class="postprofile" id="profile{MESSAGE_ID}">

Bununla değiştirin:

Kod: Tümünü seç

<dl class="postprofile<!-- IF S_ONLINE --> online<!-- ENDIF -->" id="profile{MESSAGE_ID}">

Tüm bu işlemler profilleri, konu içlerindeki mesajlarda ve özel mesajlarda tıpkı phpBB'nin eski varsayılan stili subsilver'daki gibi sol tarafa alacaktır. Tüm işlemleri doğru bir şekilde yaptığınızda ortaya çıkacak görüntü şu şekilde olacaktır:

Bir ÖM görüntülenirken;



Bir mesaj görüntülenirken;