'CSS' kategorisi için arşiv

joomla rhuk_solarflare_ii Temasında Seçici Kullanımı

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 Temada Üst Menünün Düzenlenmesi

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ü biçimlendirmesini ve index.php sayfasında bu biçimlendirmelerin nasıl kullanıldığı incelenecektir.

index.php sayfasında üstteki menünün oluşturulması :  Tamamını Oku »

CSS ile Link Düzenlemeleri Yapma (Menü Hazırlama)

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} Tamamını Oku »

ID Seçiciler (ID Selectors) ve Sınıf Seçiciler (Class Selectors)

Sınıf seçicileri genel olarak ID seçiciler (ID selectors) ve sınıf seçiciler (class selectors) olmak üzere 2 guruba ayrılır. Bu yazıda link düzenlemeleri için kullanılan sözde sınıflardan da bahsedilecektir.

ID Seçiciler : Tanımlayıcı adları önünde # işareti kullanılır. # ile belirtilen tanımlayıcı adına gönderme yaparak kullanılırlar.

Örnek ID Seçici Uygulaması :   Tamamını Oku »

Açıklamalı Genel CSS Uygulama Örnekleri

Genel CSS için Açıklamalı Örnek Uygulamalar :

Örnek 1 :

<html>

    <head>

         <title>genel css uygulaması</title>

         <style type=”text/css”>

                <!–           Tamamını Oku »

CSS (Stil Şablonu) Çeşitleri

Bu yazıda CSS çeşitleri örnekler ile açıklanmıştır. Dreamweaver ile CSS Oluşturmak ile ilgili yazıya buradan ulaşabilirsiniz. 

Stil şablonları yerel CSS, genel CSS ve harici CSS olmak üzere 3 çeşittir.

Yerel CSS :  Bu tür CSS’ler body bölümünde kullanılırlar ve sadece kullanıldıkları yerde geçerlidirler.

Yerel CSS Örneği :  

<html>
<head>  <title>yerel css kullanımı</title> </head>
<body>
<h3>CSS kullanımı yok</h3><br>
<h3 style=font-size:20pt; color:blue>CSS ile biçimlendirilmiş</h3>
</body>
</html>Örnekte h3 tagı 4. ve 5. satırlarda kullanılmış. İkinci kullanımda CSS biçimlendirmesi uygulandığı için yazı 20pt boyutunda ve mavi renkte olacaktır. 

Genel CSS : 

 Bu CSS ise head bölümünde yazılır ve Tamamını Oku »

« Önceki Sayfa