Css dosyası üzerinde ne tür değişiklikler yapıyoruz ?
Css dosyası üzerinde ne tür değişiklikler yapıyoruz ?
Yeni Bir Tema Oluşturmak İçin Css Dosyası Üzeinde Nasıl Değişiklikler Yapıyoruz ??
Şuanda kısaca şunları söyleyebilirim. Css ile font tipi, boyutları ve yazı renkleri değiştirerek yapıyoruz.
Kısa bir örnekle açıklamaya çalışayım.İlerde makale haline getireceğim.
Kodumuz bu olsun
Bu satırdaki kodlardan şunu anlıyoruz "font-weight: bold;" yazı tipinin kalın olduğunu, "font-size: 11px;" ise yazı boyutunun 11 olduğunu,
"color : #000000;" ise yazı renginin siyah olduğunu gösteriyor.
Bu satırdaki koda bakarsak köprü rengini seçiminize göre bir renk ile değiştirmenizi sağlar.
Bu satır ise Ziyaret edilen linklerin renklerin rengini belirler.
Son satırda ise etkin köprünün yani linkin üzerine mouse'u getirdiğimizde hangi alacağını belirleriz.
Bunun yanında "text-decoration: underline;" kodu linkin altı çizgili çıkmasını sağlar. "text-decoration: none;" ise
link altındaki çizgiyi kaldırarak köprüyü metin gibi göstermeye yarar.
Şimdi ise yazı tipini değiştirmeye çalışalım.
İlk değeri değiştirmeniz yeterli yani;
.topictitle { font-weight: bold; font-size: 11px; color : #000000; } bu satır.
Font tipini değiştirmek için ekleyeceğimiz kodu "font-family: Tahoma, Arial, Helvetica, sans-serif;" kodunu şu şekilde ekliyoruz.
.topictitle { font-weight: bold; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color : #000000; } eklediğimiz bu kod beraber font tipi Tahoma yazı stili oldu.
Umarım işinize yarar. Başlığı diğer kullacılarında işine yarayacağını düşünerek sabitliyorum.
Kısa bir örnekle açıklamaya çalışayım.İlerde makale haline getireceğim.
Kodumuz bu olsun
Kod: Tümünü seç
/* titles for the topics: could specify viewed link colour too */
.topictitle { font-weight: bold; font-size: 11px; color : #000000; }
a.topictitle:link { text-decoration: none; color : #006699; }
a.topictitle:visited { text-decoration: none; color : #5493B4; }
a.topictitle:hover { text-decoration: underline; color : #DD6900; }
Kod: Tümünü seç
.topictitle { font-weight: bold; font-size: 11px; color : #000000; }
"color : #000000;" ise yazı renginin siyah olduğunu gösteriyor.
Kod: Tümünü seç
a.topictitle:link { text-decoration: none; color : #006699; }
Kod: Tümünü seç
a.topictitle:visited { text-decoration: none; color : #5493B4; }
Kod: Tümünü seç
a.topictitle:hover { text-decoration: underline; color : #DD6900; }
Bunun yanında "text-decoration: underline;" kodu linkin altı çizgili çıkmasını sağlar. "text-decoration: none;" ise
link altındaki çizgiyi kaldırarak köprüyü metin gibi göstermeye yarar.
Şimdi ise yazı tipini değiştirmeye çalışalım.
İlk değeri değiştirmeniz yeterli yani;
.topictitle { font-weight: bold; font-size: 11px; color : #000000; } bu satır.
Font tipini değiştirmek için ekleyeceğimiz kodu "font-family: Tahoma, Arial, Helvetica, sans-serif;" kodunu şu şekilde ekliyoruz.
.topictitle { font-weight: bold; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color : #000000; } eklediğimiz bu kod beraber font tipi Tahoma yazı stili oldu.
Umarım işinize yarar. Başlığı diğer kullacılarında işine yarayacağını düşünerek sabitliyorum.
Normal kullanıcların renkleri ile admin ve mod renklerini aynı yaparak.. bunuda Yönetim paneli Stil Yönetimi Değiştir Stil adı Değiştir en alt kısımda row1 2 3 buradaki renk kodlarını silerseniz aynı olur.oki yazdı:forum anasayfasinda alt bolumde bulunan online kullanicilarin listelendigi kisimda admin ve modlarin normal kullanici gibi gozukmesini nasil saglayabilirim?
RefreSh, dediğin yerde en alt satır zaten boş...
altta screenshot aldım, görebilirsin.
+ söylediğin yöntemde, istediğimiz kısmın haricinde başka bir yeri etkileme ihtimali varmı?
_________________________________________________________________________________________________________________
[ resmi görüntülemek için tıklayın ]
![Shocked :shock:](./images/smilies/icon_eek.gif)
altta screenshot aldım, görebilirsin.
+ söylediğin yöntemde, istediğimiz kısmın haricinde başka bir yeri etkileme ihtimali varmı?
_________________________________________________________________________________________________________________
[ resmi görüntülemek için tıklayın ]
arkaplana resim eklemeyi bu şekilde yapabilirsin.
Kod: Tümünü seç
overal_headr.tpl dosyasını aç
bu kodu bul
Kod:
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
bununla değiştir
Kod:
<body background="resim_yolu" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
Kimler çevrimiçi
Bu forumu görüntüleyen kullanıcılar: Yandex [Bot] ve 6 misafir