Modellersiz profil.

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:

http://i10.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:

http://i10.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:

http://i10.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..



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:

[b]Mesaj Sayısı[/b]

yandaki renk yerine bu renk kodunu ekleyin..

Kod:

#E9BEF7

Url icon :aşagıdaki resmi ekleyin.

Kod:

http://i10.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...

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.
TIKLAYIN
Örnek için buraya bakabilirsiniz