1-)Domain Domain seo için çok önemli bir etkendir. Alan adınızda anahtar kelimeniz geçiyorsa arama motorları bu web sitesini daha üst sıralara çıkarabilir. Örneğin; siteniz beyaz eşya satan bir site domain adınız beyazesya.com/net/org gibi bir isim olursa arama motorlarında üst sıralara çıkma şansınız yüksek olur. 2-)Sayfa uzantıları Sayfa uzantılarından kastettiğimiz şey site.com/as4asdk.asp şeklinde olan kısımdır.Sayfa uzantınız “as4asdk.asp” gibi olursa arama motorlarında yükselme şansınız az olacaktır. Ama sayfa uzantınız site.com/seo-nedir.asp şeklinde olursa arama motorlarında üst sıralarda bulunma şansınız artacaktır.
3-)Özgün içerik bulundurun Arama motorları için sadece sizin sitenizde olan içerikten daha kıymetli bir şey yoktur. Yani eğer içerik sizin siteniz dışında herhangi bir sitede yoksa arama motorlarında yükselme şansınız o kadar artacaktır. Çünkü arama motorları çalıntı içerikleri fazla sevmez. Genelde özgün içerik yayınlıyorsanız öyle ya da böyle arama motorlarında üst sıralara çıkarsınız. 4-) Sosyal Ağlar Web sitenizin tanıtımını diğer sosyal ağlarda yapabilirsiniz. Eğer sosyal sitelerde arkadaş sayınız fazlaysa yüzlerce kişiye hitap ediyorsanız bu tip sitelerden sizin web sitenize hit gelmesi kolay olacaktır. Ayrıca arama motorlarının sitenizi tanımasında da yardımcı olacaktır.
• lowercase : Yazının tümünün küçük harf olmasını sağlar. • uppercase : Yazının tümünün büyük harf olmasını sağlar. • capitalize : Yazının istenilen şekilde kalmasını sağlar.
text-decoration :
• underline : Yazının altmm gizili olmasını sağlar. • overline : Yazının üstünün çizili olmasının sağlar. • line-through : Yazının üstünün çizili olmasını sağlar. • none : Yazının herhangi bir yerine çizgi çekilmemesini sağlar.
text-align:
• left: Yazının sola bitişik olmasını sağlar. • center : Yazının ortada olmasının sağlar. • right : Yazının sağa bitişik olmasını sağlar. • line-height :Yazının normal satırdan çizgi yüksekliğini belirler. 3px, 5px gibi değerler alır. • text-ident : Yazının soldan ne kadar boşlukla içeriden başlayacağını belirler. 5px, 10px gibi değerler alır.
list-style-type özelliği list-item işaretinin tipini belirler. list-style-images özelliği none değeri aldığında veya resim görüntülenemediğinde kullanılır.
Kod:
Kod:
ul.arabalar {
list-style-type: none
}
ol ol ol {
list-style-type: lower-roman /* i ii iii iv v gibi. */
}
» list-style-image
list-style-image özelliği list-style işaretinin yerine resim koymak için kullanılır.
Kod:
Kod:
ul{
list-style-image: url(mavitop.gif)
}
» list-style-position
list-style-position özelliği list-item işaretlerin metinin içinden(inside) veya soldan dışında(outside) mı olacağını belirler.
Kod:
Kod:
ul{
list-style-position: inside
}
» list-style
list-style özelliği list-style-type, list-style-position ve list-style-image özelliklerinin kısayoludur.
• absolute : Katmanın yerinin kesin olarak belirlenmek istendiğinde kullanılır. • relative : Katmanın yerinin göreli(diğer öğelere göre değişebilen) olarak • belirlenmek istendiğinde kullanılır. • static : Katmanın yerinin sabit olarak belirlenmek istendiğinde kullanılır. • top : Katmanın üst kısımdan kaç piksel aşağıda olması gerektiğini belirler. • left : Katmanın sol kısımdan kaç piksel aşağıda olması gerektiğini belirler. • width : Katmanın genişliğinin kaç piksel olacağını belirler. • height : Katmanın boyunun kaç piksel olacağını belirler. • clip : Katmanın görünmesi istenen bölgeyi içeren kutucuk. • overflow : Katmanın belirtilen yükseklik ve genişliğe sığmayan kısmına ne olacağını belirler. • auto : Otomatik olarak belirlenir. • scroll : Kaydırma çubukları ekler. • visibility : Katmanın görünebilirlik ayarı yapar • visible : Görünür hale getirir. • hidden : Gizler. • z-index : Katmanın sayfa üzerindeki sıra sayısı.
Merhaba arkadaşlar. CSS nimetleri her geçen gün tematik blog yazarlarını keşfetmeye zorluyor. Bu CSS nimetinin özelliğinden bahsetmek istiyorum. Bu yazıda belirteceğim kodlar ile bir çok özelliği hiç resim kullanmadan oval hale getirebileceğiz.
Uyarı : CSS 3 kullanarak oval köşeler yaparsak yalnızca şu tarayıcılarda düzgün olarak görünecektir.
Mozilla Firefox
Chrome
Safari
Bunu göze alarak yapmak istiyorsanız anlatıma başlayalım.
Firefox‘ta oval köşeler için aşağıdaki kodu kullanmamız gerekli; PHP Kod:
Kod:
-moz-border-radius
Google Chrome ve Safari için ise; PHP Kod:
Kod:
-webkit-border-radius
Bunlar pixel cinsinden değerler alırlar. Örnek: PHP Kod:
Bazı sayfalar arası geçişlerde bazende index sayfalarında görürüz "yükleniyor lütfen bekleyiniz..." diye tabi bu geçiş sayfalarında coğunlukla bir yükleniyor grafiği kullanılıyor gayette güzeller ama bunu grafik kullanmadan yapmak da mümkün ne kadar kullanışlı olur bilemem tabi ama insan aklına gelince yapıyor işte (: başlayalım cubuğumuzu yapmaya herzamanki gibi html kodlarımızla başlayalım
üstteki html kodumuzda adını "ortala" koyduğum ilk div elementi içerisine yazımızı yazdık "ortala" elementini kapatmadan bir div elementi daha kullandık onun adı da "gövde" olsun onun içinede marquee elementi kullandık bldiğiniz gibi marquee içindeki resim, yazı vs. gibi şeyleri sağdan sola, soldan sağa kaymasını sağlayan elementtir ve div elementlerini kapattık. Geçelim css kodumuzu yazmaya
div elementine verdiğimiz ortala tanımı ilk elementten başlayalım uzunluk ve yükseklik değeri verdik margin ile ortaladık göreceli konumlandırma verdik ve üstten 4 santim ittik geçelim "gövde" kısmına
ikinci elementimiz olan "govde" de ise blok görünümü verdik yine uzunluk ve genişlik değeri verdik ve taşmaların gözükmemesi için overflow:hidden kodunu kullandık gövde kutumuzun içindeki padding değerini sıfırladık üstten 0.5 santim boşluk bıraktık ve mutlak konumlandırma ile sola sıfırladık.
Neden böyle bir konumlandırma verdik daha kolay ortalayabilirdik cubuğumuzu fakat marquee elementini "align=center" yada margin ile ortaladığımızda içindeki yazımız yaklışık 5 saniye kadar geçikmeli gözüküyor zaten yapıcağımız bir meta yönlendirme ortalama 3 veya 5 saniye kadar olacağı için bu bizim işimize gelmezdi bu yüzden göreceli ve mutlak konumlandırma kullandık. Evet geçelim diğer kodumuza
Evet govde içerisindeki marquee elementi için Son kodlarımızı yazıyoruz kalın ve yatık oldukca büyük font boyutu kullanıyoruz /↔/ aralarını 17 piksel yakınlaştırıyoruz yükseklik ve genişlik değeri veriyoruz ve taşmaları gizliyoruz
iki renk kodu görüyorsunuz ie6 için siyah renk ve diğer gelişmiş modern tarayıcılar için beyaz renk görünmesi için ie6 da arka plan resmi gözükmüyor onunla uğraşmadım üşendim açıkcası onun için hemen renk verdim giçiştirdim (:
evet kodlarımız yazdık bitirdik şimdi nasıl bir şey olduğunu görelim
En son meta yönlendirmesi yapabiliriz content="1 (bir) yazan kısım saniye olarak bekleme süresini belirleyebiliriz bir dizine yada bir web sitesi adresine yönlendirme yapabiliriz
Örnekler
Hazır bir ''CSS Template'' veya Wordpress Teması indirdiniz. Ve bu tema'da içerik sola veya sağ tarafa dayalı. Oysa ki siz site içeriğinin sayfanın tam ortada olmasını istiyorsunuz.Bu durumda ne yapmamız gerekiyor? tabiki hemen alttaki kodlarımızdan yararlanıyoruz,buyrun hemen kodlarımıza ve kullanım şekline bakalım..
Üsteki ''Css'' kodunda "left: 50%;" değerini değiştirerek sayfanıza göre ayarlayabilirsiniz.
Css'ye Bağlı Html Kodları: Kod:
Kod:
<div id="ortala"> Ortalamak İstediğiniz Sayfa -İçerik Buraya Gelicek</div>
Ek Not: Aynı zamanda bu yöntem Mybb Temalar'ında da ''Global Css'' üzerinde kullanıp temalarınızda ortalamk istediğiniz kısımları üsteki vermiş olduğum kodlar sayesinde yapabilirsiniz..
