.tabloust{vertical-align:top;}

Tabloda Kullanımı

< td class="tabloust" >

Bir sitenin olmazsa olmazı olan gezinti çubuğu yapımının mantığını anlatmaya çalışacağım. Gezinti çubuğunu kodlamak her sitenin kodlama yapısına göre değişeceği için sadece bir örnek olarak inceleyip mantığı anlamaya çalışmalısınız.

Örnek sitemizde kategori ve kategori içerisinde olan konular olsun. Gezinti çubuğumuzu konu görüntüleme sayfasındayken Ana Sayfa > Kategori Adı > Konu Başlığı şeklinde kodluyacağız. 

Konu görüntüleme sayfamızda ilk önce urledeki konu id sini alıyoruz ve konular tablomuzdaki konu id si ile eşleştirip konu başlığımızı çekiyoruz. Konunun bulunduğu kategoriyi gezinti çubuğuna yazdırmak içinde konular tablomuzdan konu id sini bir değişkene atıyoruz. 

Url deki id yi çekiyoruz ve $fid değişkenine atıyoruz. 

$fid = $_GET['id'];

if(($fid=="") or !is_numeric($fid)){$id=1; } 

Çektiğimiz id yi konular tablomuzdaki konu id si ile eşleştiriyoruz.

$konu = mysql_fetch_array(mysql_query("SELECT * FROM konular WHERE konuid='$fid'"));

Konunun bulunduğu kategoriyi eşleştirmek için konu id sini değişkene atıyoruz.

$konuidal=$konu['konuid'];

Değişkene atadığımız konu id si ile kategori id sini eşleştiriyoruz.

$kategori = mysql_fetch_array(mysql_query("SELECT * FROM kategoriler WHERE kategoriid='$konuidal'"));

Son olarak gezinti çubuğumuzu oluşturuyoruz.

echo' <a href=" Site Adresi ">Ana Sayfa</a> - <a href=" Site Adresi/ '.$kategori['kategoriad'].' ">'.$kategori['kategoriad'].'</a> - '.$konu['konubaslik'].' ';

Bu şekilde kategori adına bir url atıyarak tıklandığında kategori sayfamıza gitmesini sağladık. Konu adına url atamadık seo açısından olumsuz etki yaratacağı için. Bu kodlamayı kendi sitenize göre düzenlemeniz gerekiyor. 

 < section > ,  < nav > gibi yeni html5 tagları sitemizin içeriğini daha net bir şekilde sınıflandırmak için faydalı olacaktır, devamında google sitemizi daha iyi tanıyacak ve derecelendirecektir. Bir çok webmaster sitelerini html5'e göre yenilemektedir. Webmaster paylaşım sitelerinde "sitemi html5'e göre düzenledim,kısa bir sürede ziyaretçi sayım %30 , %50 oranlarında artış gösterdi" cümlelerine bol bol rastlıyabilirsiniz.  

.divim img{border:5px #FFF solid; padding:3px;}

Örneğin < div class="divim" > < /div > bu divler arasındaki bütün resimler üstteki komutta belirlediğiniz boyut ve renk ile çerçevelenecektir.

padding: 10px 10px 10px 10px;

Bu komutla sağ sol üst alt boşlukları 10px olarak ayarlamış oluyoruz. Div in dış boşlukları için aşağıdaki css komutunu kullanabilirsiniz.

margin: 2px 10px 10px 10px;

Kitap duygusal ve ruhani sağlık arayışınızda size size yardım edecek genel tabiatın bilgilerini sunuyor. Komik ve ilham verici bir kitap olduğu belirtiliyor.

Kitabın arka yüzünden.

Siktir et demek sizi iyi hissettirir. Mücadeleden vazgeçmek, ne hoşunuza gidiyorsa onu yapmak, çevrenizdekilerin sizin hakkınızda düşündüklerini umursamamak ve kendi yolunuzdan gitmek harika bir duygudur.

Bütün sorunlarınıze ve meselelerinize Siktir et demenin bir yolunu bulun. Hayatınızda yapmanız gerekenlere siktir et diyin ve sonunda başkaları ne düşünürse düşünsün, neyi yapmak istiyorsanız onu yapın.

Fırsat bulunca okuyacam. Kitapla ilgili yorumlarımı paylaşırım...

.orta { margin: 0 auto; }

Kullanımı

<div class="orta"> Ortalanacak içerik </div>

Oralamak istediğiniz içeriği divlerin arasına alın.

Örneğin konu divindeki bütün linkleri düzenliyeceğiz. Divimiz  .konu link düzenlemesini css şu şekilde yapabiliriz. 

.konu a {font-size: 12px; color: #6699CC;}

Bu şekilde konu divindeki bütün linklere boyut ve renk vermiş oluyoruz. İstediğiniz gibi düzenliyebilirsiniz.

.sayfa{

border-top-right-radius:10px ;

border-top-left-radius:10px;

border-bottom-left-radius:10px;

border-bottom-right-radius:10px; }

Bu Css kodlarını sadece sayfa kenarlarını ovalleştirmek için değil istedğiniz her yerde uygulayabilirsiniz.

$sor=mysql_query("select * from TABLO ADI ORDER BY rand() LIMIT 10");

while($yaz=mysql_fetch_array($sor)){

echo ' '.$baslikk.' '; }

TABLO ADI: Bu kısmı verileri çekeceğimiz tablonun adıyla değiştiriyoruz.

10: Bu kısımda kaç tane veri çekeceğimizi belirliyor.

'.$baslikk.' : Bu kısımda tablomuzdan sayfaya yazdırmak istediğimiz alanı belirliyor. Haber başlığı, haber içeriği gibi istediğiniz bilgili yazdırabilirsiniz.

Sayfayı her yenilediğinizde tablodaki veriler rastkele değişecektir.

$habersayisi = mysql_query("SELECT * FROM TABLO_ADİ ");

$habersayisi: Burda sorguya bir isim verebilirsiniz.

TABLO_ADİ: Bu kısıma verilerin sayısını çekmek istediğiniz tablo adını yazın.

Verilerin sayısını tabloya bağlanarak oluşturduk şimdi ekrana yazdıralim.

echo' '.mysql_num_rows($habersayisi).' ';

$habersayisi: Bu kısım üstteki sorguya verdiğiniz isimle aynı olmalı.

Kodu sayfanızdaki < head > < / head > tag ları arasına yerleştiriniz.

< link rel="stylesheet" type="text/css" href="stil.css" media="screen" / >

stil.css: Bu sayfaya çektiğiniz css stil dosyasıdır. Kendi css dosyanızın adıyla değiştiriniz. Eğer css dosyanız bir klasör içerisindeyse klasöradi/stil.css şeklinde değiştiriniz. 

$baslik=substr($baslik,0,50);

Burada başlığımız 50 karakteri geçmesin dedik. İstediğiniz karakter sayısını belirliyebilirsiniz.

User-agent: *

Allow: /

Disallow: /admin/

Disallow: /mod/

Disallow: /gibi/

Disallow: /gibi/