Prosilver Avatar Altı Bilgilere Border

[satcell]

[ resmi görüntülemek için tıklayın ]

colours.css

en alta ekle

Kod: Tümünü seç

.sat {
padding-left: 3px;
padding-right: 3px;
padding-top: 3px;
padding-bottom: 3px;
background-color: #FFFFFF;
border-top: 1px solid #0000FF;
border-right: 1px solid #0000FF;
border-left: 1px solid #0000FF;
border-bottom: 1px solid #0000FF;
margin-bottom: 3px;
width : 135px;
}

viewtopic_body.html

bul

Kod: Tümünü seç

<dd><strong>{L_POSTS}:</strong> 

bu kısmı

Kod: Tümünü seç

<dd>

bununla değiştir

Kod: Tümünü seç

<dd class="sat">

bul

Kod: Tümünü seç

<dd><strong>{L_JOINED}:</strong>

bu kısmı

Kod: Tümünü seç

<dd>

bununla değiştir

Kod: Tümünü seç

<dd class="sat">

bul

Kod: Tümünü seç

<dd><strong>{L_LOCATION}:</strong>

bu kısmı

Kod: Tümünü seç

<dd>

bununla değiştir

Kod: Tümünü seç

<dd class="sat">

bul

Kod: Tümünü seç

<dd><strong>{postrow.PROFILE_FIELD1_NAME}:</strong>

bu kısmı

Kod: Tümünü seç

<dd>

bununla değiştir

Kod: Tümünü seç

<dd class="sat">

bul

Kod: Tümünü seç

<dd><strong>{postrow.custom_fields.PROFILE_FIELD_NAME}:</strong> 

bu kısmı

Kod: Tümünü seç

<dd>

bununla değiştir

Kod: Tümünü seç

<dd class="sat">

Stillerden Temayı Yenile,Önbelleği Temizle,Tarayıcının Çerezlerini Sil

[Evrek4]

Güzel paylaşım, prosilver için daha önce yapmıştım firefox vs tarayıcılarda sorun yoktu ama explorer de sorun çıkıyordu.

Bu css kodlarını daha sadeleştirip, çerçeveyi daha da şekillendirebiliriz.

Şu kodun:

Kod: Tümünü seç

.sat {
padding-left: 3px;
padding-right: 3px;
padding-top: 3px;
padding-bottom: 3px;
background-color: #FFFFFF;
border-top: 1px solid #0000FF;
border-right: 1px solid #0000FF;
border-left: 1px solid #0000FF;
border-bottom: 1px solid #0000FF;
margin-bottom: 3px;
width : 135px;
}

Yerine şunu kullanabilirsiniz:

Kod: Tümünü seç

.sat {
padding: 3px;
background-color: #FFFFFF;
border: 1px solid #0000FF;
margin-bottom: 3px;
width : 135px;
}

Aynı görüntüyü elde edersiniz, sağ, sol, alt ve üst için teker teker tanımlamaya gerek yok.
Çerçevenin kenarlarını yuvarlayabilir, arkaplana resim ekleyebilirsiniz.
Şöyle:

Kod: Tümünü seç

.sat {
padding: 3px;
background-color: #FFFFFF;
border: 1px solid #0000FF;
margin-bottom: 3px;
width : 135px;
border-radius:6px;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
}

Çerçeve köşeleri yuvarlanmış olur böylece. Çerçevenin arkaplan rengini

Kod: Tümünü seç

background-color: #FFFFFF;

satırındaki ffffff renk kodunu değiştirerek değiştirebilirsiniz.
Yine çerçeve rengini ve kalınlığını ise :

Kod: Tümünü seç

border: 1px solid #0000FF;

satırından değiştirebilirsiniz.
1px değerini arttırırsanız çerçeve kalınlaşır.
Solid komutunu dashed, dotted, groove gibi komutlarla değiştirip çerçeveye farklı şekiller verebilirsiniz.
Olay css bilginiz ile alakalı biraz da.

[satcell]

Tüm tarayıcılarda sorunsuz Özellikle yukarıdaki resimde İE8 ve Google Chrome Görüntü resimlerini ekledim.Köşeleri ayrı ayrı tanımlama da bir tarafın rengini farklı bir tarafın rengini farklı tanımlama ile daha farklı renklerde border şeklide verebiliriz.

[ForeverBesiktas]

Ben Etech Gray Teması Kullanıyorum .
Onun İçin de Uygun mudur ?
Yapabilir miyim ??

[satcell]

Ben Etech Gray Teması Kullanıyorum .
Onun İçin de Uygun mudur ?
Yapabilir miyim ??

Subsilver 2 de nasıl yapılacağını buraya ekledim viewtopic.php?f=39&t=18211

[ForeverBesiktas]

Ben Etech Gray Teması Kullanıyorum .
Onun İçin de Uygun mudur ?
Yapabilir miyim ??

Subsilver 2 de nasıl yapılacağını buraya ekledim viewtopic.php?f=39&t=18211

Teşekkürler Ellerine Sağlık ..

[UFUKXXX]

Teşekkürler süper oldu

[Tornado611]

hiç tepki vermedi aynı kaldı?

[satcell]

hiç tepki vermedi aynı kaldı?

web tarayıcısının çerezlerini sil