'CSS kategorisi için arşiv' Category
Bu kategori kullanılarak nesneleri birbirleri ile olan konumları ayarlanabilir.
Type : Konumlandırma tipi buradan belirlenir.
Absolute (Mutlak) : Mutlak konumlandırma anlamına gelir. Bu konumlandırma ile nesnenin bir üst nesne ile arasındaki mesafe ayarlanabilir. Eğer bir üst nesne tanımlanmamış ise ana blog üst blog alacaktır. Yani nesne1 için üst boşluk miktarı absolute ile tanımlanmış olsun. Eğer nesne1 için üst nesne tanımlanmamış ise üst boşluk […]
Şubat 18th, 2008 | Posted in CSS | Yorum Yok
Bu kategori kullanarak CSS ile sıralı listeler oluşturulabilir.
Type : Listede her elemanın başında bulunacak işaretlerin tipi buradan belirlenir.
disc : içi dolu daire
cicrle : içi boş daire
square : içi dolu kare
decimal : onluk sistemde sayılar.
lower-roman : Küçük harf roma rakamları.
Şubat 18th, 2008 | Posted in CSS | Yorum Yok
Kenarlıkkların stili (style), genişliği (width) ve rengi (color) buradan belirlenir. Varsayılan olarak “same for all” seçeneği seçilidir. Bu seçenek seçili durumda iken sadece top değerine değer verilir ve alt(bottom), sol (left) ve sağ (right) değerleri top değerine verilen değeri kullanır. “same for all” seçeneğindeki işaret kaldırılarak her seçeneğe ayrı değer verilebilir.
style : Bu seçenek ile […]
Şubat 18th, 2008 | Posted in CSS | Yorum Yok
width : Nesnelerin genişliği buradan ayarlanabilir. Auto değerini alırsa nesne kendi boyutlarında görüntülenir. Farklı bir değer ile nesnelerin boyutları değiştirilebilir.
height : Nesnelerin boyu buradan belirlenebilir.
float : Nesnelerin hizalaması. Mesela bir nesneyi sola hizalamak için float:left şeklinde biçimlendirme verirsiniz. Örnek olarak 3 tane resmi sayfada alt alta yerleştirdiniz. En üstteki nesneye float:left uygularsanız; bir alttaki üste çıkarak […]
Şubat 18th, 2008 | Posted in CSS | Yorum Yok
Word Spacing : Kelimelerin arasında ne kadar boşluk olacağı buradan belirlenir.
Latter Spacing : Harfler arası boşluk miktarı buradan belirlenir.
Vertical Alignment : Mesela resim ile birlikte yazıyı aynı satırda kullanmak istiyosunuz. Yazının resme dikey hizalanması buradan belirlenir.
Text Align : Yazının sayfaya olan hizası. Sağa dayalı, sola dayalı veya ortalı.
Text indent : Yazıdaki ilk satırın sol taraf ile arasındaki […]
Şubat 17th, 2008 | Posted in CSS | 1 Yorum
Bu kategori ile istenilen alana zemin rengi verilebilir veya zemin için resim kullanılabilir.
Background color : Zemin rengi buradan belirlenir.
Örnek : Body tagı ile sayfanın zemin rengini yeşil yapalım.
CSS Kodu : body { background-color: #339933; }
Background image : Arka plan olarak zemine resim ekleme işlemi bu bölümden gerçekleştirilir.
repeat : Zemin için kullanılan resmin tekrar seçenekleri […]
Şubat 9th, 2008 | Posted in CSS | Yorum Yok
Font : Yazı fontu tanımlamaları bu bölümden yapılır.
Size : Yazının boyutu buradan belirlenir.
font-style : Yazı sitili bu bölümden belirlenir.
line-height : Yazının bulunduğu satırın yüksekliği. Yazının yüksekliği değişmez sadece yazının olduğu satırın alt ve üst satırlar ile arasındaki mesafe değişir.
Şubat 9th, 2008 | Posted in CSS | Yorum Yok
Joomla temalarda index.php sayfası template_css dosyasındaki sitilleri kullanarak temayı oluşturur. index.php sayasında tema bileşenlerinin konumlarını belirlemek için tablo, div veya tablo ve divler kullanılır. Tablo daha kolaydır fakat divler daha kullanışlıdır. div css biçimlendirilmelerinin uygulanabildiği alanlardır. Mesela bir div oluşturup içerisine sol menü yerleştirilir. template_css dosyasında sol menü için oluşturulan sitiller de bu dive uygulanır.
Burada […]
Ocak 28th, 2008 | Posted in CSS, Joomla | 3 Yorum
Bu yazıda Joomla 1.0.12 sürümünün standart teması olan rhuk_solarflare_ii temasında CSS seçicilerinin kullanımı ile ilgili bir örnek anlatılmıştır.
En üstte bulunan menünün resmi aşağıda görülmektedir. Bu yazıda bu menünün nasıl biçimlendirildiği açıklanmıştır.
Joomla temalarda css klasörü içerisinde bulunan template_css.css isimli css dosyası temanın biçimlindirmelerinin yapıldığı dosyadır. index.php sayfası ise; template_css.css sayfasındaki biçimlendirmeleri kullanarak sitenenin temasını oluşturur.
Bu örnekte template_css.css dosyasındaki üst menü […]
Ocak 27th, 2008 | Posted in CSS, Joomla | 1 Yorum
Aşağıda örnek kod ve kodun çalıştırılması sonucunda oluşacak ekran görüntüsü verilmiştir. Bu özellikler kullanılarak web sitenizde menüler hazırlayabilirsiniz.
<html><head>
<style type=”text/css”>
a.renk:link {color: #ff0000}
a.renk:visited {color: #00ddff}
a.renk:hover {color: #0000ff}
Ocak 27th, 2008 | Posted in CSS | 4 Yorum