ana sayfa > Dökümanlar > tema / css degistirici

tema / css degistirici

Cumartesi, 12 Kas 2011 yorum ekle yorumlara git

PurpleMoggy tarafından yazılmış bu hack kullanıcı ya sizin daha önce ayarladığınız temalar arasında seçim yapma şansı tanıyor. Örnek için bu bloga girip yan menüden tasarım secebilirsiniz.

blogger tasarımlar buradan örnekleri inceleyebilir indirip kullanabilirsiniz.

Kendi şablonunuzda kullanmak için..

1- Bir js dosyasını indirip kendi sunucunuza koyun. (google pages kullanabilirsiniz)

2- Css dosyalarınızı hazırlayıp sunucunuza yükleyin. Beta kullanıcıları “font and color” kısmında tasarım yapıp kaydedebilirsiniz, daha sonra sayfanızı görüntüleyip css kodlarını bir metin dosyasına uzantısını .css olarak kaydedin…

Stil dosyaları icin de $bgcolor gibi değişkenler yer almayacak ve “Variable definitions” kısmına yer verilmeyecek…

3- head kodları arasına aşağıdaki kodu kendi dosyalarınıza göre düzenleyip koyun..


<link href=’http://yunusemrex.googlepages.com/minima.css‘ rel=’stylesheet’
type=’text/css’/>
<link href=’http://yunusemrex.googlepages.com/minimadark.css‘ media=’screen’ rel=’alternate
stylesheet’ title=’minimadark‘ type=’text/css’/>
<link href=’http://yunusemrex.googlepages.com/minimaochre.css’ media=’screen’
rel=’alternate stylesheet’ title=’minimaohre’ type=’text/css’/>
<link href=’http://yunusemrex.googlepages.com/minimablue.css’ media=’screen’ rel=’alternate
stylesheet’ title=’minimablue’ type=’text/css’/>

<script src=’http://yunusemrex.googlepages.com/styleswitch.js‘ type=’text/javascript’>
/***********************************************
* Style Sheet Switcher v1.1- &#169; Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s
more
***********************************************/
</script>

daha sonra şablonunuzu kaydedip çıkın.

4- Son olarak kullanıcı için kodları koymalısınız. page elements kısmında html kod olarak kendinize göre düzenleyip koyun.

<a checked=”checked” href=”javascript:chooseStyle(‘none’, 60)”>Minima</a>
<a href=”javascript:chooseStyle(‘minimadark‘, 60)”>Minimadark</a>
<a href=”javascript:chooseStyle(‘minimaohre’, 60)”>minimaohre</a>
<a href=”javascript:chooseStyle(‘minimablue’, 60)”>minimablue</a>

burada parantez içindeki ifadeler ( örneğin minimadark) yukarda 2 kısmında belirtilen ifadeler olmalı (title=’minimadark’ buradaki gibi )

açılır liste olarak yapmak isterseniz kodları düzenleyip kullanın

<form>
<select name=”choice” size=”1″ onChange=”chooseStyle(this.options[this.selectedIndex].value,
365)”>
<option value=”none” selected=”selected”>Default</option>
<option value=”minimadark“>minima dark</option>
<option value=”minimablue”>minima blue </option>
</select>
</form>

güncelleme: imla hataları düzeltildi. :)

blogger destek güncel yazılar. Bu yazı emrex tarafından yazılmıştır. Tüm hakları yazara aittir. Referans – kaynak belirtilmeden, izin alınmadan hiç bir süretle başka bir başka yerde yayınlanması ahlaka uygun değildir. Yazı kişiye özel bilgiler taşıyorsa yazarı tarafından yayından kaldırılması ve arama motorlarından silinmesi istenebilir.

Categories: Dökümanlar Tags:
  1. şimdilik yorum yok.
  1. şimdilik geri bağlantı yok
yorum yapabilmek için giriş yapmalısınız
mum