Bedava Forum: Yetkinforumun Destek Forumu
Yetkinforum'un destek forumuna hoş geldiniz Smile

Eğer üye iseniz lütfen giriş yapınız, eğer henüz üye değilseniz ve forumdan tam olarak yararlanmak istiyorsanız bizim topluluğumuza katılabilirsiniz

Bu forum gibi ücretsiz forum kurmak
Öğretici Konular Ara...
Sorularınızın Cevaplarını daha kolay bulabilmek için bu arama yerini kullanabilirsiniz !



Görünüm olarak :



Giriş yap

Şifremi unuttum

En son konular
» Profil alani
Perş. 25 Mayıs 2017 - 1:37 tarafından snappy

» Portal istek
Cuma 19 Mayıs 2017 - 8:06 tarafından Kertelek

» Kategorilerin üzerine duyuru
C.tesi 13 Mayıs 2017 - 16:29 tarafından Maxelle

» SSL Sertifika güvenli değil htpps
Perş. 11 Mayıs 2017 - 17:04 tarafından Atiim

» [Önemli] Türk destek forumunda artık destek verilmeyecektir.
Salı 9 Mayıs 2017 - 22:35 tarafından CodeMan

» Anasayfa Son Mesajlar Çerceve
Paz 7 Mayıs 2017 - 1:14 tarafından Maxelle

» Web siteme girince müstehcen virüslü sayfalar çıkıyor!..
Cuma 5 Mayıs 2017 - 10:24 tarafından Sedat Yıldırım

» Alan adı onaylanması
Çarş. 3 Mayıs 2017 - 3:26 tarafından Atiim

» Banner istek
Salı 2 Mayıs 2017 - 15:24 tarafından Kertelek

Bedava forum kurmak
Facebook/Twitter
 
 

Invision Düzenlenmiş CSS Kodları {TuaL}

Önceki başlık Sonraki başlık Aşağa gitmek

Invision Düzenlenmiş CSS Kodları {TuaL}

Mesaj tarafından TuaL Bir C.tesi 13 Şub. 2010 - 1:27

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;
}


En son TuaL tarafından Ptsi 5 Mart 2012 - 9:26 tarihinde değiştirildi, toplamda 1 kere değiştirildi
avatar
TuaL
Yetkinemektar

Erkek
Mesaj Sayısı : 3281
Yaş : 27
Uyarı yok

http://destek.yetkin-forum.com

Sayfa başına dön Aşağa gitmek

Geri: Invision Düzenlenmiş CSS Kodları {TuaL}

Mesaj tarafından TuaL Bir C.tesi 13 Şub. 2010 - 1:36

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;
}
avatar
TuaL
Yetkinemektar

Erkek
Mesaj Sayısı : 3281
Yaş : 27
Uyarı yok

http://destek.yetkin-forum.com

Sayfa başına dön Aşağa gitmek

Geri: Invision Düzenlenmiş CSS Kodları {TuaL}

Mesaj tarafından TuaL Bir C.tesi 13 Şub. 2010 - 1:44

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'); }
avatar
TuaL
Yetkinemektar

Erkek
Mesaj Sayısı : 3281
Yaş : 27
Uyarı yok

http://destek.yetkin-forum.com

Sayfa başına dön Aşağa gitmek

Geri: Invision Düzenlenmiş CSS Kodları {TuaL}

Mesaj tarafından TuaL Bir C.tesi 13 Şub. 2010 - 1:51

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;
}
avatar
TuaL
Yetkinemektar

Erkek
Mesaj Sayısı : 3281
Yaş : 27
Uyarı yok

http://destek.yetkin-forum.com

Sayfa başına dön Aşağa gitmek

Geri: Invision Düzenlenmiş CSS Kodları {TuaL}

Mesaj tarafından TuaL Bir C.tesi 13 Şub. 2010 - 1:54

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);
   }
avatar
TuaL
Yetkinemektar

Erkek
Mesaj Sayısı : 3281
Yaş : 27
Uyarı yok

http://destek.yetkin-forum.com

Sayfa başına dön Aşağa gitmek

Geri: Invision Düzenlenmiş CSS Kodları {TuaL}

Mesaj tarafından TuaL Bir C.tesi 13 Şub. 2010 - 2:00

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;
}
avatar
TuaL
Yetkinemektar

Erkek
Mesaj Sayısı : 3281
Yaş : 27
Uyarı yok

http://destek.yetkin-forum.com

Sayfa başına dön Aşağa gitmek

Geri: Invision Düzenlenmiş CSS Kodları {TuaL}

Mesaj tarafından TuaL Bir C.tesi 13 Şub. 2010 - 2:03

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;
}
avatar
TuaL
Yetkinemektar

Erkek
Mesaj Sayısı : 3281
Yaş : 27
Uyarı yok

http://destek.yetkin-forum.com

Sayfa başına dön Aşağa gitmek

Geri: Invision Düzenlenmiş CSS Kodları {TuaL}

Mesaj tarafından TuaL Bir C.tesi 13 Şub. 2010 - 2:08

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%;
  }
avatar
TuaL
Yetkinemektar

Erkek
Mesaj Sayısı : 3281
Yaş : 27
Uyarı yok

http://destek.yetkin-forum.com

Sayfa başına dön Aşağa gitmek

Geri: Invision Düzenlenmiş CSS Kodları {TuaL}

Mesaj tarafından TuaL Bir C.tesi 13 Şub. 2010 - 2:13

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;
}
avatar
TuaL
Yetkinemektar

Erkek
Mesaj Sayısı : 3281
Yaş : 27
Uyarı yok

http://destek.yetkin-forum.com

Sayfa başına dön Aşağa gitmek

Geri: Invision Düzenlenmiş CSS Kodları {TuaL}

Mesaj tarafından TuaL Bir C.tesi 13 Şub. 2010 - 2:27

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; }
avatar
TuaL
Yetkinemektar

Erkek
Mesaj Sayısı : 3281
Yaş : 27
Uyarı yok

http://destek.yetkin-forum.com

Sayfa başına dön Aşağa gitmek

Geri: Invision Düzenlenmiş CSS Kodları {TuaL}

Mesaj tarafından TuaL Bir C.tesi 13 Şub. 2010 - 2:44

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;
}
avatar
TuaL
Yetkinemektar

Erkek
Mesaj Sayısı : 3281
Yaş : 27
Uyarı yok

http://destek.yetkin-forum.com

Sayfa başına dön Aşağa gitmek

Geri: Invision Düzenlenmiş CSS Kodları {TuaL}

Mesaj tarafından TuaL Bir C.tesi 13 Şub. 2010 - 2:48

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');
   }
avatar
TuaL
Yetkinemektar

Erkek
Mesaj Sayısı : 3281
Yaş : 27
Uyarı yok

http://destek.yetkin-forum.com

Sayfa başına dön Aşağa gitmek

Geri: Invision Düzenlenmiş CSS Kodları {TuaL}

Mesaj tarafından TuaL Bir C.tesi 13 Şub. 2010 - 3:08

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;
}
avatar
TuaL
Yetkinemektar

Erkek
Mesaj Sayısı : 3281
Yaş : 27
Uyarı yok

http://destek.yetkin-forum.com

Sayfa başına dön Aşağa gitmek

Geri: Invision Düzenlenmiş CSS Kodları {TuaL}

Mesaj tarafından TuaL Bir C.tesi 13 Şub. 2010 - 3:21

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;
}
avatar
TuaL
Yetkinemektar

Erkek
Mesaj Sayısı : 3281
Yaş : 27
Uyarı yok

http://destek.yetkin-forum.com

Sayfa başına dön Aşağa gitmek

Geri: Invision Düzenlenmiş CSS Kodları {TuaL}

Mesaj tarafından TuaL Bir Çarş. 27 Tem. 2011 - 21:13

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;
}
avatar
TuaL
Yetkinemektar

Erkek
Mesaj Sayısı : 3281
Yaş : 27
Uyarı yok

http://destek.yetkin-forum.com

Sayfa başına dön Aşağa gitmek

Önceki başlık Sonraki başlık Sayfa başına dön

- Similar topics

 
Bu forumun müsaadesi var:
Bu forumdaki mesajlara cevap veremezsiniz