css ile ilgili yazılarıma uzun bir aradan sonra kaldığım yerden devam edeceğim. bu yazımda sizlere css nin border-style özelliğinden bahsedeceğim. border etiketi bir html dosyasının çerçeve ve sınır çizgilerini belirleyen bir etikettir. css’de border-style etiketini kullanmaktayız. istersek farklı parametrelerle çizgileri şekillendirebiliriz. border-style etiketinin alabildiği parametrelere bakalım birlikte. dotted – Noktalı Okumaya Devam Et

merhaba arkadaşlar. bu yazımda kendime ait olmayan bir çalışma paylaşacağım. kaynaklarıma baktığımda böyle güzel bir çalışma buldum ve sizlerle paylaşmak istedim. sade ve güzel bir menü örneği, yeşil efekt kullanılmış bir menü tasarımı olmuş arkadaşlar.   ben kodlarını sizlerle paylaşıyorum buyurun:   css kod:   css kodları html, body, div, Okumaya Devam Et

merhaba arkadaşlar. css ile hazırlamış olduğumuz güzel bir animasyonlu menü örneğini sizlerin beğenisine sunmak istedim. oldukça sade ve şık bir tasarımı olan bu menümüzde tek bir menü oluşturduk ve 4 tane link ekledik. sizler bu menüyü referans alarak geliştirebilir ve kendi tasarımlarınızı oluşturabilirsiniz. ben sizler için en basit haliyle sunuyorum Okumaya Devam Et

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 kullanarak sitemize nasıl sosyal butonlar ekleyebiliriz. elbette bu mümkündür arkadaşlar oldukçada kolaydır. şimdi ben sadece sol tarafa ekleyebileceğiniz bir örnek yazayım siz sonra bunu kendinize göre düzenleyebilirsiniz. öncelikle <div> tanımlamalarımızı yapıyoruz ve gerekli kodlarımızı yazıyoruz. ardından ise css kodlarımızı ekleyim kodlama işlemini bitiiriyoruz.   Kod: <div align=”center” id=”feedback”> <a Okumaya Devam Et

css komutlarımızı kullanarak bir form örneği hazırlayalım. bu örneğimizde bağlantılılı css kullanacağız. css ve html dosyalarımız ayrı ayrı hazırlayıp html dosyamıza css dosyamızı entegre edeceğiz. ilk olarak css komutlarımızı yazalım. style.css adında bir dosya oluşturdum ben.   css kod:   input[type=text], select { width: 100%; padding: 12px 20px; margin: 8px 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