23 Temmuz 2014

Bloggerda Header Altına Dropdawn ( Açılır) Menü Nasıl Yapılır

Merhabalar dostlar..
Bu gece mübarek Kadir Gecesi.. Rabbim bu mübarek gecede bizim için hayırlı olan dualarımızı kabul etsin inşallah..Geceniz mübarek olsun..

Blog tasarım yapılışı ile ilgili yazılarıma devam ediyorum. Bugün benim uzun zamandır kullandığım bir özelliği sizlerle paylaşmak istiyorum. Dropdawn menü yani açılır menü..

Açılır menü nedir peki? Açılır menü menü başlıklarının ve bunlara ait alt başlıkların sıralanabildiği menü çeşididir. Benim menü çubuğumu incelerseniz Amigurumi başlığına geldiğinizde bu kategori ile ilgili olan başlıkların alt alta sıralandığını görebilirsiniz. Çok kullanışlı bulduğum bir eklentidir.

Blogunuza eklemesi çok çok kolay yalnız kodları kendinize göre çoğaltırken ekleme çıkarma yaptığını kısımlar dikkat etmeniz gerekiyor. Çünkü kodlarda bazen bir harf eksikliği kodun çalışmamasına neden olabilir.

Eklememiz gereken kod bu..
<center>
<style>
/*------ CSS3 Drop Down Menu By MBT (www.mybloggertricks.com)---------*/

#mbt-menu, #mbt-menu ul {
margin: 0;
padding: 0;
list-style: none;

}

#mbt-menu {
overflow:visible;
width: 1020px;
background-color: transparent;
background-image: -moz-linear-gradient(#fff, #fff);
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
background-image: -webkit-linear-gradient(#fff, #fff);
background-image: -o-linear-gradient(#fff, #fff);
background-image: -ms-linear-gradient(#fff, #fff);
background-image: linear-gradient(#fff, #fff);

}

#mbt-menu:before,

#mbt-menu:after {
content: "";
display: table;
}

#mbt-menu:after {
clear: both;
}

#mbt-menu {
zoom:1;
}

#mbt-menu li {
float: center;


position: relative;
}

#mbt-menu a {
float: center;
padding: 14px 20px;
color: #333;  YAZI RENGİ
text-transform: uppercase;
font: normal 14px PT Sans Narrow;
text-decoration: none; 
}

#mbt-menu li:hover > a {
color: #ff6699;  LİNK RENGİ
}

*html #mbt-menu li a:hover { /* IE6 only */
color: #ff6699; LİNK RENGİ
}

#mbt-menu ul {
margin: 0px 0 0 0;
_margin: 0; /*IE6 only*/
opacity: 0;
visibility: hidden;
position: absolute;
top: 38px;
left: 0;
z-index: 9999;
background: #fff;
background: -moz-linear-gradient(#fff, #fff);
background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #fff),color-stop(1, #fff));
background: -webkit-linear-gradient(#fff, #fff);
background: -o-linear-gradient(#fff, #fff);
background: -ms-linear-gradient(#fff, #fff);
background: linear-gradient(#fff, #fff);

-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}

#mbt-menu li:hover > ul {
opacity: 1;
visibility: visible;
margin: 0;
}

#mbt-menu ul ul {
top: 0;
left: 150px;
margin: 0 0 0 20px;
_margin: 0; /*IE6 only*/ 
}

#mbt-menu ul li {
float: none;
display: block;
border: 0;
_line-height: 0; /*IE6 only*/ 
}

#mbt-menu ul li:last-child { 
}

#mbt-menu ul a {
padding: 10px;
width: 190px;
_height: 10px; /*IE6 only*/
display: block;
white-space: nowrap;
float: none;
text-transform: none;
}

#mbt-menu ul a:hover {
background-color: #fff;
background-image: -moz-linear-gradient(#fff, #fff);
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
background-image: -webkit-linear-gradient(#fff, #fff);
background-image: -o-linear-gradient(#fff, #fff);
background-image: -ms-linear-gradient(#fff, #fff);
background-image: linear-gradient(#fff, #fff);
}

#mbt-menu ul li:first-child > a {

}

#mbt-menu ul li:first-child > a:after {
content: '';
position: absolute;
left: 0px;
top: -6px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #000;
}

#mbt-menu ul ul li:first-child a:after {
left: -6px;
top: 50%;
margin-top: -6px;
border-left: 0;
border-bottom: 6px solid transparent;
border-top: 6px solid transparent;
border-right: 6px solid #fff;
}

#mbt-menu ul li:first-child a:hover:after {
border-bottom-color: #000;
}

#mbt-menu ul ul li:first-child a:hover:after {
border-right-color: #fff;
border-bottom-color: transparent;
}

#mbt-menu ul li:last-child > a {

}
</style>

<ul id="mbt-menu">
<li><a href="LİNK">ANASAYFA</a></li>
<li>
<a href="#">KATEGORİ-1</a>
<ul>
<li><a href="LİNK">ALT KATEGORİ-1</a></li>
<li><a href="LİNK">ALT KATEGORİ-2</a></li>
<li><a href="LİNK">ALT KATEGORİ-3</a></li>
<li><a href="LİNK">ALT KATEGORİ-4</a></li>
</ul>
</li>

<li>
<a href="LİNK">KATEGORİ-2</a>
</li>

<li>
<a href="LİNK">KATEGORİ-3</a>
</li>

<li>
<a href="LİNK">KATEGORİ-4</a>
</li>

<li>
<a href="LİNK">KATEGORİ-5</a>
</li>

<li>
<a href="LİNK">KATEGORİ-6</a>
</li>

<li>
<a href="LİNK">KATEGORİ-7</a>
</li>

</ul>
</center>

Bu kodu BURADAN kopyalayarak öncelikle bilgisayarınızda not defteri veya Word sayfasına yapıştırın ve düzenlemeleri bu şekilde yapın.

Öncelikle  KATEGORİ1-2-3... yazan kısımlara kategori başlıklarınızı yerleştirmeniz. Ana başlıklarınız benim eklediğimden yani 7 den fazla ise  fazla ise yapmanız gereken, en alttaki </ul> kodundan hemen öncesine aşağıdaki tekrar kodunu yapıştırmanız..

<li>
<a href="LİNK">KATEGORİ</a>
</li>

Eğer bir kategorinin altına alt başlık eklemek istiyorsanız o kategori yazısından sonra gelen </a> kodundan sonra aşağıdaki kodları yapıştırabilirsiniz.

<ul>
<li><a href="LİNK">ALT KATEGORİ-1</a></li>
<li><a href="LİNK">ALT KATEGORİ-2</a></li>
<li><a href="LİNK">ALT KATEGORİ-3</a></li>
<li><a href="LİNK">ALT KATEGORİ-4</a></li>
</ul>

Burada kategori sayısı yine sini elinizde, eğer benim verdiğim örnekteki sayıdan fazla olsun istiyorsanız aynı kısımda </ul> kodundan önce tekrar eden kodu yapıştrın yani şu kısmı;

 <li><a href="LİNK">ALT KATEGORİ-5</a></li>

Kendi ihtiyacınıza göre düzenlemeye başladığınızda çok çok basit olacağını göreceksiniz.

Gelelim görüntü kısmına .
-Öncelikle menünün genişliğini (yeşil renk ile belirttim) blogunuzdaki genişliğe göre ayarlamasınız. width: 1020px;
-Menüde yazıların üzerine geldiğinizde değişen rengin (benimkinde koyu pembe) tasarımınızla uyumlu olmasını istiyorsanız BURADAN istediğiniz renk kodunu başındaki # işareti ile birlikte seçip pembe renk ile gösterdiğim satırdaki ile değiştirebilirsiniz.
-Yazı rengini değiştirmek için ise kırmızı ile yazılı olan color: #333 kısmındaki renk kodunu değiştirmelisiniz.
-Fontu ve yazı karakteri boyutunu değiştirmek için font: normal 14px PT Sans Narrow; kısma istediğiniz büyüklüğü yazabilirsiniz.


Peki kodu blogumuza nasıl ekleyeceğiz?

Kumanda panelimizden Yerleşim sekmesine gelip tıklayalım.  Buradan Gadget ekle'yi tıklayıp HTML/ Java Script i seçelim ve kodlarımızı başlık yazmadan buraya yapıştıralım. Sonrada  Üst Bilgi yani headerımızın olduğu kısmın altına sürükleyelim ve değişiklikleri kaydedip çıkalım..

Uzun ve karmaşık görünen bir anlatım oldu ama sırasıyla takip edip uyguladığınızda öyle olmadığını göreceksiniz.

Uygulayın yapamadığınız yerde bana sorun lütfen,elimden geldiğince yardımcı olmaya çalışırım..
Kolaylıklar diliyorum...
Sevgiler...
Devamını oku...

Saçlarınız ve kirpikleriniz essence colourflash hacim maskara ile rengarenk

Avrupa’nın lider kozmetik markası essence’in, colourflash hacim maskarası ile kirpikler ve saçlar yaz coşkusuna katılıyor, farklı renkleriyle saçlar ve kirpikler göz kamaştırıyor.

essence colourflash hacim maskara ile bu yaz havanızdan geçilmeyecek! essence colourflash hacim maskara’yı kirpiklerinize hacim maskara olarak kullanabilir ya da saçlarınızda renkli gölgeler oluşturabilirsiniz.



Çift renk modasına essence colourflash hacim maskara ile uyabilirsiniz. Üst kirpiklerine siyah, altlara renkli ya da tam tersi bir uygulama ile modern bir görüntü yakalamak mümkün.
Ayrıca bu harika maskaralar saçta da kullanabiliyor. Maskara sıcak su ve şampuan yardımıyla kolaylıkla çıkıyor.
Tavsiye edilen raf satış fiyatı: 11 TL


Devamını oku...

21 Temmuz 2014

La Casa De los Aromas Kazananları ve Yeni Kampanya Duyurusu

Merhabalalar,
La Casa De los Aromas kazanları belli oldu.
Benim blogumu yönlediren olarak seçen katılımcılardan Nilgün Gök ve Kemal Özdemir seçtikleri Çubuklu Kokuyu kazandılar, tebrik ediyorum..

Kampanya her ay yenileniyor, her ay her bloggerden katılma şansınız var.

Bol şans diliyorum..
Kampanyayı takipte kalın..

Sevgiler..


Devamını oku...

Kırık Şemsiye Blog Şablon Tasarımı

Merhabalar dostlar,
Ara sıra yaptığım şablon tasarımlarıma bir yenisini daha ekledik..
Sevgili Kırık Şemsiye blogunun sahibesi için onu yansıtabilecek ,sade göz yormayan bir asarım oluşturmaya çalıştık.
Sonuç itibarı ile blog sahibesinin beğenmesi herşeye bedeldi :)
Sizilerde Kırık Şemsiye blogunun yeni tasarımını görüp, harika paylaşımlarını takip etmek isterseniz buyrun : KIRIK ŞEMSİYE

Mutlu huzurlu bir hafta diliyorum,sevgiler...
Devamını oku...

17 Temmuz 2014

Limonian ile Angel's Powder Yüz Temizleyici Hediye Ediyoruz!

Merhabalar Dostlar..
Sevgili Limonian firması ile birlikte sizler için güzel bir çekiliş hazırladık.
Daha önce benim de kullanıp çok memnun kaldığım Güne Kore'den ithal Angel's Powder Yüz Temizleyiciyi şanslı bir izleyicimize hediye edeceğiz.


Angel's Powder Yüz Temizleyici ile ilgili ayrıntılı bilgi için buradaki yazımı mutlaka okuyun. Sadece yüzü temizlemekle kalmayıp ciltteki ince kırışıklıkları iyileştiriyor ve sarkmış cildin yeniden toparlanmasını sağlıyor. Ayrıca cildi yenileyip dinlendiriyor. Basit bir yüz temizleyici değil kesinlikle ve ben denemiş olduğum için içim rahat bir şekilde tavsiye ediyorum.

Çekilişimize katılmak için gereken zorunlu şartlar;
- Limonian Facebook Sayfasını beğenmek
- Amigurumi Aşkına ve Kozmik Kafe bloglarımı takip etmeniz.(Blog isimlerine tıklayın.)

Ek hak getiren şartlar ise;
- Bu yayını görsel ile birlikte blogunuzda paylaşmak  +2 hak
- Facebook'ta paylaşmak +2 hak
- İnstagramda profilimdeki çekiliş resminin üzerinde yazılı şartlarla paylaşmak +2 hak

Son olarak  takip ettiğiniz isimleri ve mail adresinizi yorum olarak bu yayının altına bırakmanızı istiyorum. Bunun dışında ek hak için şartları yerine getirdiyseniz, ilgili linkleri de yorum içerisine eklemelisiniz.

Tamamen doğal içerikli, cildinize nefes aldıracak bu ürünü kazanmak için son katılım günü 31 Temmuz 2014..
Bol şans diliyorum..

NOT: Kargo firmaya aittir,çekiliş blogları kampanyaya dahil değildir.

ÖNEMLİ UYARI : Lütfen çekiliş şartlarını kontrol ederek yorumunuzu bırakınız, çünkü ben liste hazırlarken tek tek kontrol ediyorum,kimseye haksızlık olmaması için, zorunlu şartları yerine getirmeyen katılımcıları mecburen çekilişe dahil edemeyeceğim.

DEĞİŞİKLİK: zorunlu şartlar arasından instagram hesabını beğenme çıkarılmıştır,sevgiler..
Devamını oku...

16 Temmuz 2014

Pûrnem Amigurumi Doğa Bebek



Merhabalar Dostlar,
Sizlere daha önce Pûrnem firmasından ve doğal kozmetik ürünlerinde bahsetmiştim. Ürünlerini severek kullandığım firma blogumda oyuncaklarımı görüp beğenmişler. Ve kendileri için de bir amigurumi bebek örmemi istediler. Bu istekleri beni çok çok mutlu etti..Hem oyuncaklarımı beğenmiş olmaları hem de onlar için bu şekilde bir çalışma hazırlayacak olmam beni çok heyecanlandırdı.. 
Biraz düşünüp taşındıktan sonra onlar için şöyle sevimli, firmalarının sloganı ile uyumlu doğal bir bebek örmeye karar verdim. Küçük  bebeğimizin renklerini  Pûrnem firmasının logo renklerinde çalıştım.. Minik sevimli bir kız oldu. İsmini de renkleri ve temasına uygun olsun diye Doğa Bebek dedim.
Çalışmamın beğenilmesi de ayrı bir mutluluk oldu benim için..
Şimdi sırada bu bebeği örerken başından beri beni takip eden ve aynısından isteyen kızımın siparişinde.. Yalnız küçük hanım rengarenk peruklar ve elbiseler istiyor.. Bana kolay gelsin :))

Hepinize mutlu, huzurlu bir gün diliyorum..
Sevgiler...
Devamını oku...

Limonian Angel's Powder Yüz Temizleyici


Merhabalar,
Limonian firmasından ve Güney Kore'den ithal ettiği kozmetik ürünlerinden buradaki yayınımda bahsetmiştim.
Ben bu ürünlerden Angel's Powder Yüz Temizleyiciyi tam 1 aydır her gün düzenli olarak kullandım ve bugün sizlerle ürün ile ilgili yorumlarımı paylaşacağım.
Öncelikle Limonian'ın ürün ile ilgili verdiği bilgileri aktarmak istiyorum.






Ürün toz halinde elinize bir miktar döküp köpürttükten sonra cildinize birkaç dakika masaj yaparak uyguluyorsunuz. Verdiği temizlik hissinden çok memnun kaldım..Ayrıca yüzümde kaşıntı, kızarıklık veya döküntü yapmadı.. Yüzünüzdeki makyajı, kiri çok iyi çıkarıyor. Böyle bir ürünün doğal içeriğe sahip olması çok çok önemli , çünkü her gün cildinizi temizlemeniz şart.. Yalnız benim cildim çok kuru olduğu için  akabinde hemen nemlendirici kullanıyorum. Çünkü yüzüm geriliyor..
Ürünü bir aydır kullanmama rağmen hala yarısına bile gelemedim, oldukça bereketli.. Ürünün tam etkisini görmek için uzunca bir zaman daha kullanmam gerekiyor, bittiğinde tekrar bir yayın hazırlayacağım, o zamana kadar etkilerini gözlemleye devam ederim.

Siz de Angel's Powder Yüz Temizleyici satın almak isterseniz, Limonian.com dan online siparişinizi verebilirsiniz.
Mutlu,sağlıklı günler diliyorum...


Devamını oku...