merhaba arkadaşlar. div etiketini kullanarak yapmış olduğum bir çalışmadır bu sizler için hazırladım. oldukça sade bir tasarım elde etmek istedim. aşırı kod kullanmadım ve sizlere örnek olarak bloğuma eklemek istedim. şimdi hemen sözü uzatmadan başlayalım. öncelikle yapmamız gerekenler: proje adında bir klasör oluşturun. ardından index adında bir html sayfası oluşturun. Okumaya Devam Et

bir önceki yazımda css ile açılır bir menü yapmıştım. bu yazımda ise sade bir yatay menü örnek kodlarını sizlere yazacağım. bunu yapmamdaki sebep elbette ikisi arasındaki farkı görmenizdir. yine tek html sayfası yapacağım tek sayfada kodları birleştireceğim. benim yazdığım gibi de yapabilirsiniz. ayrı style dosyasıda oluşturup yapabilirsiniz tercih size kalmış. Okumaya Devam Et

css ile basit olarak hazırladığım bir menü paylaşmak istedim sizler için. menümüz yatay bir menü arkadaşlar. ben css kodlarımı head etiketi içerisine yazdım. sizler geliştirip bağlantılı css olarak kullanabilirsiniz. dilerseniz fazla sözü uzatmayayım bu bilgileri verdikten sonra kodları sizlere yazayım.   öncelikle css kodlarını yazayım.   menu.html dosyamızı oluşturalım.   Okumaya Devam Et

css ve html kod bilgilerimizi kullanarak basit bir dikey menü hazırlayacağım sizler için dekmenü adında bir klasör oluşturun. verdiğim kodlar isterseniz 2 dosyada yapın istersenizde tek bir dosyada birleştirin. ama bana kalırsa css ve html dosyalarını ayrı ayrı hazırlayın. evet hazırsanız başlayalım. menu.css dosyamızın kodlarını yazarak işe başlayalım.   p, Okumaya Devam Et

Şimdi <a> etiketinin özel durumunu da gördükten sonra esaslı bir css kullanma tekniğini görelim. Bu örneğimizde <div>, <table>, <span>, <h1>…<h6>, <p>, <a> gibi Html etiketlerini kullanırken nasıl bir yöntem izlememiz gerektiğini göreceğiz. İlk öncelikle stillerimiz hem bağlantılı hem global hem de yerel kullanacağız. Bunu belirteyim. Böylelikle sizde nasıl bir yol Okumaya Devam Et