SMF style.css [anlatım]
ewt arkadaşlar herkezın basına dert olan style.css elimizden geldigi kadar anlatamaya çalısacagım.
ilk once style.css dokumanını açıyoruz
1 . Bölüm
bole bir kod ne işe yarar hemen solim forumumzda genel olarak link lerın ayarları diye biliriz.
link= forumda yazılan lınklerin rengi ( kotagorinin bolumun isminin rengi vb.)
visited= mause link'in ustundeyken rengi
hover=link tıklandık tan sonrakı rengi
bunlara renkgini degiştirmek için
color: #xxxxxx ( degiştiriyoruz )
text-decoration: nedir ? oda yazıların altını, üstünü, üzerini çizmek veya çizmemek için kullanılan özellik.
- underline > Altı çizili yazı
- overline > Üstü çizili yazı
- line-through > Üzeri çizili yazı
- none > herhangı degişiklik yapılmayan link (çizgili olmayan link)
-blink > Linklerin üzerlerine gelince yanıp sönüyor
2 . Bölüm
bu kod ise forumuzda link tree nın rengını degiştirir.Hemen ornekle gosterım
bu kodda link trenın normal de halı ve ziyaret edilince [ fare inleci ustune geldıgı zamankı ] hali
normalda color: #000000[ siyah renk kodu ] iken sıyah olan link tree color:#ff0000 [kırmızı renk kodu] kırmızı olur gosterımı alltakı resımde
3. bölum
bu kodlar ise forumumuzun genel ayarlarınız arka plan yazı rengı,boyutu,tipi ,genişligi ,
genel yazı rengı
font boyutu bunun ayarlarını 8pt 10pt ve herhangı bır sayıya ayarlaya bılırsınız
genel yazı tipi
arkaplan rengı resımde ekleye bılırsınız
resı eklemek için kod :
#E5E5E8 yine arka plan rengı
repeat ;
-no-repeat tekrar etmez
-repeat-x yatay takrar eder
-repeat-y dikey tekrar eder
bu kodlar kenar larda boşlukar yanı daraltma için kullanılır
Burada mantık sağdan başlayarak saat yönünde yazılır. Aşağıda kısaltma yöntemleri verilmiştir.
4 . Bölüm
forumumuzda kullandıgımz input, textarea, button ların yazı tiplerini , renklerını, arka planlarını ,degiştirmemize yarar
inputlar,butonlar ;
vb .
textarea lar :
alıntıdır
ewt arkadaşlar herkezın basına dert olan style.css elimizden geldigi kadar anlatamaya çalısacagım.
ilk once style.css dokumanını açıyoruz
1 . Bölüm
PHP:
/* Normal, standard links. */
a:link
{
color: #xxxxxx;
text-decoration: none;
}
a:visited
{
color: #xxxxxx;
text-decoration: none;
}
a:hover
{
text-decoration: underline;
color: #xxxxxx;
}bole bir kod ne işe yarar hemen solim forumumzda genel olarak link lerın ayarları diye biliriz.
link= forumda yazılan lınklerin rengi ( kotagorinin bolumun isminin rengi vb.)
visited= mause link'in ustundeyken rengi
hover=link tıklandık tan sonrakı rengi
bunlara renkgini degiştirmek için
color: #xxxxxx ( degiştiriyoruz )
text-decoration: nedir ? oda yazıların altını, üstünü, üzerini çizmek veya çizmemek için kullanılan özellik.
- underline > Altı çizili yazı
- overline > Üstü çizili yazı
- line-through > Üzeri çizili yazı
- none > herhangı degişiklik yapılmayan link (çizgili olmayan link)
-blink > Linklerin üzerlerine gelince yanıp sönüyor
2 . Bölüm
PHP:
/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
{
color: #000000;
text-decoration: none;
}
a.nav:hover
{
color: #cc3333;
text-decoration: underline;
}bu kod ise forumuzda link tree nın rengını degiştirir.Hemen ornekle gosterım
PHP:
.nav, .nav:link, .nav:visited
{
color: #000000;
text-decoration: none;
}bu kodda link trenın normal de halı ve ziyaret edilince [ fare inleci ustune geldıgı zamankı ] hali
normalda color: #000000[ siyah renk kodu ] iken sıyah olan link tree color:#ff0000 [kırmızı renk kodu] kırmızı olur gosterımı alltakı resımde
3. bölum
PHP:
/* By default (td, body..) use verdana in black. */
body, td, th , tr
{
color: #000000;
font-size: small;
font-family: verdana, sans-serif;
}
/* The main body of the entire forum. */
body
{
background-color: #E5E5E8;
margin: 0px;
padding: 12px 30px 4px 30px;
}bu kodlar ise forumumuzun genel ayarlarınız arka plan yazı rengı,boyutu,tipi ,genişligi ,
PHP:
body, td, th , tr
{
color: #000000;
font-size: small;
font-family: verdana, sans-serif;
}
PHP:
color: #000000;genel yazı rengı
PHP:
font-size: small;font boyutu bunun ayarlarını 8pt 10pt ve herhangı bır sayıya ayarlaya bılırsınız
PHP:
font-family: verdana, sans-serif;genel yazı tipi
PHP:
body
{
background-color: #E5E5E8;
margin: 0px;
padding: 12px 30px 4px 30px;
}
PHP:
background-color: #E5E5E8;arkaplan rengı resımde ekleye bılırsınız
resı eklemek için kod :
PHP:
background: url(images/arkaplan.gif) #E5E5E8 no-repeat;#E5E5E8 yine arka plan rengı
repeat ;
-no-repeat tekrar etmez
-repeat-x yatay takrar eder
-repeat-y dikey tekrar eder
PHP:
margin: 0px;
PHP:
padding: 12px 30px 4px 30px;bu kodlar kenar larda boşlukar yanı daraltma için kullanılır
Burada mantık sağdan başlayarak saat yönünde yazılır. Aşağıda kısaltma yöntemleri verilmiştir.
PHP:
margin: 20px 15px 10px 5px; birinci - üst, ikinci - sağ, üçüncü - alt, dördüncü - sol.
margin: 20px 15px 10px; birinci - üst, ikinci - sol ve sağ, üçüncü - alt.
margin: 20px 15px; birinci - üst ve alt, ikinci - sol ve sağ.
margin: 10px; birinci - üst, sağ, alt ve sol gibi4 . Bölüm
PHP:
/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button
{
color: #000000;
font-family: verdana, sans-serif;
}
input, button
{
font-size: 90%;
}
textarea
{
font-size: 100%;
color: #000000;
font-family: verdana, sans-serif;
}
/* All input elements that are checkboxes or radio buttons. */
input.check
{
}
/* Selects are a bit smaller, because it makes them look even better 8). */
select
{
font-size: 90%;
font-weight: normal;
color: #000000;
font-family: verdana, sans-serif;
}forumumuzda kullandıgımz input, textarea, button ların yazı tiplerini , renklerını, arka planlarını ,degiştirmemize yarar
inputlar,butonlar ;
vb .
textarea lar :
alıntıdır
