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

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

Ş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

Css’te seçiciler en çok kullanılan öğelerdendir. Örneğin <h1> etiketine Css yardımıyla belli bir şablon yüklediniz. Ama sayfanızda kullanacağınız <h1> etiketlerinin tümünün aynı şekilde olmasını istemiyorsunuz. Bu durumda bize seçiciler yardımcı olur. İki çeşit seçici göreceğiz. Bunlar :• Id Selector (Id seçicisi) • Class Selector (Sınıf Seçicisi) Class Selector (Sınıf Seçicisi)Bu Okumaya Devam Et

html ile css arasındaki ilişkiyi ele alacağım bu yazımda. peki neden bu konuyu açtığımı kısaca açıklamak istiyorum. ben bu konuyu açarak css’i html içerisinde nasıl kullanabiliriz ve kullanırken nelere dikkat etmeliyiz bunu anlatmak adına bu konuyu açtım. gelin birlikte bakalım. ilk özelliğimiz font özelliği html içerisinde kullanımına kısaca bakalım. <html> Okumaya Devam Et

css’nin kullanım türüne göre 3 çeşidi olduğunu daha önceki yazımda söylemiştim. şimdi bu konuyu tüm detaylarıyla inceleyelim. css’nin çeşitlerine geçmeden önce style şablonları hakkkında bilmemiz gereken kısa birkaç bilgiyi sizlere aktarmak isterim. 1. Stil Şablon çeşitleri : Css’in en çok beğenilen yönü istendiğinde sadece bir öğeye etkimesi, istendiğinde tüm sayfaya Okumaya Devam Et

Css’in açılımı ile söze başlayalım. Cascading Style Sheets. html sayfalarımızda kullanabileceğim bir tasarım dilidir. peki css bize ne sağlar? css ile html sayfalarımızın görünümünü daha düzenli hale getirebiliriz. html dilinde font etiketinden bahsetmiştim bu etiketin aldığı parametrelerden ancak bu etiket tam olarak istediğimiz tasarımı sağlamamakta. css kullanarak sayfalarımız adeta görsel Okumaya Devam Et