Forumumuza Kayıtlı Kullanıcı Olmadığınız algılandı, Forumuntüm özelliklerini kullanabilmek için buraya tıklayarak ücretsiz üyeolabilirsiniz...
Css Kod Arşiv!

Türkçe Yardım Forumu Servisi ( www.webyardim.org )

Hoşgeldiniz!, Misafir
3239 Gündür yayındayız Toplam Mesajınız: 16777215
PortalAnasayfaAramaSSSHtml Deneme AlanıTopListKayıt OlGiriş yap
logo
Kullanıcı Adı:
Duyurular!Forumunuzu SekillendirinDiger Sorunlar
Domain
Resimli Çözümler
Hitskin
Blog
Photoshop
Komedi Dükkani
OyunLar DownLoaD Sohbet CaFe A.Ö.F. Destek FlatcasT Yardım

Paylaş | 
 

 Css Kod Arşiv!

Önceki başlık Sonraki başlık Aşağa gitmek 
YazarMesaj
MyMaN
Paylaşımcı Üye
Paylaşımcı Üye


Erkek
Zodyak : Balık
Mesaj Sayısı : 891
Yaş : 23
Nereden : İstanbul
İş : Öğrenci
Kayıt tarihi : 29/05/08
Rep Puanı : 2
Rep Puanı : 457

MesajKonu: Css Kod Arşiv!   C.tesi Nis. 18, 2009 11:55 am

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!


En son MyMaN tarafından C.tesi Nis. 18, 2009 11:57 am tarihinde değiştirildi, toplamda 1 kere değiştirildi
Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör
MyMaN
Paylaşımcı Üye
Paylaşımcı Üye


Erkek
Zodyak : Balık
Mesaj Sayısı : 891
Yaş : 23
Nereden : İstanbul
İş : Öğrenci
Kayıt tarihi : 29/05/08
Rep Puanı : 2
Rep Puanı : 457

MesajKonu: Geri: Css Kod Arşiv!   C.tesi Nis. 18, 2009 11:55 am

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!


En son MyMaN tarafından C.tesi Nis. 18, 2009 11:58 am tarihinde değiştirildi, toplamda 1 kere değiştirildi
Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör
MyMaN
Paylaşımcı Üye
Paylaşımcı Üye


Erkek
Zodyak : Balık
Mesaj Sayısı : 891
Yaş : 23
Nereden : İstanbul
İş : Öğrenci
Kayıt tarihi : 29/05/08
Rep Puanı : 2
Rep Puanı : 457

MesajKonu: Geri: Css Kod Arşiv!   C.tesi Nis. 18, 2009 11:56 am

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

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


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!


En son MyMaN tarafından C.tesi Nis. 18, 2009 11:58 am tarihinde değiştirildi, toplamda 1 kere değiştirildi
Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör
MyMaN
Paylaşımcı Üye
Paylaşımcı Üye


Erkek
Zodyak : Balık
Mesaj Sayısı : 891
Yaş : 23
Nereden : İstanbul
İş : Öğrenci
Kayıt tarihi : 29/05/08
Rep Puanı : 2
Rep Puanı : 457

MesajKonu: Geri: Css Kod Arşiv!   C.tesi Nis. 18, 2009 11:56 am

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;


Kod:
.bodyline{
border-width: 2px;  border-style: dotted; border-color: red;
}

Kod:
.bodyline{
border-width: 2px;  border-style: dashed; border-color: red;
}

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


En son MyMaN tarafından C.tesi Nis. 18, 2009 11:59 am tarihinde değiştirildi, toplamda 1 kere değiştirildi
Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör
MyMaN
Paylaşımcı Üye
Paylaşımcı Üye


Erkek
Zodyak : Balık
Mesaj Sayısı : 891
Yaş : 23
Nereden : İstanbul
İş : Öğrenci
Kayıt tarihi : 29/05/08
Rep Puanı : 2
Rep Puanı : 457

MesajKonu: Geri: Css Kod Arşiv!   C.tesi Nis. 18, 2009 11:56 am

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!


En son MyMaN tarafından C.tesi Nis. 18, 2009 11:59 am tarihinde değiştirildi, toplamda 1 kere değiştirildi
Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör
MyMaN
Paylaşımcı Üye
Paylaşımcı Üye


Erkek
Zodyak : Balık
Mesaj Sayısı : 891
Yaş : 23
Nereden : İstanbul
İş : Öğrenci
Kayıt tarihi : 29/05/08
Rep Puanı : 2
Rep Puanı : 457

MesajKonu: Geri: Css Kod Arşiv!   C.tesi Nis. 18, 2009 11:56 am

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('http://i69.servimg.com/u/f69/13/59/49/82/002110.gif')
}


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


En son MyMaN tarafından C.tesi Nis. 18, 2009 11:59 am tarihinde değiştirildi, toplamda 1 kere değiştirildi
Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör
MyMaN
Paylaşımcı Üye
Paylaşımcı Üye


Erkek
Zodyak : Balık
Mesaj Sayısı : 891
Yaş : 23
Nereden : İstanbul
İş : Öğrenci
Kayıt tarihi : 29/05/08
Rep Puanı : 2
Rep Puanı : 457

MesajKonu: Geri: Css Kod Arşiv!   C.tesi Nis. 18, 2009 11:56 am

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('http://i69.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!


En son MyMaN tarafından C.tesi Nis. 18, 2009 12:00 pm tarihinde değiştirildi, toplamda 1 kere değiştirildi
Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör
MyMaN
Paylaşımcı Üye
Paylaşımcı Üye


Erkek
Zodyak : Balık
Mesaj Sayısı : 891
Yaş : 23
Nereden : İstanbul
İş : Öğrenci
Kayıt tarihi : 29/05/08
Rep Puanı : 2
Rep Puanı : 457

MesajKonu: Geri: Css Kod Arşiv!   C.tesi Nis. 18, 2009 11:56 am

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("http://i69.servimg.com/u/f69/13/59/49/82/002110.gif");
background-attachment:
 }
td.row2{
 background-color: trasparent;
background-image: url("http://i69.servimg.com/u/f69/13/59/49/82/002110.gif");
background-attachment:
 }
td.row3{
 background-color: trasparent;
background-image: url("http://i69.servimg.com/u/f69/13/59/49/82/002110.gif");
background-attachment:
 }

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

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

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


En son MyMaN tarafından C.tesi Nis. 18, 2009 12:00 pm tarihinde değiştirildi, toplamda 1 kere değiştirildi
Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör
MyMaN
Paylaşımcı Üye
Paylaşımcı Üye


Erkek
Zodyak : Balık
Mesaj Sayısı : 891
Yaş : 23
Nereden : İstanbul
İş : Öğrenci
Kayıt tarihi : 29/05/08
Rep Puanı : 2
Rep Puanı : 457

MesajKonu: Geri: Css Kod Arşiv!   C.tesi Nis. 18, 2009 11:56 am

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!


Kod:
.alert {
  background: #fff6bf url(http://illiweb.com/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!...


En son MyMaN tarafından C.tesi Nis. 18, 2009 12:00 pm tarihinde değiştirildi, toplamda 1 kere değiştirildi
Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör
MyMaN
Paylaşımcı Üye
Paylaşımcı Üye


Erkek
Zodyak : Balık
Mesaj Sayısı : 891
Yaş : 23
Nereden : İstanbul
İş : Öğrenci
Kayıt tarihi : 29/05/08
Rep Puanı : 2
Rep Puanı : 457

MesajKonu: Geri: Css Kod Arşiv!   C.tesi Nis. 18, 2009 11:56 am

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('http://img237.imageshack.us/img237/2791/subforumoldkt2.gif');}

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


En son MyMaN tarafından C.tesi Nis. 18, 2009 12:01 pm tarihinde değiştirildi, toplamda 1 kere değiştirildi
Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör
MyMaN
Paylaşımcı Üye
Paylaşımcı Üye


Erkek
Zodyak : Balık
Mesaj Sayısı : 891
Yaş : 23
Nereden : İstanbul
İş : Öğrenci
Kayıt tarihi : 29/05/08
Rep Puanı : 2
Rep Puanı : 457

MesajKonu: Geri: Css Kod Arşiv!   C.tesi Nis. 18, 2009 11:56 am

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:
<ul class="menu">
    <li><a href="1.Link">1.İsim</a></li>
    <li><a href="2.Link">2.İsim</a></li>
    <li><a href="3.Link">3.İsim</a></li>
    <li><a href="4.Link">4.İsim</a></li>
    <li><a href="5.Link">5.İsim</a></li>
    <li><a href="6.Link">6.İsim</a></li>
</ul>


En son MyMaN tarafından C.tesi Nis. 18, 2009 12:02 pm tarihinde değiştirildi, toplamda 1 kere değiştirildi
Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör
MyMaN
Paylaşımcı Üye
Paylaşımcı Üye


Erkek
Zodyak : Balık
Mesaj Sayısı : 891
Yaş : 23
Nereden : İstanbul
İş : Öğrenci
Kayıt tarihi : 29/05/08
Rep Puanı : 2
Rep Puanı : 457

MesajKonu: Geri: Css Kod Arşiv!   C.tesi Nis. 18, 2009 11:57 am

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
}
Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör
MyMaN
Paylaşımcı Üye
Paylaşımcı Üye


Erkek
Zodyak : Balık
Mesaj Sayısı : 891
Yaş : 23
Nereden : İstanbul
İş : Öğrenci
Kayıt tarihi : 29/05/08
Rep Puanı : 2
Rep Puanı : 457

MesajKonu: Geri: Css Kod Arşiv!   C.tesi Nis. 18, 2009 12:03 pm

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!
Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör
MyMaN
Paylaşımcı Üye
Paylaşımcı Üye


Erkek
Zodyak : Balık
Mesaj Sayısı : 891
Yaş : 23
Nereden : İstanbul
İş : Öğrenci
Kayıt tarihi : 29/05/08
Rep Puanı : 2
Rep Puanı : 457

MesajKonu: Geri: Css Kod Arşiv!   C.tesi Nis. 18, 2009 12:03 pm

Kodlar için Dj TuaL Adlı Arkadaşımıza Sonsuz Teşekkürkler......
Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör
djosse
Üye
Üye


Erkek
Zodyak : Akrep
Mesaj Sayısı : 118
Yaş : 23
Nereden : Elazığ
İş : KUNDURA
Kayıt tarihi : 26/01/09
Rep Puanı : 1
Rep Puanı : 54

MesajKonu: Geri: Css Kod Arşiv!   Salı Haz. 09, 2009 8:26 am

saol
Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör http://djosse.bedavaforum.biz
ZeYNeP20



Kadın
Mesaj Sayısı : 38
Kayıt tarihi : 04/02/09
Rep Puanı : 0
Rep Puanı : 21

MesajKonu: Geri: Css Kod Arşiv!   Salı Tem. 07, 2009 8:52 pm

Bunların hepsi alıntıdır...
Emeğe saygı lütfen en azından Alıntıdır yazın...
Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör http://www.robpattinsontr.net
Blackdream
Yönetici
Yönetici


Erkek
Zodyak : Akrep
Mesaj Sayısı : 55359
Yaş : 28
Nereden : Bursa
İş : Makine Teknikeri
Kayıt tarihi : 24/01/08
Rep Puanı : 28
Rep Puanı : 225365

MesajKonu: Geri: Css Kod Arşiv!   Salı Tem. 07, 2009 9:40 pm

MyMaN demiş ki:
Kodlar için Dj TuaL Adlı Arkadaşımıza Sonsuz Teşekkürkler......


diye bir msj yazmış


alıntıdır die yazmamış ekleyen kişiye teşekkür etmiş, bir dahakine dikkatli bakarak msj yazarsanız sevinirim
Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör http://www.webyardim.org
eJ*<
Paylaşımcı Üye
Paylaşımcı Üye


Erkek
Zodyak : Oğlak
Mesaj Sayısı : 922
Yaş : 22
Nereden : Ankara
Kayıt tarihi : 27/02/08
Rep Puanı : 0
Rep Puanı : 103

MesajKonu: Geri: Css Kod Arşiv!   Çarş. Tem. 08, 2009 12:07 pm

tşk. güzel payLasım
Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör
Sponsored content




MesajKonu: Geri: Css Kod Arşiv!   Bugün 11:53 pm

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

Css Kod Arşiv!

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

Bu forumun müsaadesi var:Bu forumdaki mesajlara cevap veremezsiniz
Türkçe Yardım Forumu Servisi ( www.webyardim.org ) :: Destek Forumu :: Forumunuzu Şekillendirin-
Web Site Statistics
Sitemap | İletişim | Yukarı Git
Yetkinforum | © phpBB | Bedava yardımlaşma forumu | Suistimalı göstermek | Ücretsiz bir blog yaratın