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
» Site Virüs Sorunu ?
Perş. 1 Ara. 2016 - 12:03 tarafından Speedy

» Eskiden ne popülerdi : )
Paz 27 Kas. 2016 - 23:20 tarafından Sabocan

» Hesap şifremi unuttum
Paz 16 Ekim 2016 - 2:57 tarafından Atiim

» Html - Js bölümü hakkında bilgi
Çarş. 12 Ekim 2016 - 1:08 tarafından snappy

» Modeller de yapılan değişiklik hakkında
Çarş. 12 Ekim 2016 - 0:48 tarafından snappy

» Forum sayfamda reklam yönlerdirme malesef devam ediyor
Çarş. 28 Eyl. 2016 - 4:00 tarafından Atiim

» 7 yıl önce açtığım sitemi silmek istiyorum
Çarş. 28 Eyl. 2016 - 3:48 tarafından Atiim

» Arkadaşlık Sitesi için Api
Ptsi 26 Eyl. 2016 - 3:46 tarafından Niko!

» Dışarıdan alınan domaini siteme nasıl yönlendiririm?
Paz 25 Eyl. 2016 - 19:45 tarafından Atiim

Bedava forum kurmak
Facebook/Twitter
 
 

Css Kod Arşiv! ~ TuaL ~

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

?nemli ! Css Kod Arşiv! ~ TuaL ~

Mesaj tarafından TuaL Bir Çarş. 15 Nis. 2009 - 23:59

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 TuaL tarafından Cuma 29 Haz. 2012 - 1:57 tarihinde değiştirildi, toplamda 1 kere değiştirildi

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

?nemli ! Geri: Css Kod Arşiv! ~ TuaL ~

Mesaj tarafından TuaL Bir Perş. 16 Nis. 2009 - 0:00

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!

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

?nemli ! Geri: Css Kod Arşiv! ~ TuaL ~

Mesaj tarafından TuaL Bir Perş. 16 Nis. 2009 - 0:00

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!

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

?nemli ! Geri: Css Kod Arşiv! ~ TuaL ~

Mesaj tarafından TuaL Bir Perş. 16 Nis. 2009 - 0:00

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;


Noktalı;
Kod:
.bodyline{
border-width: 2px;  border-style: dotted; border-color: red;
}
Kesik Çizgili;
Kod:
.bodyline{
border-width: 2px;  border-style: dashed; border-color: red;
}
Sürekli Çizgili;
Kod:
.bodyline{
border-width: 2px;  border-style: solid; border-color: red;
}
İkili Çizgili;
Kod:
.bodyline{
border-width: 4px;  border-style: double; border-color: red;
}
Kalın 3d Çizgili;
Kod:
.bodyline{
border-width: 4px;  border-style: inset; border-color: red;
}

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

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

?nemli ! Geri: Css Kod Arşiv! ~ TuaL ~

Mesaj tarafından TuaL Bir Perş. 16 Nis. 2009 - 0:05

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!

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

?nemli ! Geri: Css Kod Arşiv! ~ TuaL ~

Mesaj tarafından TuaL Bir Perş. 16 Nis. 2009 - 0:08

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!

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

?nemli ! Geri: Css Kod Arşiv! ~ TuaL ~

Mesaj tarafından TuaL Bir Perş. 16 Nis. 2009 - 0:10

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!

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

?nemli ! Geri: Css Kod Arşiv! ~ TuaL ~

Mesaj tarafından TuaL Bir Perş. 16 Nis. 2009 - 0:13

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!

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

?nemli ! Geri: Css Kod Arşiv! ~ TuaL ~

Mesaj tarafından TuaL Bir Perş. 16 Nis. 2009 - 0:18

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!...
Kod:
<p class="alert"> HoşGeldiniz... </p>


En son Dj-TuaL tarafından Perş. 16 Nis. 2009 - 10:24 tarihinde değiştirildi, toplamda 1 kere değiştirildi

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

?nemli ! Geri: Css Kod Arşiv! ~ TuaL ~

Mesaj tarafından TuaL Bir Perş. 16 Nis. 2009 - 0:23

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://doyalar2.biz.uz/subforumoldkt2.gif');}

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


En son TuaL tarafından Cuma 29 Haz. 2012 - 2:01 tarihinde değiştirildi, toplamda 2 kere değiştirildi

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

?nemli ! Geri: Css Kod Arşiv! ~ TuaL ~

Mesaj tarafından TuaL Bir Perş. 16 Nis. 2009 - 0:24

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>

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

?nemli ! Geri: Css Kod Arşiv! ~ TuaL ~

Mesaj tarafından TuaL Bir Perş. 16 Nis. 2009 - 0:29

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://img585.imageshack.us/img585/9179/quoteicon.gif) #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
}


En son TuaL tarafından Cuma 29 Haz. 2012 - 2:16 tarihinde değiştirildi, toplamda 1 kere değiştirildi

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

?nemli ! Geri: Css Kod Arşiv! ~ TuaL ~

Mesaj tarafından TuaL Bir Perş. 16 Nis. 2009 - 0:32

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!

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

?nemli ! Geri: Css Kod Arşiv! ~ TuaL ~

Mesaj tarafından TuaL Bir Paz 26 Nis. 2009 - 16:46

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

Resimleri Küçültmek! Mause İle Üzerine Gelince Büyütür!

Kod:
/*Dj-TuaL---------------------------*/
.postbody img{max-width:400px;}
.postbody img:hover{
max-width:800px;
overflow:auto;
}

NoT: Kodun içinden max-width:400px(resmin maximum küçültme boyutu) yada 800px(resmin maximum büyülme boyutu); olan yerleri değiştirebilirsiniz!

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

?nemli ! Geri: Css Kod Arşiv! ~ TuaL ~

Mesaj tarafından TuaL Bir Ptsi 21 Eyl. 2009 - 2:43

kodlar versiyon en sağlam "phpbb2"de çalışır! yorumlar için teşekkürler!=)

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