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

Hoşgeldiniz!, Misafir
3470 Gündür yayındayız Toplam Mesajınız: 16777215
 
AnasayfaAramaSSSHtml Deneme AlanıTopListKayıt OlGiriş yap
Arama
 
 

Sonuç :
 
Rechercher çıkıntı araştırma
Giriş yap
Kullanıcı Adı:
Şifre:
Beni hatırla: 
:: Şifremi unuttum
En son konular
» Resident Evil Vendetta
tarafından Blackdream Paz Tem. 23, 2017 4:02 pm

» İsrail Kudüs'te gerilimi tırmandırıyor
tarafından Blackdream Paz Tem. 23, 2017 3:43 pm

» Ege Denizi'nde 6,3 büyüklüğünde deprem
tarafından Blackdream Paz Tem. 23, 2017 3:42 pm

» İsrail polisi Kudüs sokaklarında cemaate müdahale etti
tarafından Blackdream Paz Tem. 23, 2017 3:40 pm

» Deprem sonrası Bodrum'da 10 santimetre tsunami oluştu
tarafından Blackdream Paz Tem. 23, 2017 3:40 pm

» İstanbul'da sıcaklık 30 dereceyi aşacak
tarafından Blackdream Paz Tem. 23, 2017 3:38 pm

» Bor radyasyona zırh oluyor
tarafından Blackdream Paz Tem. 23, 2017 3:38 pm

» Çiftlik Bank Nasıl Oynanır ?
tarafından Blackdream Paz Tem. 23, 2017 3:32 pm

» Çiftlik Bank Hakkında Bilgi
tarafından Blackdream Paz Tem. 23, 2017 3:28 pm

» Çiftlik Bank Üyelik Şözleşmesi
tarafından Blackdream Paz Tem. 23, 2017 3:26 pm

Kimler hatta?
Toplam 16 kullanıcı online :: 0 Kayıtlı, 0 Gizli ve 16 Misafir :: 2 Arama motorları

Yok

Sitede bugüne kadar en çok 163 kişi C.tesi Nis. 03, 2010 9:02 pm tarihinde online oldu.

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
avatar

Erkek
Zodyak : Balık
Mesaj Sayısı : 891
Yaş : 24
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
avatar

Erkek
Zodyak : Balık
Mesaj Sayısı : 891
Yaş : 24
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
avatar

Erkek
Zodyak : Balık
Mesaj Sayısı : 891
Yaş : 24
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
avatar

Erkek
Zodyak : Balık
Mesaj Sayısı : 891
Yaş : 24
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
avatar

Erkek
Zodyak : Balık
Mesaj Sayısı : 891
Yaş : 24
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
avatar

Erkek
Zodyak : Balık
Mesaj Sayısı : 891
Yaş : 24
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
avatar

Erkek
Zodyak : Balık
Mesaj Sayısı : 891
Yaş : 24
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
avatar

Erkek
Zodyak : Balık
Mesaj Sayısı : 891
Yaş : 24
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
avatar

Erkek
Zodyak : Balık
Mesaj Sayısı : 891
Yaş : 24
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
avatar

Erkek
Zodyak : Balık
Mesaj Sayısı : 891
Yaş : 24
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
avatar

Erkek
Zodyak : Balık
Mesaj Sayısı : 891
Yaş : 24
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
avatar

Erkek
Zodyak : Balık
Mesaj Sayısı : 891
Yaş : 24
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
avatar

Erkek
Zodyak : Balık
Mesaj Sayısı : 891
Yaş : 24
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
avatar

Erkek
Zodyak : Balık
Mesaj Sayısı : 891
Yaş : 24
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
avatar

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

avatar

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
avatar

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

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
avatar

Erkek
Zodyak : Oğlak
Mesaj Sayısı : 922
Yaş : 23
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!   

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 ) 2008 - 2017 :: Destek Forumu :: Forumunuzu Şekillendirin-
Buraya geçin: