Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj04.10.2009, 13:14 (UTC)    
Mesaj konusu: Ht Production'dan Border Forum Şekillendirme dersi ve kodu

Öğretmen: HT Production - Yenilikler Çağı
Ders :Web Master
Konu:Border Forum Şekillendirme


Forum Şekillendirme - 4 Ekim 2009

Dersimize Hoşgeldiniz şimdi size sitemizdeki forum kutucukların border ayarlarıyla şekillendirmeyi öğreteceğim.Border Diyerek Kastettiğin konu forumların sağında solunda veya çevresimde kalın çizgidir ki buda sitenizi güzel gösterir sağolsun Hyperend Kardeşimiz bize forum şekillendirmesini gösterdi biz biraz daha şekillendireceğiz.Dersimize ben görsellerle anlatmayacağım saten çokta uzun sürmez.

Kodu çoğu kişi biliyor saten.Yapacağımız şey forum arkaplanın kodundan sonra aşağıdaki kodu eklemektir.


Kod:
border: 1px solid #393939;
bu forumun çerçevesi için küçük 1 px boyutunda çizgidir.


Kod:
border-left:5px solid #393939;
buda forumun soluna eklenecek border ayarımızdır. Buda 5 px biraz daha kalındır.Bildiğimiz Gibi Left soldur eğer onu sağ yaparsanız border sağ tarafa geçer.



Buda Şuan sitemde Kullandığım Ayarıdır.Renklerde değişikler yapabilir ve arkaplanları değiştirebilirsiniz!

Kod:
input {
padding: 1px;
margin-right: 1px;
background-image: url(http://img.webme.com/pic/g/gizemligercekler/arkaplanyorum.jpg);
border: 1px solid #393939;
border-left:5px solid #393939;
color: #000000;
font-family:verdana-tahoma;
font-size:16px;
}
input:hover{
padding: 1px;
margin-right: 1px;
background-image: url(http://img.webme.com/pic/g/gizemligercekler/arkaplanyorum.jpg);
border: 1px solid #373636;
border-left:5px solid #373636;
color: #000000;
font-family:verdana-tahoma;
font-size:15px;
}
textarea {
padding: 1px;
margin-right: 1px;
background-image: url(http://img.webme.com/pic/g/gizemligercekler/arkaplanyorum.jpg);
border: 1px solid #373636;
border-left:5px solid #373636;
color: #000000;
font-family:verdana-tahoma;
font-size:17px;
}
textarea:hover {
padding: 1px;
margin-right: 1px;
background-image: url();
border: 1px solid #000000;
border-left:5px solid #000000;
color: #000000;
font-family:verdana-tahoma;
font-size:17px;
}



Not:Dersimiz Bitmiştir. Umarım size yardımda bulunmuşuzdur bir dahaki dersimizde görüşmek üzere sitemiz yeni açılmıştır herkesin bizi tanıması nedeniyle bu dersi sitemizin reklamını alıntı olarak gösterme şartıyla alabilirsiniz. teşekkürler İyi Günler
______________
2008'den bugünlere....
Mesaj04.10.2009, 14:10 (UTC)    
Mesaj konusu:

en önemli şeyi onuttum Mr. Green bu kodu Css Koduna ekleyeceksiniz eğer iceblue kullanıyorsanız iceblue tasarım kodunu eklediğiniz yerdeki koda tekrar bakın sonda aşağıdaki kodu bulacaksınız

Kod:
-->
</style>

bunların üstüne kodu yerleştirin olur
______________
2008'den bugünlere....
Mesaj04.10.2009, 15:40 (UTC)    
Mesaj konusu:

xD
______________
Özel mesajlara bakmıyorum bile...
Mesaj04.10.2009, 16:59 (UTC)    
Mesaj konusu: tşk

Biraz resimli olsaydı daha ii olurdu ama yinede tşk ederim.. Very Happy
Mesaj05.10.2009, 11:43 (UTC)    
Mesaj konusu:

hyperend yazmış:
xD


Mr. Green bilmeyene öğretiyoz kanka bilen saten yapar
______________
2008'den bugünlere....
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu