Invision Düzenlenmiş CSS Kodları {TuaL}

[TuaL]

bu konu başlığı altında invision versiyonu temalarının benim tasarımım olan css kodlarıı paylaşacağım!=)

Kodlar; Yönetim Paneli >>> Afiş Asmak >>> Renkler ve resimler >>> Renkler >>> CSS Stylesheet
(CSS yerine eklenecektir)

noT; paylaştığım tüm kodları biraz css kod bilgisi olan herkes kendine göre değiştirebilir! css dışına eklenecek kodları belirtirim!=)

PROFİL
-------

Kod:

/***Dj-TuaL Profil***/

.postprofile dt a img {
background: transparent url('http://i82.servimg.com/u/f82/14/52/48/85/avatar15.png');
width: 135px;
height: 135px;
background-position: center center;
background-repeat: no-repeat;
padding: 10px;
}
.popmenubutton-new-out a {
display: block; margin-left: auto; margin-right: auto;
text-align: center;
}
.postprofile-details {
margin: 0px;
}
.postprofile-details dt {
font-weight: bold;
text-align: center;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px dashed #000;
}
.postprofile-details dt img {
margin: 5px 0;
}
.postprofile-details dd {
padding: 0 5px;
}
.postprofile-details dd span {
font-weight: bold;
}
.postprofile {
padding: 0px;
overflow: hidden;
    border-top: 1px dashed #000;
    border-right: 1px dashed #000;
    border-bottom: 1px dashed #000;
    border-left: 1px dashed #000;
}

[TuaL]

TABLO ARKA
-------------

Resim Yok kodu deneyin görün!=)

Kod:

/***Dj-TuaL Tablo Arka***/

#ipbwrapper {
background: url(http://i16.servimg.com/u/f16/14/66/73/55/tablol10.png);
background-repeat: repeat-y;
background-attachment: fixed;
background-position: center center;
text-align: left;
width: 940px;
padding-left: 36px;
padding-right: 36px;
}

[TuaL]

KATEGORİ İÇİ KİMLER ONLİNE (arka plan)
------------------------------------------

Kod:

div.formsubtitle { background: #fff url('http://i12.servimg.com/u/f12/14/52/48/85/alt_ve10.png'); }

[TuaL]

KATEGORİ AÇMA - KAPAMA (en sağ)
-------------------------------------

Kod:

/***Dj-TuaL Kategori Açma Kapama***/

div.maintitle .expand,div.maintitle .contract {
float: right;
width: 13px;
height: 13px;
background: url('http://i81.servimg.com/u/f81/14/51/10/23/collap10.png') no-repeat 50% 50%;cursor: pointer;
padding-top: 8px;
padding-right: 8px;
}

div.maintitle .expand {
background: url('http://i81.servimg.com/u/f81/14/51/10/23/collap11.png') no-repeat 50% 50%;
padding-top: 8px;
padding-right: 8px;
}

[TuaL]

HIZLI CEVAP
--------------

Resim Yok kodu deneyin görün!=)

Kod:

/***Dj-TuaL Hızlı Cevap***/

form#quick_reply textarea#text_editor_textarea {
   background-color: #e6e6e6;
        background-position: bottom right;
   background-repeat:no-repeat;
   background-attachment: scroll;
        background-image: url(http://i12.servimg.com/u/f12/14/52/48/85/postbg11.png);
   }

[TuaL]

KATEGORİ ve İSTATİSTİKLER (arka plan)
-----------------------------------------

Resim Yok kodu deneyin görün!=)

Kod:

/***Dj-TuaL Kategori-İstatistikler Arka***/

td.row1{
background-color: #e9edf2;
background-image: url(http://i12.servimg.com/u/f12/14/52/48/85/td_bg10.png);
background-repeat: repeat-x;
background-position: top;
}
td.row2{
background-color: #e9edf2;
background-image: url(http://i12.servimg.com/u/f12/14/52/48/85/td_bg10.png);
background-repeat: repeat-x;
background-position: top;
}

[TuaL]

LOGO (arkaplan)
-----------------

Kod:

/***Dj-TuaL Logo Ayarları***/

div#logostrip {
background: #c9e6f7
url(http://i12.servimg.com/u/f12/14/52/48/85/brandi10.png);
background-position: top;
padding-top: -1px;
}

[TuaL]

NERDEYİM?
------------

Kod:

/***Dj-TuaL Nerdeyim.?.***/

#navstrip li.begin {
padding-left: 15px;
padding-top: 2px;
padding-bottom: 0px;
background: url('http://i82.servimg.com/u/f82/14/52/48/85/navbit10.png') no-repeat left 50%;
}

#navstrip li {
  float: left;
  margin: 0 3px;
  padding-left: 10px;
  background: url('http://i82.servimg.com/u/f82/14/52/48/85/navbit11.png') no-repeat left 50%;
  }

[TuaL]

BAĞLANTI LİNKLERİ (arka plan)
--------------------------------

Kod:

/***Dj-TuaL Bağlantı Linkleri***/

#userlinks {
background: url('http://i17.servimg.com/u/f17/14/37/99/75/title10.png');
background-repeat: repeat-x;
margin-top: -1px;
font-weight: bold;
color: #000;
text-decoration: none;
}

#userlinks a { font-weight: bold;
color: #000;
text-decoration: none;
}

#userlinks ul li a:hover {
font-weight: bold;
color: #5fcae9;
}

[TuaL]

MENÜ
------
1)

Kod:

/***Dj-TuaL Menü***/

#submenu {
background-image: url('http://i82.servimg.com/u/f82/14/52/48/85/menaar10.png');
text-align: center;
font-weight: bold;
text-decoration: none;
background-repeat: repeat-x;
}
#submenu ul li a:hover {
background: #fff url('http://i82.servimg.com/u/f82/14/52/48/85/menaro11.png');
font-weight: bold;
color: #4E4E4E;
text-decoration: none;
text-align: center;
background-repeat: repeat-x;
}
*+ html #submenu {
  padding: 0;
  }
* html #submenu {
  padding: 0;
  }
#submenu ul li a {
  padding: 0.6em 1em 0.5em 0em;
  margin: 0em 0em 0em 0;
color: #ffffff;
  text-decoration: none;
  }

2)

Kod:

/***Dj-TuaL Menü***/

#submenu {
background: url(http://i12.servimg.com/u/f12/14/52/48/85/menaar11.png);
text-align: center;
font-weight: bold;
text-decoration: none;
background-repeat: repeat-x;
background-position: top center;
padding-top: 15px;
padding-bottom: 0px;
height: 120px;
}
#submenu ul li a:hover {
background: #fff url(http://i12.servimg.com/u/f12/14/52/48/85/primar10.png);
background-repeat: repeat-x;
background-position: top center;
font-weight: bold;
color: #4A8AB5;
text-decoration: none;
text-align: center;
}
*+ html #submenu {
  padding: 0;
  }
* html #submenu {
  padding: 0;
  }
#submenu ul li a {
  padding: 1.3em 1em 0.7em 0em;
  margin: 0em 0em 0em 0;
color: #000;
  text-decoration: none;
  }

3)

Kod:

/***Dj-TuaL Menü***/

#submenu {
background-image: url('http://i17.servimg.com/u/f17/14/37/99/75/menaar10.png');
background-repeat: repeat-x;
background-position: center center;
text-align: center;
font-weight: bold;
text-decoration: none;
padding-top: 8px;
padding-bottom: 8px;
}
#submenu ul li a:hover {
background: #fff url('http://i17.servimg.com/u/f17/14/37/99/75/title10.png');
background-repeat: repeat-x;
background-position: center center;
font-weight: bold;
color: #000;
text-decoration: none;
text-align: center;
}
*+ html #submenu {
  padding: 0;
  }
* html #submenu {
  padding: 0;
  }
#submenu ul li a {
padding: 0.6em 1em 0.9em 0em;
margin: 0em 0em 0em 0;
color: #fff;
text-decoration: none;
}
#submenu { line-height: normal; }

[TuaL]

PROFİL ve MESAJ AYARLARI MENÜ
------------------------------------

1)

Kod:

/***Dj-TuaL Profil-Mesaj Menü***/

ul.privmsg li {background-image: url('http://i82.servimg.com/u/f82/14/52/48/85/menaar10.png');}

ul.privmsg li a {
background-image: url('http://i82.servimg.com/u/f82/14/52/48/85/menaro10.png');
text-align: center;
font-weight: bold;
text-decoration: none;
}

2)

Kod:

/***Dj-TuaL Profil-Mesaj Menü***/

ul.privmsg li {background-image: url(http://i12.servimg.com/u/f12/14/52/48/85/primar10.png); background-position: center center; color: #000; }
ul.privmsg li a {
background-image: url('http://i12.servimg.com/u/f12/14/52/48/85/menaho10.png');
text-align: center;
font-weight: bold;
text-decoration: none;
}

3)

Kod:

/***Dj-TuaL Profil-Mesaj Menü***/

ul.privmsg li {
background-image: url('http://i17.servimg.com/u/f17/14/37/99/75/menaar10.png');
background-position: center center; color: #000;
margin: 0em 0em 0em 0;
}
ul.privmsg li a {
background-image: url('http://i17.servimg.com/u/f17/14/37/99/75/title10.png');
text-align: center;
font-weight: bold;
text-decoration: none;
}

[TuaL]

MESAJ (arka plan)
-------------------

Resim Yok kodu deneyin görün!=)

Kod:

/***Dj-TuaL Mesaj ArkaPlan***/

.post-container {
   background-color: #ffffff;
        background-position: bottom right;
   background-repeat:no-repeat;
   background-attachment: scroll;
        background-image: url('http://i81.servimg.com/u/f81/14/51/10/23/mesaja10.png');
   }

[TuaL]

MESAJ ARASINA REKLAM
--------------------------

Kod:

/***Dj-TuaL Mesaj Arasına Reklam***/

.post-footer {
background: #ecf1f4 url(http://i61.servimg.com/u/f61/13/31/71/39/turkce10.gif);
background-repeat: no-repeat;
background-position: bottom center;
height: 85px;
}

[TuaL]

ALT REKLAMLAR (arka plan)
-----------------------------

Resim Yok kodu deneyin görün!=)

Kod:

/***Dj-TuaL Alt Reklamlar***/

#gfooter {
background: #fff url('http://i81.servimg.com/u/f81/14/51/10/23/siyaha10.png');
font-size: 9px;
color: #fff;
}

[TuaL]

YENİ NESİL KOD BÖLÜMÜ
---------------------------

Kod:

dl.codebox {
background: transparent url(http://i49.tinypic.com/29w4d8g.png) no-repeat scroll 2px 0px;
padding-left: 2px;
padding-top: 26px;
}

dl.codebox code {
background-color: #fff8af;
display: block;;
overflow: auto;
padding: 0 1em;
color: #555555;
border-left: 4px solid #EB1885;
}

.codebox dt {
display:none;
}

.codebox dd {
border: 0px;
padding: 0px;
}