CSS ile Renkli Başlıklar
Sizlerin de bildiği gibi h1,h2 ve h3 gibi taglar SEO değeriniz için çok önemli. Bu yüzden bu başlık tiplerini sık sık kullanmamız gerekiyor. Bu kadar çok görünen yazı-tiplerinin de güzel bir görünüşe sahip olması lazım değil mi?
Bu yüzden başlıklarınızı şekillendirmenizde sizi yardımcı olması için birkaç makale hazırlıyorum.
Önemli Not
Bu örneği hazırlamak için aşağıdaki web fontu indirmeniz gerekiyor. Aksi taktirde çalışmayacaktır.
Dosya Adı : ostrich-bold-webfont.woff
Yazı tipini indirdikten sonra istediğiniz dizine upload edin.
Şimdi çalışmamıza başlayalım.
Kodlamalar
CSS Kodları
h1{margin:0px;font-size: 5em;font-family: "OstrichBold", sans-serif;color:black;} h1 a{color:#2B90A9; text-decoration:none;} h1 a:hover{color:#48ceef;} ::selection { background: #FE57A1; color: white; } @font-face { font-family: 'OstrichBold'; src: url('ostrich-bold-webfont.woff') format("woff"), url('ostrich-bold-webfont.woff') format("truetype"); font-weight: normal; font-style: normal; }
HTML Kodları
</pre> <h1><a href="http://adobewordpress.com" target="_blank">ADOBEWORDPRESS.COM</a> - CSS</h1> <pre>