phpBB Türkiye

Merhaba sitemdeki avatarlara kendi yaptığım çerveyi nasıl uygularım ?

şimdilik sadece yöneticiler için özel yapıyorum ama uygulayabilirsem mükemmel olacak.
Örnek olarak benim kendi kullandığım kartı göstereyim kartın çervesini ( içi saydam olacak ) avatar kısmına sabitleyebilirmiyim. Ya uff anlatamadım şöyle toparlıyım.. Üyeler avatar koyunca benim Kartım gibi resmin çerçeve içinde olmasını nasıl yapabilirim ? ( sanırım gene anlatamadım neyse belki anlamışsınızdır

Resim silinmiş yeniledim

avatara çerçeve uygulama konusunda bende talibim. nasıl yapılabilir acaba.

viewtopic tema sayfasında avatar girdisini bulup karşılığındaki css girdisini bulun. CSS'den avatar girsine border: 1px ekleyin. Çok zor değil aslında ama deneme yanılma olayına girmek gerekiyor.

Cavabın için teşekkür ederim, işlemi denedim ama istediğim sonuç çıkmadı.

Resim vardı sunucu hataya girince gitmiş, onu yeniledim yani aynen resimdeki gibi bir çerçeve yapabilirmiyim ? Yapabilirsem nasıl yaparım

Sonunda nasıl yapılacağını buldum ama yapamadım

Selçuk İslamoğlu yazdı:Nasıl yaparsın? Çerçeveyi PNG hazırlarsın veya GIF tercih senin. Normal avatarı görüntüleyeceğin yeri de şeffaf olarak belirlersin.

Avatarı Div arkaplanına background olarak yapıştırırsın, çerçeveyi de üstüne resim olarak gömersin. Böylelikle şeffaf kısım arkaplanı gösterir. Kaynağı görüntüle ile CHIP Online avatar özelliklerini bir incele...

phpBB ile nasıl yapılır bilemem, buradaki tüm kodlar elle yazıldı.

Önce Viewtopic_body.html dosyasında şurayı buldum;

Kod: Tümünü seç

<dl class="postprofile" id="profile{postrow.POST_ID}">
         <dt>
            <!-- IF postrow.POSTER_AVATAR -->
               <!-- IF postrow.U_POST_AUTHOR --><a href="{postrow.U_POST_AUTHOR}">{postrow.POSTER_AVATAR}</a><!-- ELSE -->{postrow.POSTER_AVATAR}<!-- ENDIF --><br />
            <!-- ENDIF -->
            <!-- IF not postrow.U_POST_AUTHOR --><strong>{postrow.POST_AUTHOR_FULL}</strong><!-- ELSE -->{postrow.POST_AUTHOR_FULL}<!-- ENDIF -->
         </dt>

         <!-- IF postrow.RANK_TITLE or postrow.RANK_IMG --><dd>{postrow.RANK_TITLE}<!-- IF postrow.RANK_TITLE and postrow.RANK_IMG --><br /><!-- ENDIF -->{postrow.RANK_IMG}</dd><!-- ENDIF -->

      <dd>&nbsp;</dd>

Daha sonra ordaki Class ID ye bakarak content.css de bu kısımı buldum, ne eklediysem kâr ettiremedim
"background-image:url("{T_THEME_PATH}/images/nv.png");" bunu sonradan ekledim ama çalışmadı

Kod: Tümünü seç

.avatar {
   background-image:url("{T_THEME_PATH}/images/nv.png");
   border: none;
   margin-bottom: 3px;
}

İzlediğim yol doğru mu ?

url("{T_THEME_PATH}/images/nv.png")

bu girdiyi border kısmına ekle bir de...