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
» Dışarıdan alınan domaini siteme nasıl yönlendiririm?
Bugün 19:45 tarafından Atiim

» E-posta - Mail sunucusu sorunu
Bugün 19:44 tarafından Atiim

» Arkadaşalar Bir Bakarmısınız Konu Acildir...
Bugün 19:41 tarafından Atiim

» Forum sayfamda reklam yönlerdirme malesef devam ediyor
Bugün 19:14 tarafından Atiim

» Siteye giriş yaptıktan sonra bir yere tıklayınca açılan sayfa yada reklamlar
Bugün 3:44 tarafından Atiim

» adult sitelere yönlerdirme sorunu var
Ptsi 12 Eyl. 2016 - 2:11 tarafından Atiim

» Çok Acil Bir Yardım Çağrısı
C.tesi 10 Eyl. 2016 - 19:41 tarafından Atiim

» Forum yedegi nasil alinir?
Çarş. 7 Eyl. 2016 - 2:47 tarafından Atiim

» Yıllar Önce Açtığım Siteye Ulaşamıyorum Kapatmak İstiyorum.
Cuma 26 Ağus. 2016 - 20:19 tarafından Atiim

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

TuaL
Yetkinemektar

Erkek
Mesaj Sayısı : 3281
Yaş : 26
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;
}

TuaL
Yetkinemektar

Erkek
Mesaj Sayısı : 3281
Yaş : 26
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'); }

TuaL
Yetkinemektar

Erkek
Mesaj Sayısı : 3281
Yaş : 26
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;
}

TuaL
Yetkinemektar

Erkek
Mesaj Sayısı : 3281
Yaş : 26
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);
   }

TuaL
Yetkinemektar

Erkek
Mesaj Sayısı : 3281
Yaş : 26
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;
}

TuaL
Yetkinemektar

Erkek
Mesaj Sayısı : 3281
Yaş : 26
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;
}

TuaL
Yetkinemektar

Erkek
Mesaj Sayısı : 3281
Yaş : 26
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%;
  }

TuaL
Yetkinemektar

Erkek
Mesaj Sayısı : 3281
Yaş : 26
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;
}

TuaL
Yetkinemektar

Erkek
Mesaj Sayısı : 3281
Yaş : 26
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; }

TuaL
Yetkinemektar

Erkek
Mesaj Sayısı : 3281
Yaş : 26
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;
}

TuaL
Yetkinemektar

Erkek
Mesaj Sayısı : 3281
Yaş : 26
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');
   }

TuaL
Yetkinemektar

Erkek
Mesaj Sayısı : 3281
Yaş : 26
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;
}

TuaL
Yetkinemektar

Erkek
Mesaj Sayısı : 3281
Yaş : 26
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;
}

TuaL
Yetkinemektar

Erkek
Mesaj Sayısı : 3281
Yaş : 26
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;
}

TuaL
Yetkinemektar

Erkek
Mesaj Sayısı : 3281
Yaş : 26
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