1-2 Acayip Css (Firefox İçin)

Modeler Gitti İş Başa Düştü!=)

Kodlar;
Yönetim Paneli >>> Afiş Asmak >>> Renkler ve resimler
(altından) > Renkler > CSS Stylesheet (içine)

Görünüm noktalı çerçevedeki gibi;


Forumda kullanılan tüm (fieldset) kodlarını şekillendirir ama sadece firefox için geçerlidir!

Kod:fieldset {
padding: 10px;
border: 1px solid #ff0000;
-moz-border-radius: 13px;
border-radius: 5px;
}
th
{ color: #ffffff; font-size: 12px; font-weight : bold;
background-color: #000000; height: 25px; padding: 2px 3px; }

NoT: Ayarlarından istediğiniz gibi değiştirebilirsiniz!

Kodlar; Yönetim Paneli >>> Afiş Asmak >>> Renkler ve
resimler (altından) > Renkler > CSS Stylesheet (içine)

Linklerin üstüne gelince çıkan resimler!

Kod:a:hover{
text-decoration: underline;
color : #000000;
background-image:url(http://i10.glitter-graphics.org/pub/629/629740trq6seguwh.gif);
}

NoT: Kodun içinden url(Resim Linki); yerini değiştirebilirsiniz!

Kodlar; Yönetim Paneli >>> Afiş Asmak >>> Renkler ve
resimler (altından) > Renkler > CSS Stylesheet (içine)

Görünüm sarı çizgiler arasındaki;

Bu resmi büyütResmi küçült Gercek boyutunu görmek için buraya tıklayınız


Forumdaki Profil, Mesaj veya koyduğunuz (HR) kodları yerine resim koymak!

Kod:hr {
border: 0 none #ffffff;
border-top: 0px solid #000000;
height: 3px;
background-image: url(http://i10.glitter-graphics.org/pub/157/157450y8o7027lgr.gif);
margin: 5px 0;
display: block;
clear: both;
}
hr.dashed {
border-top: 0px dashed #ffffff;
margin: 5px 0;
}

NoT: Kodun içinden url(Resim Linki); yerini değiştirebilirsiniz!

Kodlar; Yönetim Paneli >>> Afiş Asmak >>> Renkler ve
resimler (altından) > Renkler > CSS Stylesheet (içine)
Forum Etrafındaki Çerçeve!
Görünüm siyah çizgiler arasındaki noktalama gibi;

Bu resmi büyütResmi küçült Gercek boyutunu görmek için buraya tıklayınız


Noktalı;
Kod:.bodyline{
border-width: 2px; border-style: dotted; border-color: red;
}
Kesik Çizgili;
Kod:.bodyline{
border-width: 2px; border-style: dashed; border-color: red;
}
Sürekli Çizgili;
Kod:.bodyline{
border-width: 2px; border-style: solid; border-color: red;
}
İkili Çizgili;
Kod:.bodyline{
border-width: 4px; border-style: double; border-color: red;
}
Kalın 3d Çizgili;
Kod:.bodyline{
border-width: 4px; border-style: inset; border-color: red;
}

NoT: Kodların içinden red yazan yerdeki rengi değiştirebilirsiniz!

Kodlar; Yönetim Paneli >>> Afiş Asmak >>> Renkler ve
resimler (altından) > Renkler > CSS Stylesheet (içine)

Resimleri otomatik küçültmek!

Kod:.postbody img{max-width:800px;}

NoT: Kodun içinden max-width:800px; olan yeri değiştirebilirsiniz!

Kodlar; Yönetim Paneli >>> Afiş Asmak >>> Renkler ve
resimler (altından) > Renkler > CSS Stylesheet (içine)

Forum için iç arka plan yani logo arkası denilebilir!

Kod:.bodyline {
BACKGROUND-IMAGE: url('https://i.servimg.com/u/f69/13/59/49/82/002110.gif')
}


NoT: Kodun içinden url('Resim Linki'); yerini değiştirebilirsiniz!

Kodlar; Yönetim Paneli >>> Afiş Asmak >>> Renkler ve
resimler (altından) > Renkler > CSS Stylesheet (içine)

Forum için sabit arka plan yapımı!

Kod:body
{
background-image: url('https://i.servimg.com/u/f69/13/59/49/82/arkapl10.png');
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top center;
}

NoT: Kodun içinden url('Resim Linki'); yerini değiştirebilirsiniz!

Kodlar; Yönetim Paneli >>> Afiş Asmak >>> Renkler ve
resimler (altından) > Renkler > CSS Stylesheet (içine)

Katagoriler, Forumlar, İstatistikler gibi yazı yerlerinin arka planına resim eklemek!

Kod:td.row1{
background-color: trasparent;
background-image: url("https://i.servimg.com/u/f69/13/59/49/82/002110.gif");
background-attachment:
}
td.row2{
background-color: trasparent;
background-image: url("https://i.servimg.com/u/f69/13/59/49/82/002110.gif");
background-attachment:
}
td.row3{
background-color: trasparent;
background-image: url("https://i.servimg.com/u/f69/13/59/49/82/002110.gif");
background-attachment:
}

TD.row4 {
BACKGROUND-IMAGE: url('https://i.servimg.com/u/f69/13/59/49/82/002110.gif')
}

TD.row5 {
BACKGROUND-IMAGE: url('https://i.servimg.com/u/f69/13/59/49/82/002110.gif')
}

NoT: Kodun içinden Tüm url('Resim Linki'); yerini değiştirebilirsiniz!

Kodlar; Yönetim Paneli >>> Afiş Asmak >>> Renkler ve
resimler (altından) > Renkler > CSS Stylesheet (içine)

Görünüm, forumun herhangi biyerine uyarı mesajı eklemek!

Bu resmi büyütResmi küçült Gercek boyutunu görmek için buraya tıklayınız


Kod:.alert {
background: #fff6bf url(https://2img.net/i/fa/i/smiles/icon_exclaim.gif) center no-repeat;
background-position: 15px 50%; /* x-pos y-pos */
text-align: left;
padding: 5px 20px 5px 45px;
border-top: 2px solid #ffd324;
border-bottom: 2px solid #ffd324;
}

NoT: Kodun tam çalışması için aşşağıdaki gibi forumun istediğiniz yerinde kullanmalısınız! Mesajlarda kullanmak için HTML kodlarının açık olması lazım!...
Kod:

HoşGeldiniz...

Kodlar; Yönetim Paneli >>> Afiş Asmak >>> Renkler ve
resimler (altından) > Renkler > CSS Stylesheet (içine)

Konulara liste oluştururken başındaki nokta yerine resim koymak!

Kod:.post ul {list-style-image: url('https://2img.net/r/ihimizer/img237/2791/subforumoldkt2.gif');}

NoT: Kodun içinden url('Resim Linki'); yerini değiştirebilirsiniz!

Kodlar; Yönetim Paneli >>> Afiş Asmak >>> Renkler ve
resimler (altından) > Renkler > CSS Stylesheet (içine)

Menü tasarımı forumun istediğiniz bir yerinde kullanıla bilir!

Kod:.menu{
list-style-type: none;
margin: 0;
padding: 0;
width: 180px;
}

.menu li a{
display: block;
width: 100%;
padding: 2px 4px;
text-decoration: none;
font-weight: bold;
background-color: #FFF2BF;
border: 2px solid #FFF2BF;
text-decoration:none;
}

.menu li a:hover{
color: black;
background-color: #FFE271;
border-style: outset;
}

html>body .menu li a:active{ /* Apply mousedown effect (non IE browsers only) */
border-style: inset;
}

NoT: Kodun tam çalışması için aşşağıdaki gibi forumun istediğiniz yerinde kullanmalısınız!

Kod:

• 1.İsim


• 2.İsim


• 3.İsim


• 4.İsim


• 5.İsim


• 6.İsim

Kodlar; Yönetim Paneli >>> Afiş Asmak >>> Renkler ve
resimler (altından) > Renkler > CSS Stylesheet (içine)

Alıntıları Invision temadaki gibi kullanmak!

Kod:.quote {

BORDER-RIGHT: #aaa 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #aaa 1px
solid; PADDING-LEFT: 40px; FONT-SIZE: x-small; BACKGROUND:
url(http://www.cazforum.com/caz/Themes/default/images/quote.png) #f0f3fc
no-repeat 0px 5px; PADDING-BOTTOM: 10px; MARGIN: 1px; BORDER-LEFT: #aaa
1px solid; COLOR: #000000; LINE-HEIGHT: 1.4em; PADDING-TOP: 10px;
BORDER-BOTTOM: #aaa 1px solid
}

Kodlar; Yönetim Paneli >>> Afiş Asmak >>> Renkler ve
resimler (altından) > Renkler > CSS Stylesheet (içine)

Link renklerini css'den ayarlamak!

Kod:a.postlink:link { text-decoration: none; color : #ff0000}
a.postlink:hover { text-decoration: underline; color : #a601a6}

NoT:
Kodun içindeki; a.postlink:link (normal link rengi) ve a.postlink:hover
(mause ile üstüne gelindiğindeki rengi) bunların sonundaki color : #RenkKodu renk kodlarını istediğiniz gibi ayarlaya bilirsiniz!

Kodlar; Yönetim Paneli >>> Afiş Asmak >>> Renkler ve
resimler (altından) > Renkler > CSS Stylesheet (içine)

Resimleri Küçültmek! Mause İle Üzerine Gelince Büyütür!

Kod:/*Dj-TuaL---------------------------*/
.postbody img{max-width:400px;}
.postbody img:hover{
max-width:800px;
overflow:auto;
}

NoT: Kodun içinden max-width:400px(resmin maximum küçültme boyutu) yada 800px(resmin maximum büyülme boyutu); olan yerleri değiştirebilirsiniz!

versiyon en sağlam "phpbb2"de çalışır! yorumlar için teşekkürler!=)