Css Özellikleri

Bir web tasarımım için yazdığım css dosyasında kullandığım özelliklerden bahsedeceğim bu yazımda.

color: #FFFFFF; (renk değişikliği)
background-color: red; (arkaplan rengini belirler)
background-image: url(image'in yolu); (arka plan için bir resim eklersiniz)
background-position: center center; (background'ı yatay ve düşey olarak hizalarsınız)

margin-top:40px;
margin-bottom:30px;
margin-left: 30px;
margin-right: 20px; (tablomuzun sol,say,yukarıdan ve aşağıdan hizalamamızı sağlar)

float: right;
float: left; (sağ yada sol hizalam)

text-align: center;
text-align: left;
text-align: right; (yazılarınızı hizalamanızı sağlar)

Şimdilik bu kadar. sitemin ihtiyaçları arttıkça ekleyeceğim css kodlarını yine sizlerle paylaşacağım.

Herkese kolay gelsin.

CSS nedir, Nasıl Kullanılır?

HTML bize metin biçimlendirme alanında çok geniş olanaklar sunar. CSS, uzun yazılışıyla Cascading Style Sheets, veya Türkçesiyle Stil şablonları ise bunu bir adım daha öteye götürür, bize sayfalarımız için global şablonlar hazırlama olanağı verdiği gibi, tek bir harfin stilini; yani renk, font, büyüklük gibi özelliklerini değiştirmek için de kullanılabilir. Bu tekniğin en önemli özelliği kullanımındaki bu esnekliğidir.

Bir web sayfası içerisinde zaten estetik kuralları gereği yüzlerce renk ve font kullanmayız. Genelde birbiriyle uyumlu birkaç renk ve birkaç font kullanırız ki, bunları her sayfada ayrı ayrı tekrar belirtmek yerine CSS yardımıyla bir sefer tanımlayıp bütün web sayfamızda kullanabiliriz.Bu şekilde güncelleme yaparken de onlarca sayfayı değiştirmekten kurtuluruz.

CSS kodları HTML kodlarının içine yazılırlar. Türüne göre body veya head bölümlerinde yer alabilirler. Bunların dışında harici CSS dosyaları oluşturulup bunlar gerektiğinde HTML belgesi içerisinde çağırılabilirler.

Hemen hemen her konuda olduğu gibi CSS konusunda da Microsoft Internet Explorer ve Netscape farklı yorumlar ortaya koyarlar. Bu noktada her iki browserın da aynı/benzer yorumlayacağı kodlar yazmak en uygunudur.

alıntıdır.

PSD nedir?

Psd photoshop çalışma dosyası anlamına gelir. Elinizde psd uzantılı bir dosyada herhangi bir değişik yapabilirsiniz. Psd'deki çalışmalar genelde katman katman ayrılır.

Örneğin bir logo çalışmasında logonun adı ve sembolünü ayırabilir bir logoda hoşunuza giden bir kısmı alıp kendi tasarımınız için kullanabilirsiniz. Yada elinizdeki katmanı çoğaltabilirsiniz, efektlendirebilirsiniz.

Xml News Slider

Tasarladığım bir web sitesi için kullandığım 3 adet farklı xml news slider'ı siz okuyucularımla paylaşmak istedim. 3'ü de son derece kullanlışlı haber slideları. .fla dosyaları içinde.

Fla dosyalarında editleme ile ilgili sorununuz olursa buradan sorabilirsiniz.

(kendi uploadumdur zararlı içerik içermez :))

http://rapidshare.com/files/252421355/news_slider.rar.html

Surveey anket sistemi

Sitenize profesyonel anket desteği eklemek mi istoyrsunuz? Surveey bu iş için gerçekten ideal bir site.

* Çok / Tek soruluk anket desteği
* Çeşitli anket templateleri
* Kullanışlı anket stili
* Anket rapor sistemi
* Kurumsal ve personel anket seçenekleri

ve daha bir çok özellik surveey ile sizlere ücretsiz sağlanmakta.

Ayrıca Türkiye'nin en büyük futbol / spor sitesi mackolik.com'un anket sistemi de surveey'e emanet. :)

Ben de bazı web dizaynlarımda surveey anketi kullanıyorum. Tavsiye ederim.

Adres: http://www.surveey.com/adbadmin/

Basit Php Etiket Bulutu

Phpile basit bir etiket bulutu hazırlayalım. Öncelikle kendi belirlediğimiz etiketlerin boyutunu vereceğimiz değerlere göre (normalde etiketleri ve kullanım sayılarını database'e bağlanarak aldırmamız gerekiyor fakat database bağlantılı olanı ilerleyen günlerde yapacağız.) boyutlandıran bir fonksiyon yazalım.

$value) {
// font boyutunu bul

$size = round($min_size + (($value - $min_qty) * $step));

echo '' . $key . ' ';
} // etiketi yazdır etiketi sitenizin arama kısmını kullanarak etikete tıkladığında arama sonuçlarını listeletebilirsiniz.
}

$tags = array('etiket1' => 32, 'etiket2' => 41, 'etiket3' => 62, 'etiket4' => 51, 'etiket4' => 23, 'etiket5' => 91, 'etiket6' => 47, 'etiket7' => 82, 'etiket8' => 27); // tag dizisi key ve değeri

printTagCloud($tags); // etiket bulutunu yazdırır. bunu etiketlerin görünmesini istedğiniz yere yazabilirsiniz.
// ******************** etiket bulutu ************************
?>

İleriki günlerde etiketi ve sayısını sql database'den alarak hesaplayacağız.

Action Script ile Logoyu Buton haline getirelim.

Action script ile logoyu buton haline getirmek oldukça basit.

var logo:MovieClip = new MovieClip(); // logomuzu movie clip şeklinde ekliyoruz.

logo.x = 100; // logomuzun pozisyonunu belirliyoruz.
logo.y = 15;

Şimdi eklediğimiz butonu action script ile buton haline getirelim.

logo.useHandCursor = true; // mouse'u üzerine getirdiğimizde hand cursor yapar
logo.buttonMode = true; // logomuzun buton modunu aktifleştirir

// şimdi logomuza görev verelim.

logo.addEventListener(MouseEvent.MOUSE_DOWN, mouseDown, false, 0, true);

Classımıza ait private bir fonksiyon ile şimdi mousedown eventımızı gerçekleştirelim

private function mouseDown(evt:MouseEvent):void {

SWFAddress.setValue("/"); // logoya tıkladığımızda anasayfaya yönleniriz.

}

Basit bir action script tutorial ile sadece kod kullanarak logomuzu oluşturup yönlendirdik.

Sitenize Blogunuza chat odası ekleyin

Blogumda sağ alttaki chat odasını

https://www.meebo.com/rooms/create/

adresinden ücretsiz olarak üye olup siz de sitenize ekleyebilirsiniz. Oldukça kullanışlı bir chat ortamıdır. Renk ve boyut seçenekleri de sunmaktadır.