15 Kasım 2017 Çarşamba

Tarayıcılar için özel css - Custom CSS

 İnternette sık girdiğiniz siteler, forumlar varsa, onlarda kendinize göre, (kişiye özel) CSS tasarımı yapabilirsiniz.
Böylelikle site yönetimininde başını ağrıtmaz, kendi işini kendi yapmanın hazlarına da ermiş olursunuz :)

Eklentimizin adı, Custom Style Script
Eklentinin anasayfası burası.

Tarayıcılar için.
Opera
Firefox
Chrome
Eklenti yüklendikten sonra  simgesine tıklayın.

Resimde ki gibi URL kutucuğuna, ayar yapacağınız site/forumu yazın.
Yanda ki kutucukta ki 2 tiki işaretleyin.
Style (CSS) Code / Link kutucuğuna ilgili düzenleyeceğiniz CSS kodlarını ekleyebilirsiniz.

Yüklendikten sonra yanda ki siyah Active kutucuğuna 1 kere tıklamanız yeterli, 2 kere tıklarsanız pasif olur. Bir daha tıklarsanız aktif olur.
X olan kısmı zaten yaptığınız işlemi siler.



---

Debian-tr forumun da kullandığım örnek kodlar, SMF yazılımı olan her forumda da kullanılabilir.
Tabi bu gölgeli düzen herkese iyi gelmeyebilir, kendi düzeninizi oluşturmanız tavsiyedir.

.post {color: #111;font-size: 14.2px;}
body {font-size: 14px;text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.4);}
.middletext {font-size: 14px;text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.4);}
----


--------


Sitenin orijinal görünümü böyle değil tabi :)

---

Font değiştirmek içinse, google web font'ta oluyor.
Örn.
Ubuntu fontunu denedim.

Bu kodu resimde ki yere.
https://fonts.googleapis.com/css?family=Ubuntu

Bunuda body ye ekleyebilirsiniz.
font-family: 'Ubuntu', sans-serif;



Benzer Yayınlar

Tarayıcılar için özel css - Custom CSS
4/ 5
Oleh

Abone Olun!

Beğendiyseniz yayınlara abone olabilirsiniz.