Etiket arşivi: CSS

CSS İle Tüm Kategorilere Farklı Arkaplan Resmi Koyma

Web tasarım yaparken birçok kullanıcı sitenin renk uyumunu ve arka plan resmini siteyle uyumlu halde tasarlar. Mesela bir film sitesinde arka planda klişe filmlerin kapakları kullanılırken bir oyun sitesinde efsane oyunların görselleri yer alır. Özellikle akılda kalan karakterler kullanılır. Ancak çok yönlü bir web sitesi tasarlayacaksanız her kategori için farklı…

Devamı

Resim Üzerine Gelince Boyutu Değişmeden Yakınlaştırma

Fare ile resmin üzerine geldiğiniz zaman resme otomatik olarak yakınlaştırma uygulayabilirsiniz. Daha önceki yazımızda Mouse ile resmin üzerine geldiğiniz zaman büyüyen resimler yapmıştık, bu sayede ziyaretçilere resimleri daha yakından inceleme imkanı veriyorduk, şimdi ise resmin boyutunu değiştirmeden yakınlaştırma yapacağız. Daha önceki yazımızı incelemek için şurayı ziyaret edebilirsiniz; Üzerine Gelince Büyüyen…

Devamı

Üzerine Gelince Büyüyen Resim Yapma

Web siteniz için üzerine gelince büyüyen resimler yapabilirsiniz. Mouse simgesini resmin üzerine getirdiğiniz zaman istediğiniz belli bir oranda büyütebilirsiniz. Özellikle resim sitesi veya fotoğraflarla ürün tanıtmayı planlıyorsanız büyütme yaparak dikkat çektirebilirsiniz. Bunun için önce büyümesini istediğiniz resimlerin HTML kodlarını ekleyeceğiz, daha sonrada gerekli olan CSS kodlarını ekleyeceğiz. Bu yapı genellikle…

Devamı

WordPress Autoptimize Eklentisi ile CSS, HTML ve JS Küçülterek Hız Artırma

WordPress tabanlı bir web siteye sahipseniz Autoptimize eklentisi ile CSS, HTML ve Java Script (JS) dosyalarınızı küçültebilir ve önbellekleyebilirsiniz. Böylece siteniz çok daha hızlı açılış yapacak buda sitenizdeki performanstan dolayı size olumlu yansıyacaktır. Arama sıralamanıza katkısı olduğu gibi gecikmeden dolayı yaşanan olası hit kaybını da önlemiş olacaksınız. Autoptimize, sitenizi optimize…

Devamı

HTML Tasarımlarda CSS Stil Dosyası Kullanma

Daha önceden hazırladığımız sayfalarda biçimlendirme bilgilerini HTML dosyamızın içine yazıyorduk. Bu adımda ise tüm biçimlendirme bilgilerini buradan alarak oluşturacağımız CSS dosyasının içine koyacağız. CSS dosyalarını kullanarak web site tasarımınıza istediğiniz görüntüyü verebilirsiniz. Şimdi bir CSS dosyası nasıl oluşturulur ona bir bakalım…

Devamı

Metin Tabanlı HTML Editörü

Araneae, web siteleri için metinlerinizi koda çevirerek siteye yerleştirmenize yarayan ücretsiz bir programdır. HTML, XHTML, CSS, JavaScript, PHP, Ruby kodlarını desteklemektedir. Araneae, web sayfalarını kod kullanarak hazırlamaktan hoşlananlara yönelik bir uygulamadır. Aynı anda birden fazla metin dosyasını açabilen, açık olan pencerelere sekmeler sayesinde kolay erişim sağlayan uygulama, kod renklendirme, resimler…

Devamı

Sitenizdeki Yazıları CSS ile kopyalamayı Engelleme

Web sitenizdeki yazıları seçimi engelleyerek kopyalamayı kapatabilirsiniz. Bu sayede içeriklerinizin çalışmasını bir nebzede olsa engelleyebilirsiniz. Bir nebze diyorum çünkü profesyonel bir kullanıcı içeriğinizi her türlü alabilir. Ona engel olmazsınız. Ancak bu işlere yeni başlamış olan kullanıcıları engellemek mümkün, Yazınızı seçmeyi engelleyerek kopyalamayıda engellemeyi hedefliyoruz. Bunun için sitil doyası olan CSS’ye…

Devamı

CSS Optimizasyonu Nasıl Yapılır

CSS optimizasyonu sitenizin hızını doğrudan etkileyen faktörlerdendir. Web sitenizin CSS (Cascading Style Sheets) bir Web sitesinin içerisinde birbiriyle uyumlu birkaç renk ve birkaç yazı tipi kullanılır ve burada tanımlanan kodları her sayfada tek tek belirtmek yerine CSS sayesinde bir sefer tanımlayıp bütün Web sayfalarında ortak olarak kullanılabilir. Böylece sayfaların hafızadaki…

Devamı

CSS Satır ve Paragraf Arasındaki Boşluk Kodu

CSS, Cascading Style Sheets (Basamaklı Stil Şablonları) kullanarak içeriğinizdeki yazıların paragraflar ve satırlar arası boşluk mesafesini istediğiniz gibi ayarlayabilirsiniz. Normalde siz bu değerleri girmediğinizde CSS otomatik olarak satır ve paragraf boşluğu atar. Bazı sitelerin tasarımında içerik metni daha büyük ve boşluk boyutlarını ayarlamak gerekebiliyor. İşte bu ayarlamaları yapabilmek için aşağıdaki…

Devamı

Online CSS Çalışma Ekranı

İnternet teknolojisinin gelişmesi ile bant genişliği de eskiye nazaran kat ve kat arttı. Bu sayede online olarak çalıştırabileceğiniz yazılımların sayısı da arttı, resim, video düzenlemekten tutunda online işlemler yapabileceğiniz bir çok yazılım mevcut. şimdi sizlere online olarak CSS çalışma olanağı sunan bir web site tanıtacağız. CSS çalışmak için artık herhangi…

Devamı
1/212

Son Yorumlar

  • Emre:Çalışmıyor bu yöntemle yapınca tam ekran oluyor yi...
  • Onur:Teşekkür ederim.İlk yöntem işe yaradı....
  • Zeynebim:2 yıl oldu açamıyorum face mi yardımcı olur musunu...
  • yuksel:hedef bul klasörünün altındaki proxy ile başlayan ...
  • orhan:yusuf.ersoy5457@gmail.com arkadaslar bu hesabın kı...
  • Orhanalaz:Şifremi unuttum tvitira giriş yapamiyirum...
  • GaribanBabası:1- sağ altta bulunun internet erişimi simgesine sa...
  • Kader:Açabildiniz mi heabınızı...
  • Ateş:Güzel paylaşım, teşekkürler......