Tema Prefix ile Path ve URL Koruma - CSS İçerisine Değişken Tanımlama

TeleportPro ve benzeri otomatik tema indirme programları ile sitenizin içerisindeki görselleri korumak istiyorsanız bu yöntemi kullanabilirsiniz. Bu basit CSS Hack sayesinde sadece yolları korumakla kalmazsınız, aynı zamanda temanızı ayrıştırmak için de kolay bir yöntem seçmiş olursunuz.

 Index içerisinde dahil ettiğiniz CSS dosyasına şu şekilde bir uygulama yapabilirsiniz.

 /* Siyah Tema Değişkenleri */
@birinciRenk: #FFFFFF;
@arkaplanRenk: #000000;
@temaAdi: "siyah";
@cerceveRengi: #333333;
@metinRengi: #cccccc;
@butonRengi: #232323;

Bu sayede şu şekilde kodlama yapabilirsiniz:

body {
background: @arkplanRenk;
}

a:link, a:visited {
text-decoration: none;
color: darken(@metinRengi, 10%);
}

Bu durum aynı zamanda CSS içerisinden çağırdığınız resim dosyalarının yollarını korumakta da kullanılabilir:

#content {
background: url('images/@{temaAdi}-content-scroll-bg.png) top center repeat-y;
}

Böylece sitelerin içerisinde gezinip otomatik indirme yapan programlar da bu yolları yanlış tespit edecek, dolayısıyla, program hata verecek veya hatalı/eksik indirecektir.

Teknolojiyle kalın...

Yorumlar

Yorum Gönder

Bu blogdaki popüler yayınlar

Google Maps Üzerinde Birden Fazla Noktayı İşaretleme

Bu uygulamanın farkı, ekrana gelecek işaretçilerin noktalarına göre otomatik olarak uzaklaştırma ve sığdırma ayarlaması. Detayları yorum satırlarında görebilirsiniz. HTML      < div id ="map_wrapper">         < div class ="mapping" id ="map_canvas">             &nbsp;         </ div >     </ div > CSS      #map_wrapper {         height : 400px ;     }     #map_canvas {         width : 100% ;         height : 100% ;     } JS     jQuery( function ($) {         // API'yi Google'dan Asenkron Olarak Çağır         var scr...
Devamı

MS SQL Server 2008 - MS SQL Server 2012 Restart Computer Hatası

Hem MS SQL Server 2008 hem de MS SQL Server 2012 kurulum ve kaldırma işlemleri sırasında Restart Computer - Failed şeklinde bir hata verebiliyor ve bu hata bilgisayarı yeniden başlatmakla ortadan kalkmıyor. Sorunu çözmek için en kısa yöntem RegEdit'den ilgili anahtarı silmek. Bu işleme başlamadan önce tüm RegEdit'in bir kopyasını almanızı şiddetle öneririm .  1) Şimdi Windows + R tuşlarına basara çalıştır ekranını getiriyoruz. 2) Gelen ekrana regedit yazıyoruz. 3) (Opsiyonel) Üst menüden File > Export yolunu izliyoruz. Önümüze gelen diyalog penceresinin alt kısmından All seçeneğini işaretledikten sonra bir isim verip istediğimiz yere kaydediyoruz. 3) CTRL + F tuşlarına basarak anahtar arama aracını çalıştırıyoruz. 4) Arama kısmına  PendingFileRenameOperations yazıp bulduğunuz tüm değerler siliyoruz. 5) Testi yeniden başlatın. Sorun çözülecektir. Windows 7 ve Windows 8'de test edilmiştir.
Devamı

HTML - Focus Kullanımı

Resim
İsminden de anlaşılabileceği gibi Focus metodu bir öğenin üzerine odaklanmanızı sağlamaktadır. Yani o anda seçili olan alanı, sizin odaklanılmasını istediğiniz alana getirir. Örneğin: <! DOCTYPE html > < html > < head >     < title > Web Tasarım 101 </ title >     < style type ="text/css">         a:focus , a:active {             color : red ;         }     </ style >     < script >         function getfocus() {             document.getElementById( 'linkeGit' ).focus();         }         function losefocus() {         ...
Devamı