PROFİL DÜZENLEME
Herkese selamlar.Modellersiz nasıl profil yapabiliriz diye gelen ö.m.lere
yanıt
olsun diye hazırladım bu çalışmayı.Bildiğiniz gibi css ile yaptığımız
calışmalar..fire fozta farklı ie de farklı çıkıyordu ve bende css siz
nasıl yapılırdiye calışmayı hazırladım..sizlerde bu yöntemi kullanarak
daha farklı resimler renkler kullanarak daha güzellerini
yapabilirsiniz..saygılar.shanex.
Yönetim paneli
Kullanıcı Yönetimi & Gruplar
Profiller
Yeni ekle
Tip :resim
Isim :resim
Zorunlu:hayır
Ilan etmek :sadece Messages i işaretleyin diyeri boş kalsın
Ilan tipi :icon
Display this field for users that are at least :misafirler
Separator :Back to the line
Yokluk içeren :buraya aşagıdaki resmi ekleyin göndere basın.
Kod:https://i.servimg.com/u/f10/14/30/61/11/shanex10.jpg
Yukardaki yaptığımız gibi yine aynısını yapıyoruz..busefer ordaki resim yerine bu resmi bırakıyoruz.
Kod:https://i.servimg.com/u/f10/14/30/61/11/shanex11.jpg
kaçtane profil bilgisi varsa okadar yapıyoruz..örneğin..mesaj sayısı.yaş..doğum tarihi..gibi.
bunların aralarına resim gelmesi için nekadar ise okadar yukardaki yöndemi kullanarak yapıyoruz..
bunların aşagı yukarı ayarlamak için sarı okları kullanın.
şimdi o kuçuk resimler bittiğinde yine birtanedaha yapıyoruz..aşagıdaki resmi ekliyoruz buseferde.
Kod:https://i.servimg.com/u/f10/14/30/61/11/shanex12.jpg
Bunlar bittikten sonra tektek yaptıklarımızın değiştirine basın..
en alta içeriği değiştirmek e tıklayın..evet deyin..
yapmaz iseniz resimler profilde çıkmaz bunu mutlaka yapın..hepsini tek tek..
Enlarge this imageReduce this image Enlarge this imageReduce this image Enlarge this imageReduce this image Evet bu resim ekleme işlemi bittikten sonra profil bilgilerine geçiyoruz..
profil bilgilerinin tek tek değiştirine basıyoruz.
Isim :yazan yeri buşekil yapın..ismin başına bunu
sonunada bunu ekleyin.örnek.Kod:
Mesaj Sayısı yandaki renk yerine bu renk kodunu ekleyin..
Kod:#E9BEF7
Url icon :aşagıdaki resmi ekleyin.
Kod:https://i.servimg.com/u/f10/14/30/61/11/shanex27.gif
Separator :burası çok önemli tüm profil bilgilerini
Kod:Back to the line-----yapın...
Enlarge this imageReduce this image Son olarak kodu
Yönetim paneli.
Afişasmak.
Renkler.
Css ye ekleyin.
Kod:.poster-profile a img {
background-image: url(http://www.ww64.com/uploads/images/2009-12-22/Ej2lB6H0VH.png);
width: 94px;
height: 94px;
background-position: center center;
background-repeat: no-repeat;
padding: 30px;
}
.name{
background-position: center center;
background-repeat: no-repeat;
padding: 30px;
}
.postdetails{
font-size : 15px;
color : #000000 ;
font-family : Monotype Corsiva;
}Yukardaki avatar cerceve phpbb2 içindir diyer versionlar için.
TIKLAYINHayırlı olsun..
Örnek için buraya bakabilirsiniz