tag:blogger.com,1999:blog-83950379749389648022024-03-06T23:01:27.734+03:00 Blogger Blogspot Temaları, CSS, HTML Kodları, SEO Makale, Widgets, Eklentiler - Yüksel DumanArama motorlarında yükselmek, blog açma, blogspot açma, blogspot seo ayarı, seo makale, blogspot temaları, blogger eklentileri, blogger widget, teknoloji haberleri, blogger html kodları, makale yazmak, makale çeşitleri, teknoloji inceleme, site ekle, seo optimizasyonu, zayıflama yöntemleri, reklam veren siteler, bilgisayar hızlandırma, blog dayanışmaYüksel Dumanhttp://www.blogger.com/profile/08139362453018366237noreply@blogger.comBlogger130125tag:blogger.com,1999:blog-8395037974938964802.post-51519406545693246912020-03-01T13:43:00.001+03:002020-03-01T13:43:41.626+03:00Geyik Testinde Takla Atan En Kötü Arabalar (moose test best fail)<iframe allowfullscreen="" frameborder="0" height="270" src="https://www.youtube.com/embed/r30_sBi1f3M" width="480"></iframe>Yüksel Dumanhttp://www.blogger.com/profile/08139362453018366237noreply@blogger.com0tag:blogger.com,1999:blog-8395037974938964802.post-39806901540417656032019-12-28T23:34:00.001+03:002019-12-28T23:34:32.455+03:00Erkek Kangal Köpeği eğitimi (Az kalsın postu deldirecektik)<iframe allowfullscreen="" frameborder="0" height="344" src="https://www.youtube.com/embed/DwTlHbGNUmk" width="459"></iframe>Yüksel Dumanhttp://www.blogger.com/profile/08139362453018366237noreply@blogger.com2tag:blogger.com,1999:blog-8395037974938964802.post-15914074707329369032018-11-17T21:43:00.001+03:002018-11-17T21:49:00.287+03:00EKSKAVATÖR KAZASI Büyük acemilik ve ihmal<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJy5x7yCtbepdRCLuVP89JHL_85BQweLPKysYd82kDxE1_BY9PEHRhjb6dHJQal68ZrF3_bth5fDphg6_5W_phgjY-ODwwnoEtBj6i7lwEyPLASIfV4Z_G7OT2NqWB_KL21LKj9cmme4I/s1600/ekskavat%25C3%25B6r.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="436" data-original-width="693" height="201" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJy5x7yCtbepdRCLuVP89JHL_85BQweLPKysYd82kDxE1_BY9PEHRhjb6dHJQal68ZrF3_bth5fDphg6_5W_phgjY-ODwwnoEtBj6i7lwEyPLASIfV4Z_G7OT2NqWB_KL21LKj9cmme4I/s320/ekskavat%25C3%25B6r.jpg" width="320" /></a></div>
<br />
<br />
<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="270" src="https://www.youtube.com/embed/N-ShznsgyRI" width="480"></iframe>Yüksel Dumanhttp://www.blogger.com/profile/08139362453018366237noreply@blogger.com2tag:blogger.com,1999:blog-8395037974938964802.post-72857608523582520922018-02-05T21:50:00.000+03:002018-02-05T21:50:22.431+03:00CANLI BOMBA ŞAKASIDeğerli takipçilerim ve sevgili okurlar<br />
Uzun bir aradan sonra blogumu çok ihmal ettim. Bu arada haliyle sizleri de özledim.<br />
Yeniden birlikteyiz.<br />
Biraz gülelim ya da tebessüm edelim gerçi ben kahkahaya boğuldum izlerken :))<br />
İnternette bulduğum bu video beni çok güldürdü umarım sizide güldürebilir<br />
iyi seyirler..<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.blogger.com/video.g?token=AD6v5dygMpVfqLee_FZ_sC9kv22W5AJsTKQtzlgE3alZnRSnc5uqJxwXEg6rahrvlItxq8vSZZ-aqOFqa2Wn-i9aOQ' class='b-hbp-video b-uploaded' frameborder='0'></iframe></div>
<br />Yüksel Dumanhttp://www.blogger.com/profile/08139362453018366237noreply@blogger.com0tag:blogger.com,1999:blog-8395037974938964802.post-6765992763630912702017-06-01T19:46:00.000+03:002017-06-01T19:46:35.869+03:00YÜREĞİMİZE ATEŞ DÜŞTÜ 13 ŞEHİTÇoğunluğu üst rutbeli subayların bulunduğu helikoter elektrik tellerine takılıp düştü. Acımız ve kaybımız büyüktür.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-aIEfGEMv2Rw/WTBEqqHK5EI/AAAAAAAAD_8/R5KmhTRgJjYmNAxBTEhtVtCpK8D5bp38wCLcB/s1600/20170601_193908.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1600" data-original-width="1200" height="320" src="https://4.bp.blogspot.com/-aIEfGEMv2Rw/WTBEqqHK5EI/AAAAAAAAD_8/R5KmhTRgJjYmNAxBTEhtVtCpK8D5bp38wCLcB/s320/20170601_193908.jpg" width="240" /></a></div>
<br />
<br />
Az önce haberlerden izledim inanın resmen ağladım göz yaşlarımı tutamadım.<br />
Ruhunuz şad olsunYüksel Dumanhttp://www.blogger.com/profile/08139362453018366237noreply@blogger.com2tag:blogger.com,1999:blog-8395037974938964802.post-47945927632790186142017-03-21T15:56:00.000+03:002017-03-21T15:56:18.002+03:00Blogger'a yeni temalar geldiMerhaba blog dostları Blogger'a yeni temalar geldi. mobilden girdiğim için temaları deneyemedim. Sizler kontrol panelinden temalar sekmesine tıklayarak bakabilirsiniz. Görüşmek üzere sevgiyle kalın....Yüksel Dumanhttp://www.blogger.com/profile/08139362453018366237noreply@blogger.com11tag:blogger.com,1999:blog-8395037974938964802.post-29732360150507008962017-02-07T00:25:00.003+03:002017-02-07T00:25:52.150+03:00DİZEL MOTOR ÖMRÜ KAÇ KMDizel motorlar yapısı gereği benzinli motorlardan çok farklıdırlar.
Dizel motor Alman mühendis Rudolf Diesel tarafından 1892 yılında bulunmuştur. Güçlü motor blokları daha sağlam pistonlar ile benzinli motorlardan
ayrılırlar. Pistonlar, yakıt ve hava karışımı değil sadece hava ile çalışmaktadır. Benzinli motorlara oranla daha yüksek verime sahiptir.
Yakıt tasarrufu benzinliye göre çok öndedir. Yani aynı miktarda yakıt ile iki kat kilometre yol yapılabilir.
Peki bu <b><a href="http://yuksel-duman.blogspot.com/2017/02/dizel-motor-omru-kac-km.html">dizel motor ömrü kaç km</a></b> dir?
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjd3EiWdF8c-ZsApYX1ZJtEuc0viRytKV83aVWUSZ-civ2qudouYPa2GDfK6mDa_fjYj5DEiiROuWnAo3l1G8pihd2I1tW7xGb6CJhZOSvjzCydLku2tJ-Y-U5A83HMUJkE3r2djcLcR4/s1600/dizel+motor.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjd3EiWdF8c-ZsApYX1ZJtEuc0viRytKV83aVWUSZ-civ2qudouYPa2GDfK6mDa_fjYj5DEiiROuWnAo3l1G8pihd2I1tW7xGb6CJhZOSvjzCydLku2tJ-Y-U5A83HMUJkE3r2djcLcR4/s320/dizel+motor.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
Bu soru için kesin bir cevap vermek yanlış olur değerli arkadaşlar. Dizel motorun ömrü tamamen kullanıcıya bağlıdır. Bakımları zamanında yapılmış yağı, suyu aksatılmadan değiştirilmiş, araç üreticisinin tavsiye ettiği yağ kullanılmış olan bir <b>dizel motorun ömrü</b> uzun olacaktır.<br />
Bunlara ek olarak kullandığımız <b>dizel motor yağı numaraları</b> da motor ömrü için önem taşır.<br />
Üretici fabrikanın uygun gördüğü motor yağı ve numarası dikkate alınarak yağ seçimi yapılmalıdır.<br />
Bu değer yaşadığınız bölgeye göre biraz değişiklik gösterebilir. Mesela soğuk bir yerde yaşıyorsanız<br />
yağ seçiminiz ince numaralı yağ kullanılabilir. Sıcak bir yerde iseniz biraz daha kalın numaralı yağlar kullanılabilir.<br />
Burada kafanız karışmasın arkadaşlar. Üreticinin tavsiye ettiği yağın incesi ve kalınından bahsediyorum. İşte tüm bunlar dizel motorumuzun ömrünü uzatan hayati özelliklerdir.<br />
Ek olarak kullanım hataları dizel motorun ömrünü uzatıp kısaltabilir.<br />
<br />
<b>Dizel araç nasıl kullanılır</b><br />
<br />
Dizel motorlar benzinliye göre biraz daha ilgi isterler daha hassastırlar. Motoru çalıştırırken, dururken dikkat edilmesi gereken basit ama dizel motor için hayati önem taşıyan eylemler vardır. Bu kurallara uyulduğu takdirde motor rektefiye girmeden çok daha uzun kilometreler yapılabilir.<br />
<br />
<b>Dizel motor nasıl anlaşılır</b><br />
<b><br /></b>
Bir aracın dizel olduğunu nasıl anlayabiliriz. Araçların genellikle arka tarafında yazar. Bunlar birkaç<br />
harften kısa olarak yazılmaktadır. DCİ, CRDİ, TDİ gibi yazılar varsa araçta o aracın dizel motora sahip olduğunu gösterir.<br />
Konuya eklemek istedikleriniz varsa yazabilirsiniz. Sevgiyle kalın...<br />
<br />Yüksel Dumanhttp://www.blogger.com/profile/08139362453018366237noreply@blogger.com9tag:blogger.com,1999:blog-8395037974938964802.post-73109822644503540242017-02-02T18:28:00.002+03:002017-02-02T18:28:15.230+03:00KIŞ LASTİĞİKışın araç kullanmak için dikkat etmeniz gereken en önemli özelliklerden biri kış lastiği kullanmaktır.<br />
Can güvenliğiniz için bu oldukça önem taşır. Bir aralık itibarı ile takılması zorunludur.<br />
<br />
<b>Kış lastiğini neden takmalıyız</b><br />
<br />
herhangi bir kazaya sebebiyet vermemek ve can güvenliğimiz için takmalıyız.<br />
<br />
<b>Kış lastiği neye yarıyor</b><br />
<b><br /></b>
Formülündeki özel bileşenler sayesinde diğer yaz lastiğinde çok farklıdır. Bu lastiğin hamuru farklı ve yumuşaktır. Kanalları geniş üzeri vakumlu olması karlı yollarda tutunmayı arttırıyor. Yumuşak yapılı hamuru sayasinde kaymayı en aza indirir. Kanallarının geniş olması karda, çamurda ıslak zeminde yola sağlıklı tutunmayı sağlıyor.<br />
<br />
<b>Lastiğin kış lastiği olduğunu nasıl anlarız</b><br />
<b><br /></b>
Lastik yanağında M+S ve kar simgesi olmalıdır.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-A9fBjvdmcOs/WJNN6mYqL2I/AAAAAAAAD_E/VxPrMULg8h4ad94O1ymj_jh5mPBP7tMhQCLcB/s1600/k%25C4%25B1%25C5%259F%2Blasti%25C4%259Fi.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="196" src="https://2.bp.blogspot.com/-A9fBjvdmcOs/WJNN6mYqL2I/AAAAAAAAD_E/VxPrMULg8h4ad94O1ymj_jh5mPBP7tMhQCLcB/s320/k%25C4%25B1%25C5%259F%2Blasti%25C4%259Fi.jpg" width="320" /></a></div>
<br />
<br />
Yukarıda görüldüğü gibi kar simgesi ve M+S olması gereklidir. Bu simgelerin herhangi birinin ve her ikisinin olması kışın kullanıma uygundur anlamına gelmektedir.<br />
Güvenliğimiz için kış lastiği kullanalım. Kazasız belasız yollar dileğimle sağlıcakla kalın<br />
<br />Yüksel Dumanhttp://www.blogger.com/profile/08139362453018366237noreply@blogger.com4tag:blogger.com,1999:blog-8395037974938964802.post-78193087614231114612016-12-01T22:52:00.000+03:002016-12-01T22:52:07.754+03:00BLOG TARİHİNİN HATASISevgili bloggerlar ve değerli takipçiler, ziyaretçiler herkese kucak dolusu sevgilerimi sunarım.<br />
Blogu olanlar ile ilgili bir yazı yazıyorum. Sanırım blogcu arkadaşların dikkatini çekmiştir.<br />
Tamam hemen 'bu adam yine saçmalıyor' demeyin :)<br />
Neden mi bahsediyorum?<br />
Efendim Blogger kontrol panelinden. Blogger kontrol panelini açtığımda karşıma çıkan o kötü yenilenmiş görüntüsü. Bu yeni arayüzü ile bir kere yorumlar hiç görünmüyor. Önceden ana sayfada yorumlar direk varsa görünüyordu. Daha akıcı ve göze hoş geliyordu. Hele ki sarı renkte denetleme bekleyen bilmem bu kadar yorum var şeklinde idi. Bence çok daha iyiydi eski hali neden değişti<br />
bilmiyorum ama bence bu bir hata.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-dK9Vy14AILE/WEBxfbb90oI/AAAAAAAAD-o/Sn3-l93zuCsX1TjbFSRfKHBTcncPd7-PwCEw/s1600/BLOGGER.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://2.bp.blogspot.com/-dK9Vy14AILE/WEBxfbb90oI/AAAAAAAAD-o/Sn3-l93zuCsX1TjbFSRfKHBTcncPd7-PwCEw/s1600/BLOGGER.jpg" /></a></div>
<br />
Yeni arayüz ile alt sekmeden yorumlara tıklayarak anca ulaşa biliyoruz. Sizi bilmem ama ben bazen unutuyorum oraya tıklamayı. Ayriyeten ana sayfa yok giriş yapıldığında direk yayınlar çıkıyor.<br />
<br />
Bu konuda sizler de düşünüyorsunuz? Eskisi mi iyi şimdiki hali mi?<br />
Sevgiyle kalın...Yüksel Dumanhttp://www.blogger.com/profile/08139362453018366237noreply@blogger.com24tag:blogger.com,1999:blog-8395037974938964802.post-92215760895613336342016-05-21T21:53:00.000+03:002016-05-21T21:53:01.896+03:00Berat Kandiliİçinde bulunduğumuz Şaban ayının 14. gününü 15. güne bağlayan gece Berat Gecesidir.<br />
<a href="http://yuksel-duman.blogspot.com/2016/05/berat-kandili.html">Berat Kandili</a> İslam Dini'nde kutsal kabul edilen önemli gecelerdendir. Osmanlı İmparatorluğu'nda<br />
ikinci Selim'den itibaren minarelerde kandil yakılmasıyla kandil adını almıştır.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZr5dhmUmPG2ONIU1wXJWVlb5Nupco0BMMYjKz0WGw7uHUhOTv5olAzxSWUk8mL4xhnbRZ-mglHTqjz1800H_ZveCHohbiyc5Fj2e7dqk1O_tjILC9ZNgn64Ij-pVyGvX815_p2tiEpmc/s1600/berat+kandili.Jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="220" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZr5dhmUmPG2ONIU1wXJWVlb5Nupco0BMMYjKz0WGw7uHUhOTv5olAzxSWUk8mL4xhnbRZ-mglHTqjz1800H_ZveCHohbiyc5Fj2e7dqk1O_tjILC9ZNgn64Ij-pVyGvX815_p2tiEpmc/s320/berat+kandili.Jpeg" width="320" /></a></div>
<br />
<br />
Berat Kandili Şaban ayının yarısı, Ramazan'ın müjdecisidir. Borçtan, suç ve cezadan, hastalıktan kurtulma, günahlardan arınma beraat etme, ilahi affa ve rahmete nail olmaktır.<br />
Berat; kırılan kalpleri onarma, kin, nefret ve intikam duygularını aşma günüdür. Her türlü kötülüklerden temizlenme ve arınma gecesidir. Yüce Allah'ın affına erişebilmek için yaradılanı effetme gecesidir.<br />
<br />
Hz. Peygamber Efendimiz şöyle buyurur: ''Şaban ayının 15. gecesini ibadet ederek geçirin. Gündüzün de oruç tutun. çünkü Yüce Allah bu gece dünya semasına rahmetiyle tecelli eder ve ''Yok mu tövbe eden tövbesini kabul edeyim! Yok mu şifa isteyen şifa vereyim! Yok mu rızık isteyen rızık vereyim!<br />
Yok mu başka isteği olan ona da istediğini vereyim''<br />
(İbn Mâce, Sünen, ''İkâmetü's-salât'', 191.)Yüksel Dumanhttp://www.blogger.com/profile/08139362453018366237noreply@blogger.com3tag:blogger.com,1999:blog-8395037974938964802.post-61480541121582197992016-05-08T17:40:00.003+03:002016-05-08T17:40:41.920+03:00Melek Annelerin GünüHayatımızdaki değeri ölçülemeyen tüm annelerin anneler günü kutlu olsun.Lütfen annelerimizi üzmeyelim. Kalplerini kırmayalım sevgili dostlarım.<br />
Bu anlamlı günde annenize ne aldınız? Ben çiçek aldım annem çok sever :)<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKqVoMgd-DzQMCXEMPArU9UdSQxC_gzUGPCqrmxc6d_9-d_ebRCBZX8VfhHjeqPSw9fhzIjofpuJUUUubWrqZqfeMux5mRtUcxVTeQmGEowIPSoQ6q_8kkuNGNKoNmR6XOKUKsJaM497U/s1600/Annelerg%25C3%25BCn%25C3%25BC.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="225" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKqVoMgd-DzQMCXEMPArU9UdSQxC_gzUGPCqrmxc6d_9-d_ebRCBZX8VfhHjeqPSw9fhzIjofpuJUUUubWrqZqfeMux5mRtUcxVTeQmGEowIPSoQ6q_8kkuNGNKoNmR6XOKUKsJaM497U/s320/Annelerg%25C3%25BCn%25C3%25BC.jpg" width="320" /></a></div>
<br />
Yazacak çok şeyler var ama kelimeler yetersiz kalır.Sevgiyle kalın şimdilik...<br />
<br />Yüksel Dumanhttp://www.blogger.com/profile/08139362453018366237noreply@blogger.com0tag:blogger.com,1999:blog-8395037974938964802.post-89872336186867373122016-05-01T22:24:00.001+03:002016-05-01T22:24:14.878+03:00BLOGSPOT HTTPS GÜNCELLEMESİ GECİKTİMerakla beklediğimiz Blogger'ın HTTPS güncellemesi öyle sanıyorum ki gecikmiş durumda.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg99GutOueYNKolfv9MzUUs3ZNYGmkdInpijhbscJ_2XDmkfA4iTkhA_Ih-lcaufeGPA7ObP5vEzgQFrRj8e1lGI6Is8F0PR7SikHBK64yxoJs4-T9wE1AfSt5GMNfloZoUy4jDYIMuP-g/s1600/blogspot+https+g%25C3%25BCncellemesi.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="31" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg99GutOueYNKolfv9MzUUs3ZNYGmkdInpijhbscJ_2XDmkfA4iTkhA_Ih-lcaufeGPA7ObP5vEzgQFrRj8e1lGI6Is8F0PR7SikHBK64yxoJs4-T9wE1AfSt5GMNfloZoUy4jDYIMuP-g/s320/blogspot+https+g%25C3%25BCncellemesi.jpg" width="320" /></a></div>
<br />
Yukarıda gördüğünüz ileti blogger kontrol panelimizde dikkatinizi çekmiştir.Bir süredir ''nisan ayının sonunda HTTPS sürümü sizlerle'' diye uyarısı halen durmaktadır.Bu gün itibarı ile mayıs ayına girdik ama halen beklenen güncelleme gerçekleşmedi. Herhalde biraz rotar yapacakmış gibi görünüyor<br />
ne dersiniz :)Yüksel Dumanhttp://www.blogger.com/profile/08139362453018366237noreply@blogger.com3tag:blogger.com,1999:blog-8395037974938964802.post-14385641378161740702016-04-23T00:54:00.000+03:002016-04-23T00:54:15.278+03:0023 Nisan Ulusal Egemenlik ve Çocuk BayramıBugün Türkiye Cumhuriyeti ve Kuzey Kıbrıs Türk Cumhuriyeti'nin resmi tatili ve çocuk bayramıdır.<br />
Ulu önder Atatürk, bu günü sevgili çocuklarımıza armağan etmiştir.<br />
Dünyada çocuklar için armağan edilmiş bir resmi bayram başka yoktur.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2ucXIsR-CCJYBQsosxqAYTysHrEg456U0onTHvzT5wYK9cOEHF3OqGlzgKT23QUO_8v7cTc-956w_iY12LyV1N9-dxooYjbs56yz6tJAu70Y2mHmHt_Q43bHnj2UpRbwWepk456zihwA/s1600/23nisan.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="265" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2ucXIsR-CCJYBQsosxqAYTysHrEg456U0onTHvzT5wYK9cOEHF3OqGlzgKT23QUO_8v7cTc-956w_iY12LyV1N9-dxooYjbs56yz6tJAu70Y2mHmHt_Q43bHnj2UpRbwWepk456zihwA/s320/23nisan.jpg" width="320" /></a></div>
<br />
1980 darbesi döneminde Milli Güvenlik Konseyi bu bayrama resmi olarak ''23 Nisan Ulusal Egemenlik ve Çocuk Bayramı'' adını vermiştir. Tüm çocuklara kutlu olsun.Yüksel Dumanhttp://www.blogger.com/profile/08139362453018366237noreply@blogger.com1tag:blogger.com,1999:blog-8395037974938964802.post-25505137210554148132016-04-11T07:44:00.001+03:002016-04-11T07:44:27.712+03:00BUGÜN BENİM DOĞUM GÜNÜM<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg99eWV1httxAPusObMgA4mXVOmxvoTtg7NQyX_GO6GMyZz7prMFtB5nMtGsIdh8bkyMpJYk7ISpGgVFj7r2XWi-awvMM-K2ac2SJzuI9VrRlM7CrV6yI7l4geCfXfkwjg3Md4iXK4DNsw/s1600/images.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg99eWV1httxAPusObMgA4mXVOmxvoTtg7NQyX_GO6GMyZz7prMFtB5nMtGsIdh8bkyMpJYk7ISpGgVFj7r2XWi-awvMM-K2ac2SJzuI9VrRlM7CrV6yI7l4geCfXfkwjg3Md4iXK4DNsw/s1600/images.jpg" /></a></div>
<br />Yüksel Dumanhttp://www.blogger.com/profile/08139362453018366237noreply@blogger.com11tag:blogger.com,1999:blog-8395037974938964802.post-90911922911740567832016-04-07T22:07:00.001+03:002016-04-07T22:07:25.603+03:00Regaip Kandili<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3UOLULlxKoTEo5FJmv8e6gBelRviJXXJOwzMWsjhM3xusYibzqEXNqoRAD6kuXFFY_NaqcotEDaMGUq_m5DrRjgRZkCWj4tQ-VzvZK521-4wl1_8oFz50wVHjRGHnDBUn_atlaCyeK4Y/s1600/regaib-kandili.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="255" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3UOLULlxKoTEo5FJmv8e6gBelRviJXXJOwzMWsjhM3xusYibzqEXNqoRAD6kuXFFY_NaqcotEDaMGUq_m5DrRjgRZkCWj4tQ-VzvZK521-4wl1_8oFz50wVHjRGHnDBUn_atlaCyeK4Y/s320/regaib-kandili.jpg" width="320" /></a></div>
<br />Yüksel Dumanhttp://www.blogger.com/profile/08139362453018366237noreply@blogger.com2tag:blogger.com,1999:blog-8395037974938964802.post-8532944961150483082016-03-31T03:48:00.000+03:002016-04-09T04:43:17.380+03:00Harika Tasarımlı Blogger Boutique templateMerhaba sevgili okurlar!<br />
Yine güzel bir tema paylaşımıyla sizlerleyim. Temanın adı <a href="http://yuksel-duman.blogspot.com/2016/02/harika-tasarml-blogger-boutique-template.html">Boutique</a> özellikle bayan blogger arkadaşlarımızın ilgisini çekeceğini düşünüyorum. Tabi aslında herkes kullanabilir. Karar vermek size kalmış :)<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDPMhJ-SQfKTs1Jo8Lf5_7h023NQXi6w2HPJsc8JkTW_6waMJLFNSivL3eBvBbl7Jq8VRuCAVoY8nG96cf11EVHQdOid8jd-XdGFv1QE0YiGiT9ZxbAhiNTpMFeuteRWo5__tm4c5_Dps/s1600/boutique+template.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDPMhJ-SQfKTs1Jo8Lf5_7h023NQXi6w2HPJsc8JkTW_6waMJLFNSivL3eBvBbl7Jq8VRuCAVoY8nG96cf11EVHQdOid8jd-XdGFv1QE0YiGiT9ZxbAhiNTpMFeuteRWo5__tm4c5_Dps/s320/boutique+template.jpg" title="boutique template" width="247" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">boutique</td></tr>
</tbody></table>
<br />
Özetle tema özelliklerinden söz etmek istiyorum. İncelemem sonucu temada şık bir slider var.<br />
Kategori görünümlü postlar var.<br />
Bolca açılır menüleri var. Tabi bolbol konular, kategoriler ekleme imkanınız var demektir.<br />
Tasarımının güzel olmasıyla beraber biraz daha farklı çizgileri aşmış özgün bir dizayna sahip.<br />
Renklerin uyumu oldukça güzel. Yazı sitilleri rahat okunabilir nitelikte.<br />
Footer kısmına yine gadgetler ekleyebilirsiniz.<br />
Daha iyi incelemeniz için canlı demo bağlantısı ekledim. Buyrun<br />
<br />
<div id="wrap">
<a class="btn-slide" href="http://boutique-soratemplates.blogspot.com/" target="_blank">
<span class="circle"><i class="fa fa-rocket"></i></span>
<span class="title">Demo</span>
<span class="title-hover">Canlı Demo</span>
</a>
<a class="btn-slide2" href="https://yadi.sk/d/5cwtGsfVoCYSJ" target="_blank">
<span class="circle2"><i class="fa fa-download"></i></span>
<span class="title2">Download</span>
<span class="title-hover2">Tıkla indir</span>
</a>
</div>
<br />Yüksel Dumanhttp://www.blogger.com/profile/08139362453018366237noreply@blogger.com10tag:blogger.com,1999:blog-8395037974938964802.post-51042542594930096622016-03-21T22:44:00.000+02:002016-04-09T04:56:10.100+03:00ŞU AN BLOGUMDA KULLANDIĞIM AÇILIR MENÜ KODLARIBlog yayınlarınızın karmaşadan kurtulup daha derli toplu olması için açılır menü eklemeniz çok faydalı olacağı kanısındayım. Şu an bu blogumda kullandığım <a href="http://yuksel-duman.blogspot.com/2016/03/su-blogumda-kullandigim-acilir-menu.html">açılır menü kodları</a>nı paylaşıyorum.<br />
Böylece blogda gezinti daha akıcı ve daha kolay olmasını sağlanmış olacaktır.<br />
Ziyaretçiler aradığını çok daha kolay bulabilecekler. Sayfalarınız daha çık tıklamış olacaktır.<br />
Daha düzenli ve profesyonel bir görünüm kazanmış olacak blogunuz.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL0HQsmbkaq49RibN9rPN_GwVShZon79yDmjZvVWF_N3kSYm1fuCWFhzWuCs1fV6nTvG5KjhEl_HTgKTC6CftWqZURHoCpkg2kEn_b583zfy5miQy67IcJZXGqyd1ohjfYdPuRq-nsk0s/s1600/A%25C3%25A7%25C4%25B1l%25C4%25B1r+men%25C3%25BC.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="172" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL0HQsmbkaq49RibN9rPN_GwVShZon79yDmjZvVWF_N3kSYm1fuCWFhzWuCs1fV6nTvG5KjhEl_HTgKTC6CftWqZURHoCpkg2kEn_b583zfy5miQy67IcJZXGqyd1ohjfYdPuRq-nsk0s/s320/A%25C3%25A7%25C4%25B1l%25C4%25B1r+men%25C3%25BC.jpg" width="320" /></a></div>
<br />
<br />
Neyse dostlarım uzatmadan anlatıma geçelim :)<br />
<br />
Bildiğiniz gibi Blogger'a giriş yapıyoruz.<br />
Şablon sekmesine tıklayıp, HTML'yi Düzenle diyoruz. Sonrasında blogun kodlarına ulaşmış oluyoruz. Burada CTRL+F tuşları yardımıyla aşağıdaki kodu buluyoruz;<br />
<br />
<pre style="background-color: #eeeeee; border: 1px dashed #999999; color: black; font-family: "andale mono" , "lucida console" , "monaco" , "fixed" , monospace; font-size: 12px; line-height: 14px; overflow: auto; padding: 5px; width: 20%;"><code>]]></b:skin></code></pre>
<br />
Bulduğumuz bu kod satırının hemen üzerine aşağıdaki stil kodlarını ekliyoruz.<br />
<br />
<div id="grab-codes">
<textarea cols="50" id="grabbit" rows="5">#menu h2 {display:none}
.menu,.menu h3,.menu a,.menu ul,.menu li {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
:focus { outline: 0 }
.menu ul,.menu li {
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
line-height:21px;
text-align:left; }
.menu h3 {
font-family:Arial, Helvetica, sans-serif;
font-weight:600;
font-size:14px;
line-height:21px;
margin-top:7px;
margin-bottom:14px;
padding-bottom:7px;
text-shadow: 1px 1px 1px #FFFFFF;
border-bottom:1px solid #888; }
.menu {
list-style:none;
width:900px;
margin:30px auto 0px auto;
height:43px;
padding:0px 20px 0px 20px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background: #1b95e0;
border: 1px solid #1b95e0;
border-top: 1px solid #1b95e0;
background: -moz-linear-gradient(top, #1b95e0, #047DC7);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1b95e0), to(#047DC7)); }
.menu li {
float:left;
text-align:center;
position:relative;
padding: 4px 10px 4px 10px;
margin-right:30px;
margin-top:7px;
border:none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px; }
.menu li:hover {
z-index:2;
background:#F4F4F4;
border:1px solid #aaaaaa;
padding: 4px 9px 4px 9px;
background: -moz-linear-gradient(top, #FFF7EE, #000000);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF7EE), to(#FFEEDD));
-moz-border-radius: 5px 5px 0px 0px;
-webkit-border-radius: 5px 5px 0px 0px;
-khtml-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px; }
.menu li.no_drop:hover {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px; }
.menu li a {
color: #FFFFFF;
outline:0;
text-decoration:none;
display:block;
text-shadow: 1px 1px 1px #000; }
.menu li:hover a { color:#161616; text-shadow: none; }
.menu li .drop {
padding-right:21px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCxi7Bvy8NmL4YRIGexdncnJdNiYZOUe0ansgy__MQFvdf7K5yvjfMHikWNLU9rHMSCxPcAz5iiLPyOsLiMXz4t11n7N51tEvZ8OKII4XRk7bMcF9iS3sJdYh2j0UwyZHyMaG5Mz3XzJQ/s12-Ic42/drop.png) no-repeat right 8px; }
.menu li:hover .drop {
padding-right:21px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCxi7Bvy8NmL4YRIGexdncnJdNiYZOUe0ansgy__MQFvdf7K5yvjfMHikWNLU9rHMSCxPcAz5iiLPyOsLiMXz4t11n7N51tEvZ8OKII4XRk7bMcF9iS3sJdYh2j0UwyZHyMaG5Mz3XzJQ/s12-Ic42/drop.png) no-repeat right 7px; }
.menu li:hover div a { color:#005284; }
.menu li:hover div a:hover { color:#000000; }
.menu li ul li a:hover { color:#FFC488; }
.dropdown_1column,.dropdown_2columns {
margin:4px auto;
position:absolute;
background: #FFF7EE;
border:1px solid #aaaaaa;
border-top:none;
padding:10px 5px 10px 5px;
background: -moz-linear-gradient(top, #1b95e0, #111111);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1b95e0), to(#FFFFFF)); }
.dropdown_1column,.dropdown_2columns {
left:-999em;
text-align:left;
-moz-border-radius: 0px 5px 5px 5px;
-webkit-border-radius: 0px 5px 5px 5px;
-khtml-border-radius: 0px 5px 5px 5px;
border-radius: 0px 5px 5px 5px; }
.dropdown_1column {width: 140px;}
.dropdown_2columns {width: 280px;}
.menu li:hover .dropdown_1column,.menu li:hover .dropdown_2columns{left:-1px;top:auto}
.col_1,.col_2 {
display:inline;
float: left;
position: relative;
margin-left: 5px;
margin-right: 5px; }
.col_1 {width:130px;}
.col_2 {width:270px;}
.menu li ul { list-style:none; padding:0; margin:0 0 12px 0; }
.menu li ul li {
font-size:12px;
line-height:24px;
position:relative;
text-shadow: 1px 1px 1px #ffffff;
padding:0;
margin:0;
float:none;
text-align:left;
width:130px; }
.menu li ul li:hover {background:none; border:none; padding:0; margin:0; }</textarea></div>
<br />
Hemen devamında yine ctrl+f tuşlarını kullanarak aşağıda belirttiğim kod satırını buluyoruz;<br />
<br />
<pre style="background-color: #eeeeee; border: 1px dashed #999999; color: black; font-family: "andale mono" , "lucida console" , "monaco" , "fixed" , monospace; font-size: 12px; line-height: 14px; overflow: auto; padding: 5px; width: 30%;"><code><div class='tabs-outer'></code></pre>
<br />
Hemen üstüne HTML kodlarını yani menülerimizin olduğu kodları ekliyoruz. Sonrasında şablonu kaydetmeyi unutmayın.<br />
<br />
<div id="grab-codes">
<textarea cols="50" id="grabbit" rows="5"><ul class='menu'>
<li class='no_drop'><a href='http://yuksel-duman.blogspot.com/'>Ana Sayfa</a></li>
<li class='no_drop'><a href='http://yuksel-duman.blogspot.com/p/yazar.html'>Hakkımda</a></li>
<li class='no_drop'><a href='http://yuksel-duman.blogspot.com/p/iletisim-formu.html'>İletişim</a></li>
<li class='no_drop'><a href='http://yuksel-duman.blogspot.com/p/arsiv.html'>Arşiv</a></li>
<li class='no_drop'><a href='http://yuksel-duman.blogspot.com/p/ne-dediler.html'>Önerileriniz</a></li>
<li class='no_drop'><a href=''>Destek Ol</a></li>
<li><a class='drop' href='#'>Kategoriler</a>
<div class='dropdown_1column'>
<div class='col_1'>
<ul>
<li><a href=''>Blog Araçları</a></li>
<li><a href=''>Bloger</a></li>
<li><a href=''>Blog Makaleleri</a></li>
<li><a href=''>Blogspot SEO</a></li>
<li><a href=''>Blog İpuçları</a></li>
<li><a href=''>Blogger Eklentileri</a></li>
<li><a href=''>Blogger İpuçları</a></li>
<li><a href=''>Blogger Şablonları</a></li>
<li><a href=''>Miasfir Yazılar</a></li>
<li><a href=''>SEO</a></li>
<li><a href=''>Sosyal Medya</a></li>
</ul>
</div>
</div>
</li>
<li><a class='drop' href='#'>Araçlar</a>
<div class='dropdown_2columns'>
<div class='col_1'>
<h3>
Google Araçları</h3>
<ul>
<li><a href='https://www.google.com/webmasters/tools/mobile-friendly/'>Mobil Uyumluluk</a></li>
<li><a href='http://www.google.com/analytics/'>Google Analytics</a></li>
<li><a href='http://www.google.com/intl/tr/webmasters/'>Google Webmasters</a></li>
<li><a href='https://developers.google.com/speed/pagespeed/insights/'>Google Page Speed</a></li>
</ul>
</div>
<div class='col_1'>
<h3>
Çeşitli</h3>
<ul>
<li><a href='http://yuksel-duman.blogspot.com/p/html-editor.html'>HTML Editor</a></li>
<li><a href='http://yuksel-duman.blogspot.com/p/webmaster-makaleler.html'>WM Makale</a></li>
<li><a href='http://yuksel-duman.blogspot.com/p/misafir-blogculuk.html'>Makaleni Yayınla</a></li>
<li><a href='http://yuksel-duman.blogspot.com/p/tanitim-yazilari.html'>Site Tanıtım</a></li>
</ul>
</div>
<div class='col_1'>
<h3>
Sosyal Medya</h3>
<ul>
<li><a href=''>Facebook</a></li>
<li><a href=''>Twitter</a></li>
<li><a href=''>Google+</a></li>
</ul>
</div>
<div class='col_1'>
<h3>
Linkler</h3>
<ul>
<li><a href=''>Link1</a></li>
<li><a href=''>Link2</a></li>
<li><a href=''>Link3</a></li>
</ul>
</div>
</div>
</li>
</ul>
</textarea></div>
<br />
Sevgili arkadaşlar işlemimiz bu kadar. Açılır menümüz blogumuza eklenmiş oldu.<br />
Takıldığınız yerler olursa lütfen sormaktan çekinmeyin.Yardım ederim.<br />
Sevgiyle kalın...<br />
<br />Yüksel Dumanhttp://www.blogger.com/profile/08139362453018366237noreply@blogger.com19tag:blogger.com,1999:blog-8395037974938964802.post-5362467840530221042016-02-17T20:10:00.000+02:002016-04-26T02:44:52.363+03:00KİŞİYE ÖZEL LOGO VE HEADER YAPILIR<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2YRI6C_TongXN4HkcXyglWDEhQ6mt7lsCLNY71mF_Edn6NSKjRm5Cj9xRTC1TpEzBedA98TZchW5uJ4pcmwZBoy9z9Eo6-kYoyNZMWKfR3fyUkJZoKNTNTW-QVjobhUs1EZ2OoyHMT0o/s1600/Ads%25C4%25B1z.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="266" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2YRI6C_TongXN4HkcXyglWDEhQ6mt7lsCLNY71mF_Edn6NSKjRm5Cj9xRTC1TpEzBedA98TZchW5uJ4pcmwZBoy9z9Eo6-kYoyNZMWKfR3fyUkJZoKNTNTW-QVjobhUs1EZ2OoyHMT0o/s320/Ads%25C4%25B1z.jpg" width="320" /></a></div>
<br />
<br />
Merhabalar değerli okurlarım!<br />
<div>
Blogumun okurlarına mahsus <a href="http://yuksel-duman.blogspot.com/2016/02/kisiye-ozel-logo-ve-header-yapilir.html">kişiye özel logo ve header tasarımı</a> yapmaya karar verdim.<br />
Üstelik bu hizmeti siz değerli okurlarım için ücretsiz olarak sunmaktayım.</div>
<div>
Sahibi olduğunuz blog veya site ismini yorum formundan göndermeniz yeterli olacaktır.<br />
Uygun görülen sitelerin header veya logosu bu başlık altında yayınlanacaktır. Ayrıca sitenizin tanıtımı için de faydalı olacaktır logonuzun burada görünmesi<br />
<br />
Tasarım yapacağım siteleri ziyaret edip sonra header yaptığım için ölçüleri bire bir uyumludur.<br />
Dolayısıyla bloga eklerken 'sığacak şekilde küçült' seçeneğini işaretlemeyin. Bu durum blogunuzda headerin düzgün görünmesi içindir.</div>
<div>
<br /></div>
<div>
<span style="color: red;">Gerekli Şartlar;</span></div>
<div>
<br /></div>
<div>
Müstehcen yayın yapan site ve bloglar kabul edilmeyecek.</div>
<div>
Hack, warez paylaşımı yapan siteler kabul edilmeyecek.</div>
<div>
Siyasi kimliğe bürünmüş siteler kabul edilmezler.</div>
<div>
<br /></div>
<div>
<span style="color: orange;">Lütfen Dikkat!</span></div>
<div>
<br /></div>
<div>
Site ismi bildirirken tıklanabilir link vermekten kaçının.</div>
<div>
<br />
<span style="color: orange;">Nasıl kullanılır?</span><br />
<br />
Resme tıklayın böylece daha büyük yani gerçek ölçüde açılmış olacaktır. Resim üzerine maus sağ tuş ile tıklayıp 'hedefi farklı kaydet' seçerek kaydedin. Kaydettiğiniz resmi web sitenizde kullanın.<br />
<br />
Bloga eklenişi<br />
<br />
Blogger kontrol panelinizde Yerleşim'e tıklayın. Üst tarafta <b>Header</b> başlığı altındaki düzenle yazısına tıklayın. İndirdiğiniz resmi seçip kaydedin. Son olarak sağ üst köşede düzenlemeyi kaydet<br />
Yeni header ve logonuzu güle güle kullanın.<br />
<br />
<br />
<br />
<b><span style="font-size: large;">Kişiye Özel Logo, Header Tasarımlarım:</span></b><br />
<br />
<br />
Kişiye özel - The Social News - Header;<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHCWE09A0kPalGUUJJNE-jr6GMwRkXFDnB5b_of7M6SqRiuTJCoP0vgociStFUwS9u8cok1446Jxt89v5bZQAqeRwn3n_NntdIgaIYRWbHtlUi7WqiXWKI_db77oW96z5A8goADasrX2Y/s1600/Ads%25C4%25B1z.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="64" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHCWE09A0kPalGUUJJNE-jr6GMwRkXFDnB5b_of7M6SqRiuTJCoP0vgociStFUwS9u8cok1446Jxt89v5bZQAqeRwn3n_NntdIgaIYRWbHtlUi7WqiXWKI_db77oW96z5A8goADasrX2Y/s320/Ads%25C4%25B1z.jpg" width="320" /></a></div>
<br />
<br />
Kişiye özel - KurabiyeciMiss - Header;<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC2AFgcqtCtsW5T068cD3JLpy7M8IP5WHJZT3akmmjLm5ey8-oYxwS5g_QT_JSlxW2SEU9DgTYKzP8F2uqyj6_QLNhXzBJTEfAMfXefoQoSUcm28CyGx9DMriuUXPU7xR1LKpcQIM7ino/s1600/kurabiyecimiss.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="83" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC2AFgcqtCtsW5T068cD3JLpy7M8IP5WHJZT3akmmjLm5ey8-oYxwS5g_QT_JSlxW2SEU9DgTYKzP8F2uqyj6_QLNhXzBJTEfAMfXefoQoSUcm28CyGx9DMriuUXPU7xR1LKpcQIM7ino/s320/kurabiyecimiss.jpg" width="320" /></a></div>
<br />
<br />
Kişiye özel - Şeyda'nın Günlüğü - Header;<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBjjOUq2s2ZQecfUu_p06K4LVnKYh8xVrz2eQKbc5YQqh9zvLWDeXpXoo-JdZUaErlue6VcCdViJwJZ8lk1sYgEeOV00RFzIxyukaXkTIl4vqlL2mXA4LnruOyFICC-4ELuBDSCVk5TdQ/s1600/ki%25C5%259Fiye+%25C3%25B6zel+logo+yap%25C4%25B1l%25C4%25B1r.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="110" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBjjOUq2s2ZQecfUu_p06K4LVnKYh8xVrz2eQKbc5YQqh9zvLWDeXpXoo-JdZUaErlue6VcCdViJwJZ8lk1sYgEeOV00RFzIxyukaXkTIl4vqlL2mXA4LnruOyFICC-4ELuBDSCVk5TdQ/s320/ki%25C5%259Fiye+%25C3%25B6zel+logo+yap%25C4%25B1l%25C4%25B1r.png" width="320" /></a></div>
<br />
<br />
Kişiye özel - Bir Defne Masalı - Header;<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIcJZT6S1r5NS8hjrVxuBuGACtDEPMQM7Rah_oskp2hYQEfuwfGbSqgEgWVuK5-SEVk9Cy1kfcZZv1NtjNSy3vdBupUAjsPFUT5xPTfcQEHShyqpslj_bmH-m9tTaDfSt50g_MyvkJAws/s1600/birdefnemasal%25C4%25B1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="57" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIcJZT6S1r5NS8hjrVxuBuGACtDEPMQM7Rah_oskp2hYQEfuwfGbSqgEgWVuK5-SEVk9Cy1kfcZZv1NtjNSy3vdBupUAjsPFUT5xPTfcQEHShyqpslj_bmH-m9tTaDfSt50g_MyvkJAws/s320/birdefnemasal%25C4%25B1.jpg" width="320" /></a></div>
<br />
<br />
Kişiye özel - İnci'nin Dünyası - Header;<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrQ5SS3SH9UTgYME7mE1V2rMp7tKsLumittqzwn53HIx50ViaZ8ZlfMJVojkGKby1WbfvjmqmuBQUHYa3B6ZQg0E9ObBIR4XyB37KGdvNL96BkyyIouJfepONRs3aD4BMlsaSYOnG38eI/s1600/ki%25C5%259Fiye+%25C3%25B6zel+header+tasar%25C4%25B1mlar%25C4%25B1m.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="76" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrQ5SS3SH9UTgYME7mE1V2rMp7tKsLumittqzwn53HIx50ViaZ8ZlfMJVojkGKby1WbfvjmqmuBQUHYa3B6ZQg0E9ObBIR4XyB37KGdvNL96BkyyIouJfepONRs3aD4BMlsaSYOnG38eI/s320/ki%25C5%259Fiye+%25C3%25B6zel+header+tasar%25C4%25B1mlar%25C4%25B1m.png" width="320" /></a></div>
<br />
Kişiye özel - Efsa'nın Serüveni - Header;<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixFl7MQ_xT4RGLb6YJECkvQkT9gY5H1A-ZjCJXT790Ljsl9mhwQBcPpGc2_qgGzDi1ayd6jbOZa9eb-6xLHNqyh2gJsPrX4hC3OzXWi9cOrdPZLdaSni7w18YtneG5mFWglO5QqE-QC0w/s1600/ki%25C5%259Fiye+%25C3%25B6zel+header+tasar%25C4%25B1m.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="51" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixFl7MQ_xT4RGLb6YJECkvQkT9gY5H1A-ZjCJXT790Ljsl9mhwQBcPpGc2_qgGzDi1ayd6jbOZa9eb-6xLHNqyh2gJsPrX4hC3OzXWi9cOrdPZLdaSni7w18YtneG5mFWglO5QqE-QC0w/s320/ki%25C5%259Fiye+%25C3%25B6zel+header+tasar%25C4%25B1m.jpg" width="320" /></a></div>
<br />
Kişiye özel - Hayat Cıvıltısı - Logo<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW4PvgC6lscPqAXeyuQbzkidQtv8_O4mqt5Sl9b25F4OTzGWpEsdRDT_BosH18HsDtXW0I7XqrVpfG6amfcSyE0vphPFO_T1QUK01cAvhywRwWgs1TH2fqWmXbNgBO2aow5y54aL3Rj28/s1600/logo+tasar%25C4%25B1m.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="69" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW4PvgC6lscPqAXeyuQbzkidQtv8_O4mqt5Sl9b25F4OTzGWpEsdRDT_BosH18HsDtXW0I7XqrVpfG6amfcSyE0vphPFO_T1QUK01cAvhywRwWgs1TH2fqWmXbNgBO2aow5y54aL3Rj28/s320/logo+tasar%25C4%25B1m.png" width="320" /></a></div>
<br />
Kişiye özel - Şenay'la Mutfak Keyfi - Logo header<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVcz8BXpSXBDXmRQAOemtSS3LQc6McmTQc15zi91u0LrpHrBjNtMZ_TmBI_ga_EHAWktqZ_Ym9_j8cVLCpvP94K5SEshhMDRoZNfLJy2QDAYdO00u7IatqGrylBlBZtnR-j5_52FzJQ6E/s1600/header+tasar%25C4%25B1m.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVcz8BXpSXBDXmRQAOemtSS3LQc6McmTQc15zi91u0LrpHrBjNtMZ_TmBI_ga_EHAWktqZ_Ym9_j8cVLCpvP94K5SEshhMDRoZNfLJy2QDAYdO00u7IatqGrylBlBZtnR-j5_52FzJQ6E/s320/header+tasar%25C4%25B1m.png" width="320" /></a></div>
<br />
Kişiye özel - Ayna Hikayesi - Header<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXwj-GSdfsYUdpKojtpzR_0VRvjseZqPrpiSJTKiTkyWu2bUelwf_jnCqw58FxHOEoShtecABr01Y31ORGAc_zn6R27aHfMQi7bzBnXjmGDY-35vKVVbWe7TBzmqm8PpZx6U3SkQJEygs/s1600/logo+header+tasar%25C4%25B1m%25C4%25B1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="90" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXwj-GSdfsYUdpKojtpzR_0VRvjseZqPrpiSJTKiTkyWu2bUelwf_jnCqw58FxHOEoShtecABr01Y31ORGAc_zn6R27aHfMQi7bzBnXjmGDY-35vKVVbWe7TBzmqm8PpZx6U3SkQJEygs/s320/logo+header+tasar%25C4%25B1m%25C4%25B1.png" width="320" /></a></div>
<br />
<br /></div>
Yüksel Dumanhttp://www.blogger.com/profile/08139362453018366237noreply@blogger.com79tag:blogger.com,1999:blog-8395037974938964802.post-49708353649328433262016-02-05T01:30:00.001+02:002016-03-30T23:36:42.395+03:00SOĞUK HAVALARDA ARAÇ NASIL ÇALIŞTIRILIR?İçinde bulunduğumuz bu kış günlerinde haliyle havanın soğuk olmasından dolayı araçlarımız çalışmayabilir.<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhewFdvdALEXb0X8bWNWo7JyWNtiMLN1bz0mtJXEszTi6-e6rm_h90-DHdfZM2eKPUHbfF5TKba1-G_Iu7z-nP2Y8dnc5PkErefXJ8sjsL95_xc0sxIDvpBG0eDc6hHtR62MFQCt2Q4ZoE/s1600/k%25C4%25B1%25C5%259F%25C4%25B1n+araba+%25C3%25A7al%25C4%25B1%25C5%259Ft%25C4%25B1rmak.jpg" imageanchor="1"><img border="0" height="171" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhewFdvdALEXb0X8bWNWo7JyWNtiMLN1bz0mtJXEszTi6-e6rm_h90-DHdfZM2eKPUHbfF5TKba1-G_Iu7z-nP2Y8dnc5PkErefXJ8sjsL95_xc0sxIDvpBG0eDc6hHtR62MFQCt2Q4ZoE/s320/k%25C4%25B1%25C5%259F%25C4%25B1n+araba+%25C3%25A7al%25C4%25B1%25C5%259Ft%25C4%25B1rmak.jpg" width="320" /></a><br />
<br />
Sizin de başınıza geldi mi bilmiyorum ama ben yaşadım. Bir gece öyle bir soğuk oldu ki mevsimin en soğuk gecesi diyebilirim. Sıcaklık gece -20 - 25 derecelerde vardı yanılmıyorsam. Anlaşılan bu durumdan pek hoşnut olmamıştı beyaz kızım (arabam) ve haliyle üşümüştü. Sabah birkaç kontak çevirmeme rağmen çalışmamıştı. Ne kadar üzücü bir durum öyle değil mi? Dolayısıyla ben de üzülmüştüm bu duruma.<br />
<br />
Peki <a href="http://yuksel-duman.blogspot.com/2016/02/soguk-havalarda-arac-nasil-calistirilir.html">soğuk havada araba nasıl çalıştırılır?</a><br />
<br />
Aracınız dizel bir araç ise <b>soğuk havalarda</b> kullanmanız daha zor olacaktır. Nedeni ise dizel motorlu arabalar soğukta daha erken kendini bırakırlar. Bunlar mazotun donup akışkanlığını yitirmesi ve katılaşması, mazot filtresinin soğuktan donması hatta yakıt deposunun ve bağlantılı borularının donması olabilir. Ayrıca akünüzün soğuktan kendi kendine deşarj olması aracınızı çalışmamasına neden olan faktörlerdir.<br />
Benzinliler dizel araçlara nazaran daha dirençlidir. Çünkü benzin soğuğa daha dayanıklıdır ve kolay kolay donmaz. Ne yazık ki soğuk hava aküyü boşaltır.<br />
<b>Arabanızı soğuk havalarda kullanabilmek için</b> kapalı bir garaja park etmeniz çok faydalı olacaktır. Tabi imkanınız varsa. Eğer böyle bir imkan yoksa şunları öneriyorum;<br />
<br />
Aracınızı park ettikten sonra her iki saatte bir 10 dakika rolantide çalıştırın.<br />
Bu durumu gece 12- 01'e kadar yapın sonra yatın.<br />
Aracınızı bina önlerine doğru park edin. Yani ön kaput binaya doğru olmalı yada duvar diplerine doğru gelmesi gerek. Bu arada çatıdan düşebilecek buz parçalarına karşı önlem almak amacıyla binanın iki - üç metre gerisine park edin.<br />
Açık ve rüzgarlı alanlara park etmeyin.<br />
Aracın motor kısmı kuzeye doğru olmamalıdır.<br />
Elektrikli ekipmanları devre dışı bırakın. Bunlar araç içi kamera. ektra müzik sistemi gibi şeyleri kışın kullanmayın. Akünüzü daha erken bitirir.<br />
Eğer bu gibi kurallara dikkat edersek <b>kışın aracımızı</b> donmadan aküsü bitmeden kullanabiliriz.<br />
Sanırım aklınıza aküsü biten araç nasıl çalıştırılır sorusu takıldı gibime geliyor. Bunu da başka bir makalemde yazmak dileğiyle şimdilik esen kalın.Yüksel Dumanhttp://www.blogger.com/profile/08139362453018366237noreply@blogger.com8tag:blogger.com,1999:blog-8395037974938964802.post-64215063707654939192016-02-01T21:01:00.000+02:002016-04-09T04:43:28.272+03:00SEO Blogger Template<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6UpyGXo1iIIpOgYoNq1ME0xK08hVOuHCi-3kweLMIUmtMbfcwz3dzsYs_sYpFzWzt5ZDGhGB_T8VvmKFyaIYd73SXPqDE6PIVF9kiz6vzCAOyjOOllAjlieL_K-e8NLiEd6Zc6JlA2bk/s1600/SEO+Blogger+Template.jpg" imageanchor="1"><img alt="" border="0" height="203" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6UpyGXo1iIIpOgYoNq1ME0xK08hVOuHCi-3kweLMIUmtMbfcwz3dzsYs_sYpFzWzt5ZDGhGB_T8VvmKFyaIYd73SXPqDE6PIVF9kiz6vzCAOyjOOllAjlieL_K-e8NLiEd6Zc6JlA2bk/s320/SEO+Blogger+Template.jpg" title="Seo blogger template" width="320" /></a><br />
<br />
<br />
<a href="http://yuksel-duman.blogspot.com/2016/02/seo-blogger-template.html">Seo blogger template</a> kısaca özellikleri;<br />
<br />
SEO hazır<br />
Post RSS ve Comment RSS bağlantıları hazır<br />
Minimalist tema<br />
Sade ve şık dizayn<br />
Sağ yan bar<br />
Sosyal ağ paylaşım butonları<br />
Gadget desteği<br />
Sağ üst köşeye reklam ekleme<br />
Özelleştirilmiş yorumlar<br />
<br />
<br />
<div id="wrap">
<a class="btn-slide" href="http://blogseocu.blogspot.com/" target="_blank">
<span class="circle"><i class="fa fa-rocket"></i></span>
<span class="title">Demo</span>
<span class="title-hover">Live Demo</span>
</a>
<a class="btn-slide2" href="https://yadi.sk/d/dxej2XRto8Y7N" target="_blank">
<span class="circle2"><i class="fa fa-download"></i></span>
<span class="title2">Download</span>
<span class="title-hover2">indir</span>
</a>
</div>
<br />Yüksel Dumanhttp://www.blogger.com/profile/08139362453018366237noreply@blogger.com9tag:blogger.com,1999:blog-8395037974938964802.post-19048035504437448482016-02-01T00:48:00.001+02:002016-03-30T23:57:04.567+03:00Blogger Moments TemaFarklı bir tasarıma sahip olan<a href="http://yuksel-duman.blogspot.com/2016/02/blogger-moments-tema.html"> moments theme</a> oldukça kullanışlı.Renk ve dizayn alışılmışın dışında<br />
umarım bu temayı beğenirsiniz.<br />
Temayı incelemem sonucu sol tarafta statik site başlığı ve menüler yeralmaktadır.<br />
Göze hitap eden dizaynı, okuyucuyu yormayan yazı sitili gibi bazı özellikler mevcut.<br />
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8tmM-jyGhyphenhyphenx05Mdxb-NidKFKu5NjKbygEiWEbraRgHl9Xb11sF1sbTS3vCmoheOMlSRgK0w94dDBY-yULcJghYNm-lYSQnpZAzttNvlO3IVl62-Z7iyNRWUfv7m2FKX_dDr5IRQGTsHI/s1600/Moments.jpg" imageanchor="1"><img border="0" height="161" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8tmM-jyGhyphenhyphenx05Mdxb-NidKFKu5NjKbygEiWEbraRgHl9Xb11sF1sbTS3vCmoheOMlSRgK0w94dDBY-yULcJghYNm-lYSQnpZAzttNvlO3IVl62-Z7iyNRWUfv7m2FKX_dDr5IRQGTsHI/s320/Moments.jpg" width="320" /></a><br />
<br />
<div id="wrap">
<a class="btn-slide2" href="https://yadi.sk/d/9uNS_GgRo5V4G" target="_blank">
<span class="circle2"><i class="fa fa-download"></i></span>
<span class="title2">Download</span>
<span class="title-hover2">Buraya Tıkla</span>
</a>
</div>
<br />Yüksel Dumanhttp://www.blogger.com/profile/08139362453018366237noreply@blogger.com0tag:blogger.com,1999:blog-8395037974938964802.post-21436463985098390792016-01-31T22:07:00.000+02:002016-04-09T03:18:21.515+03:00VideoBox Blogger Template<img border="0" height="221" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWVmbtYFrXo-Zf9YAhuFL1xgxsKrQNApN7G23SWNFGm_LfVfkKkyjQdmvXw0igXKXTz5tmTGTrFfWYdO84SDz1b7ijxyVNcBeGZ7IoPEEXPkkbR7CRMbxrAmgEtzf4sH6KsDGutLsPJX0/s320/videobox.jpg" width="320" /><br />
<br />
<a href="http://yuksel-duman.blogspot.com/2016/01/videobox-blogger-template.html">Videobox blogger video tema</a>sı.. Temanın biraz özelliklerinden bahsedeyim;<br />
Video ve müzik yayını yapan siteler için ideal<br />
Minimalist tema<br />
SEO dostu<br />
Reklam hazır<br />
Clean yazı tasarımı<br />
Hızlı yüklenme<br />
Browser uyumluluk<br />
<a href="http://yuksel-duman.blogspot.com/2016/01/css3-html-drop-down-menu-kodlari.html" target="_blank">Drop down menu</a><br />
Sosyal paylaşım<br />
Sağdan sidebar<br />
Sayfa numaralandırma<br />
<br />
<div id="wrap">
<a class="btn-slide" href="http://videobox-soratemplates.blogspot.com.tr/" target="_blank">
<span class="circle"><i class="fa fa-rocket"></i></span>
<span class="title">Demo</span>
<span class="title-hover">Live Demo</span>
</a>
<a class="btn-slide2" href="https://yadi.sk/d/gA1bX6VEo5JEr" target="_blank">
<span class="circle2"><i class="fa fa-download"></i></span>
<span class="title2">Download</span>
<span class="title-hover2">Tıkla indir</span>
</a>
</div>
<br />Yüksel Dumanhttp://www.blogger.com/profile/08139362453018366237noreply@blogger.com4tag:blogger.com,1999:blog-8395037974938964802.post-79302173889348053472016-01-31T20:37:00.000+02:002016-04-09T04:43:04.757+03:00Blogspot Bloglar için SeoSpot Blogger TemaSeospot Blogger tama. Blog için vazgeçilmez unsurlardan biri de şüphesiz ki temalardır. Bir tema hoşumuza gitti ise onu kendi blogumuza yüklemek ve kullanmak isteyebiliriz. Bir de temanın göze hitap etmesi ve <a href="http://yuksel-duman.blogspot.com/2016/01/blogspot-bloglar-icin-seospot-blogger.html">seo uyumlu tema</a> olması da önem arz eden etkenler arasında.<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBGrWGbPekctS7mxqIEtNbE9BuCz-NS0oMnwFkCRv5Xt0nt14TWy2YabAFymxIm7rGV8nboygsM-y3IJ_-IaUPqFjenOM6S5Jd-UseVycOKMl5nQoT6qW9DUjgi7RGLwUPcWPCLplupag/s1600/seospot.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBGrWGbPekctS7mxqIEtNbE9BuCz-NS0oMnwFkCRv5Xt0nt14TWy2YabAFymxIm7rGV8nboygsM-y3IJ_-IaUPqFjenOM6S5Jd-UseVycOKMl5nQoT6qW9DUjgi7RGLwUPcWPCLplupag/s400/seospot.jpg" /></a><br />
<br />
Bu tema Wordpress teması olup Blogger için dizayn edilmiştir.<br />
<br />
<span style="font-size: large;">SeoSpot Blogger Template Başlıca Özellikleri;</span><br />
<br />
Slider ve slider olmadan kullanabilme (indireceğiniz dosya içinde her iki xml de mevcuttur)<br />
SEO hazır<br />
Reklamlar hazır<br />
Sunucuyu yormayan tema<br />
Sade ve şık dizayn<br />
Profesyonel tema<br />
Şık ve kullanışlı <a href="http://yuksel-duman.blogspot.com/2016/01/css3-html-drop-down-menu-kodlari.html">açılır menü</a> özelliği<br />
Sağ sidebar<br />
Otomatik yazı kısaltma anasayfa kirliliğini engeller<br />
Sosyal medya profil ve paylaşım butonları gibi daha birçok özellikleri vardır.<br />
<br />
<div id="wrap">
<a class="btn-slide2" href="https://yadi.sk/d/FuzvmfOio52WP" target="_blank">
<span class="circle2"><i class="fa fa-download"></i></span>
<span class="title2">Download</span>
<span class="title-hover2">indir</span>
</a>
</div>
<br />Yüksel Dumanhttp://www.blogger.com/profile/08139362453018366237noreply@blogger.com1tag:blogger.com,1999:blog-8395037974938964802.post-39911038273302519862016-01-19T15:58:00.001+02:002016-04-09T04:55:54.577+03:00CSS3 + HTML DROP DOWN MENU KODLARI<b>Drop down menü</b> kelime anlamı olarak aşağıya doğru açılan menü anlamına gelmektedir.<br />
Blogspot blog'da açılır menü olmadığı için biz bu işi <b>CSS</b> ve <b>HTML</b> kodlarıyla kolayca yapabiliriz.<br />
<br />
________________________________________________________________________________<br />
<span style="color: orange;">Bilgi!</span> <a href="http://yuksel-duman.blogspot.com/p/html-editor.html">HTML Editor</a> aracını kullanarak, blogunuza uygulamadan önce menüleri canlı görüntüleme şansınız var.<br />
Kullanım: 'Buraya CSS Kod Ekle': CSS kodları ekleyin.<br />
'Buraya HTML Kod Ekle': HTML kodları ekleyin ve 'Preview' butonuna tıklayın.<br />
________________________________________________________________________________<br />
<br />
Açılır menü ekran görüntüsü;<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZLzMC5Nex5Ne3M-h5tf_FtpdxS2PG2nkHKATJdKA-NCGsRg0Yb3SuG1uK5pf5qMq-uFAzfHka5UFA3xJvQ_pwzgTDTNZTXhJDK5cZ7rwpECKQIN8oxwghLPZusdS6lOhBnXwmwS5BAr4/s1600/dropdown+menu.jpg" imageanchor="1"><img alt="" border="0" height="126" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZLzMC5Nex5Ne3M-h5tf_FtpdxS2PG2nkHKATJdKA-NCGsRg0Yb3SuG1uK5pf5qMq-uFAzfHka5UFA3xJvQ_pwzgTDTNZTXhJDK5cZ7rwpECKQIN8oxwghLPZusdS6lOhBnXwmwS5BAr4/s400/dropdown+menu.jpg" title="CSS Drop Down Menu" width="320" /></a><br />
<br />
<br />
Siz de bloğunuza <b>açılır menü yapmak</b> isterseniz şunları yapın.<br />
<b>açılır menü kodları, tab menu, sekmeli menü, yatay menü</b><br />
<h2>
<b>CSS Drop Down Menü</b></h2>
<br />
<b>Açılır Menü Yapımı</b>;<br />
<br />
Blogger kontrol panelinize giriş yapın.Karşınıza bologunuz ya da bloglarınız çıkacaktır.<br />
Drop down menüyü yapmak istediğiniz blogu seçin. Şablon-HTML'yi Düzenle yolunu izleyerek<br />
blog kodlarına ulaşın. CTRL+F tuşlarını kullanarak şu kodu bulun.<br />
<br />
<pre style="background-color: #eeeeee; border: 1px dashed #999999; color: black; font-family: "andale mono" , "lucida console" , "monaco" , "fixed" , monospace; font-size: 12px; line-height: 14px; overflow: auto; padding: 5px; width: 20%;"><code>]]></b:skin></code></pre>
<br />
Hemen üzerine <a href="http://yuksel-duman.blogspot.com/2016/01/css3-html-drop-down-menu-kodlari.html">CSS drop down menu kodları</a> ekleyip kaydedin.<br />
<br />
<div id="grab-codes">
<textarea cols="50" id="grabbit" rows="5">.menus,.menus *{list-style:none;list-style-type:none;line-height:1.0;margin:0;padding:0;}
.menus ul{position:absolute;top:-999em;width:100%;}
.menus ul li{width:100%;}
.menus li:hover{visibility:inherit;}
.menus li{float:left;position:relative;}
.menus a{display:block;position:relative;}
.menus li:hover ul,.menus li.sfHover ul{left:0;top:100%;z-index:99;}
.sf-shadow ul{-moz-border-radius-bottomleft:17px;-moz-border-radius-topright:17px;-webkit-border-top-right-radius:17px;-webkit-border-bottom-left-radius:17px;padding:0 8px 9px 0;}
.menus .sf-shadow ul.sf-shadow-off{background:transparent;}
.sf-with-ul{padding-right:20px;min-width:1px;}
.sf-sub-indicator{position:absolute;display:block;overflow:hidden;right:0;top:0;padding:15px 10px 0 0;}
.menu-secondary-container{position:static;height:44px;z-index:300;background:url(http://2.bp.blogspot.com/-VzIP0Ft_1xw/UQwlnhHDsVI/AAAAAAAABhU/-rGW_VWd4aw/s000/menu-secondary-bg.png) left top repeat-x}
.menu-secondary li a{color:#FFF;text-decoration:none;text-transform:uppercase;font:normal 13px/13px georgia,arial,sans-serif;padding:16px 15px 15px;}
.menu-secondary li a:hover,.menu-secondary li a:active,.menu-secondary li a:focus,.menu-secondary li:hover > a,.menu-secondary li.current-cat > a,.menu-secondary li.current_page_item > a,.menu-secondary li.current-menu-item > a{color:#FFF;background:url(http://2.bp.blogspot.com/-VzIP0Ft_1xw/UQwlnhHDsVI/AAAAAAAABhU/-rGW_VWd4aw/s000/menu-secondary-bg.png) left -144px repeat-x;outline:0;}
.menu-secondary li li a{color:#fff;background:#666;text-transform:none;font-weight:400;margin:0;padding:10px 15px;}
.menu-secondary li li a:hover,.menu-secondary li li a:active,.menu-secondary li li a:focus,.menu-secondary li li:hover > a,.menu-secondary li li.current-cat > a,.menu-secondary li li.current_page_item > a,.menu-secondary li li.current-menu-item > a{color:#fff;background:#FA7029;outline:0;}
.menu-secondary a.sf-with-ul{padding-right:26px;min-width:1px;}
.menu-secondary .sf-sub-indicator{position:absolute;display:block;overflow:hidden;right:0;top:0;padding:15px 13px 0 0;}
.menu-secondary li li .sf-sub-indicator{padding:9px 13px 0 0;}
.wrap-menu-secondary .sf-shadow ul{background:url(http://2.bp.blogspot.com/-E2zHyUnkrxI/UQwlobQu5OI/AAAAAAAABhc/iM6Sp7J9NGs/s000/menu-secondary-shadow.png) no-repeat bottom right;}
.menus li:hover li ul,.menus li.sfHover li ul,.menus li li:hover li ul,.menus li li.sfHover li ul{top:-999em;}
.menus li li:hover ul,.menus li li.sfHover ul,.menus li li li:hover ul,.menus li li li.sfHover ul{left:100%;top:0;}
.menu-secondary ul{min-width:160px;}
.span-24,div.span-24{width:960px;margin:0;}
input.span-24,textarea.span-24{width:938px!important;border-left-width:1px!important;border-right-width:1px!important;padding-left:5px!important;padding-right:5px!important;}
div.span-24{float:left;margin-right:10px;}
</textarea></div>
<br />
Sol köşedeki 'Yerleşim' sekmesine tıklayıp, Gadget ekle+HTML Jawa Script seçin.<br />
Jawa script içine aşağıdaki kodlarını ekleyip kaydedin.<br />
Menünün nerede görünmesini istiyorsanız gedgeti oraya sürükleyin.<br />
Örnek blog kayıtlarının hemen üzeri olabilir. dilerseniz sidebar (yan taraf) da alabilirsiniz.<br />
Bu işlemden sonrasında 'Düzenlemeyi kaydet' butonuna tıklayıp işlemimizi sonlandırıyoruz. Açılır menü hazır.<br />
<br />
HTML Drop Down Menu Kod;<br />
<br />
<div id="grab-codes">
<textarea cols="50" id="grabbit" rows="5"><div class='span-24'>
<div class='menu-secondary-container'>
<ul class='menus menu-secondary'>
<li><a href=''>ANA SAYFA</a></li>
<li><a href='#'>BLOGGER</a>
<ul class='children'>
<li><a href=''>Blogger Eklentileri</a></li>
<li><a href=''>Html Kodları</a></li>
<li><a href=''>Link Başlığı buraya</a></li>
</ul>
</li>
<li><a href='#'>Link Başlığı buraya</a>
<ul class='children'>
<li><a href=''>Link Başlığı buraya</a></li>
<li><a href=''>Link Başlığı buraya</a></li>
</ul>
</li>
<li><a href='#'>Link Başlığı buraya</a>
<ul class='children'>
<li><a href=''>Html Editor</a></li>
<li><a href=''>Link Başlığı buraya</a></li>
<li><a href=''>Link Başlığı buraya</a></li>
<li><a href=''>Link Başlığı buraya</a></li>
</ul>
</li>
<li><a href=''>Link Başlığı buraya</a></li>
<li><a href='#'>Link Başlığı buraya</a>
<ul class='children'>
<li><a href=''>Link Başlığı buraya</a>
<ul class='children'>
<li><a href=''>Link Başlığı buraya</a></li>
<li><a href=''>Link Başlığı buraya</a></li>
<li><a href=''>Link Başlığı buraya</a></li>
</ul>
</li>
<li><a href=''>Link Başlığı buraya</a></li>
</ul>
</li>
<li><a href=''>Link Başlığı buraya</a></li>
</ul>
</div>
</div>
</textarea></div>
<br />
<span style="color: orange;">Önemli! Blogger'ın orjinal şablonlarını kullanıyorsanız eğer menü düzgün görünmeyebilir.</span><br />
<span style="color: orange;">Bunun için şunları yapmalısınız.</span><br />
<span style="color: #444444;">Kontrol paneli, şablon, HTML'yi düzenle</span><br />
<span style="color: #444444;">CTRL+F ile şu kodları bulup silmelisiniz.</span><br />
<span style="color: #444444;"><br /></span>
<br />
<div id="grab-codes">
<textarea cols="50" id="grabbit" rows="5">.tabs-inner .widget li a {
display: inline-block;
margin: 0;
padding: .6em 1.5em;
font: normal normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #ffffff;
border-top: 1px solid #2d3037;
border-bottom: 1px solid #2d3037;
border-left: 1px solid #2d3037;
height: 16px;
line-height: 16px;
}
.tabs-outer {
overflow: hidden;
position: relative;
background: #29aae1 url(//www.blogblog.com/1kt/awesomeinc/tabs_gradient_light.png) repeat scroll 0 0;
}
.tabs-inner .widget li:last-child a {
border-right: 1px solid #2d3037;
}</textarea></div>
Buradaki kodları silmek menünüzün açılabilir olması içindir.<br />
Silip aşağıdaki kodlar ile değiştiriniz.<br />
<br />
Drop down (açılabilir) kodlar:<br />
<br />
<div id="grab-codes">
<textarea cols="50" id="grabbit" rows="5">.tabs .widget ul, .tabs .widget ul {
margin: 0px;
padding: 0px;
list-style: none outside none;
overflow: visible;
}</textarea></div>
<br />
Ve işlemimiz bitti.<br />
<br />
<br />
<h3>
CSS3 Drop Down Menu (Animasyonlu)</h3>
<br />
<br />
<img border="0" height="121" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjps_m1tTCgCbokulMjCacli4Gq1c6K8OcGQBPXUwkZ-BJf7FRsezRdcKbeWYmIO9GaxxaP0WGJh22-cdVAuRWQTH_eUuGxJ5iFRbpcs6qT3FMIxjxl_z4rjKAiQOyTz1ap4JPlJPfHOc8/s320/Ads%25C4%25B1z.jpg" width="320" /><br />
<br />
<a href="http://yuksel-duman.blogspot.com/2016/01/css3-html-drop-down-menu-kodlari.html">CSS3 drop down menü kodları</a><br />
<br />
<div id="grab-codes">
<textarea cols="50" id="grabbit" rows="5"><style type="text/css">#cssmenu ul{margin:0;padding:0}#cssmenu li{margin:0;padding:0}#cssmenu a{margin:0;padding:0}#cssmenu ul{list-style:none}#cssmenu a{text-decoration:none}#cssmenu{height:70px;background-color:#232323;box-shadow:0 2px 3px rgba(0,0,0,0.4);width:auto}#cssmenu > ul > li{float:left;margin-left:15px;position:relative}#cssmenu > ul > li > a{color:#a0a0a0;font-family:Verdana,'Lucida Grande';font-size:15px;line-height:70px;padding:15px 20px;-webkit-transition:color .15s;-moz-transition:color .15s;-o-transition:color .15s;transition:color .15s}#cssmenu > ul > li > a:hover{color:#fff}#cssmenu > ul > li > ul{opacity:0;visibility:hidden;padding:16px 0 20px 0;background-color:#fafafa;text-align:left;position:absolute;top:55px;left:50%;margin-left:-90px;width:180px;-webkit-transition:all .3s .1s;-moz-transition:all .3s .1s;-o-transition:all .3s .1s;transition:all .3s .1s;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.4);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.4);box-shadow:0 1px 3px rgba(0,0,0,0.4)}#cssmenu > ul > li:hover > ul{opacity:1;top:65px;visibility:visible}#cssmenu > ul > li > ul:before{content:'';display:block;border-color:transparent transparent #fafafa transparent;border-style:solid;border-width:10px;position:absolute;top:-20px;left:50%;margin-left:-10px}#cssmenu > ul ul > li{position:relative}#cssmenu ul ul a{color:#323232;font-family:Verdana,'Lucida Grande';font-size:13px;background-color:#fafafa;padding:5px 8px 7px 16px;display:block;-webkit-transition:background-color 0.1s;-moz-transition:background-color 0.1s;-o-transition:background-color 0.1s;transition:background-color 0.1s}#cssmenu ul ul a:hover{background-color:#f0f0f0}#cssmenu ul ul ul{visibility:hidden;opacity:0;position:absolute;top:-16px;left:206px;padding:16px 0 20px 0;background-color:#fafafa;text-align:left;width:180px;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.4);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.4);box-shadow:0 1px 3px rgba(0,0,0,0.4)}#cssmenu ul ul > li:hover > ul{opacity:1;left:190px;visibility:visible}#cssmenu ul ul a:hover{background-color:#cc2c24;color:#f0f0f0}</style><a href="http://yuksel-duman.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"></a><!-- Dont edit this CSS Drop Down Menu code -->
<!-- Sayfa linklerinizi yazın -->
<div id="cssmenu">
<ul>
<li class="active"><a href="#"><span>Ana Sayfa</span></a></li>
<li class="has-sub"><a href="#"><span>Product</span></a>
<ul>
<li class="has-sub"><a href="#"><span>Product 1</span></a>
<ul>
<li><a href="#"><span>Sub Item</span></a></li>
<li class="last"><a href="#"><span>Sub Item</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="#"><span>Product 2</span></a>
<ul>
<li><a href="#"><span>Sub Item</span></a></li>
<li class="last"><a href="#"><span>Sub Item</span></a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
</textarea></div>
<br />
<br />
<br />
<h3>
Opera Stil Drop Down menü</h3>
<br />
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW-cxQsZWpP_3owMWGi2fsO3MrF12GfBvIeVk7qYAC4G9uk895B-DTmvgFRjE0VQq-ViQPJ2f_eiGZOHVI85APyyG0JfBEStjt2oX36noWOm87A-vy2ufVBrStem175832_R0Ja8VXeIw/s1600/Ads%25C4%25B1z.jpg" imageanchor="1"><img border="0" height="85" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW-cxQsZWpP_3owMWGi2fsO3MrF12GfBvIeVk7qYAC4G9uk895B-DTmvgFRjE0VQq-ViQPJ2f_eiGZOHVI85APyyG0JfBEStjt2oX36noWOm87A-vy2ufVBrStem175832_R0Ja8VXeIw/s320/Ads%25C4%25B1z.jpg" width="320" /></a><br />
<br />
<br />
Opera drop down menü CSS kod:<br />
<br />
<div id="grab-codes">
<textarea cols="50" id="grabbit" rows="5"><style type="text/css">#cssmenu ul,#cssmenu li,#cssmenu span,#cssmenu a{margin:0;padding:0;position:relative}#cssmenu{height:49px;border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;background:#fefefe;background:-moz-linear-gradient(top,#fefefe 0%,#eee9f0 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fefefe),color-stop(100%,#eee9f0));background:-webkit-linear-gradient(top,#fefefe 0%,#eee9f0 100%);background:-o-linear-gradient(top,#fefefe 0%,#eee9f0 100%);background:-ms-linear-gradient(top,#fefefe 0%,#eee9f0 100%);background:linear-gradient(top,#fefefe 0%,#eee9f0 100%);border-bottom:2px solid #db000b;width:auto}#cssmenu:after,#cssmenu ul:after{content:'';display:block;clear:both}#cssmenu a{background:#fefefe;background:-moz-linear-gradient(top,#fefefe 0%,#ececec 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fefefe),color-stop(100%,#ececec));background:-webkit-linear-gradient(top,#fefefe 0%,#ececec 100%);background:-o-linear-gradient(top,#fefefe 0%,#ececec 100%);background:-ms-linear-gradient(top,#fefefe 0%,#ececec 100%);background:linear-gradient(top,#fefefe 0%,#ececec 100%);color:#000;display:inline-block;font-family:Helvetica,Arial,Verdana,sans-serif;font-size:12px;line-height:49px;padding:0 20px;text-decoration:none}#cssmenu ul{list-style:none}#cssmenu > ul{float:left}#cssmenu > ul > li{float:left}#cssmenu > ul > li > a{color:#000;font-size:12px}#cssmenu > ul > li:hover:after{content:'';display:block;width:0;height:0;position:absolute;left:50%;bottom:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #db000b;margin-left:-10px}#cssmenu > ul > li:first-child > a{border-radius:5px 0 0 0;-moz-border-radius:5px 0 0 0;-webkit-border-radius:5px 0 0 0}#cssmenu > ul > li.active:after{content:'';display:block;width:0;height:0;position:absolute;left:50%;bottom:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #db000b;margin-left:-10px}#cssmenu > ul > li.active > a{-moz-box-shadow:inset 0 0 2px rgba(0,0,0,0.1);-webkit-box-shadow:inset 0 0 2px rgba(0,0,0,0.1);box-shadow:inset 0 0 2px rgba(0,0,0,0.1);background:#ececec;background:-moz-linear-gradient(top,#ececec 0%,#fef ef 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ececec),color-stop(100%,#fef ef));background:-webkit-linear-gradient(top,#ececec 0%,#fef ef 100%);background:-o-linear-gradient(top,#ececec 0%,#fef ef 100%);background:-ms-linear-gradient(top,#ececec 0%,#fef ef 100%);background:linear-gradient(top,#ececec 0%,#fef ef 100%)}#cssmenu > ul > li:hover > a{background:#ececec;background:-moz-linear-gradient(top,#ececec 0%,#fef ef 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ececec),color-stop(100%,#fef ef));background:-webkit-linear-gradient(top,#ececec 0%,#fef ef 100%);background:-o-linear-gradient(top,#ececec 0%,#fef ef 100%);background:-ms-linear-gradient(top,#ececec 0%,#fef ef 100%);background:linear-gradient(top,#ececec 0%,#fef ef 100%);-moz-box-shadow:inset 0 0 2px rgba(0,0,0,0.1);-webkit-box-shadow:inset 0 0 2px rgba(0,0,0,0.1);box-shadow:inset 0 0 2px rgba(0,0,0,0.1)}#cssmenu .has-sub{z-index:1}#cssmenu .has-sub:hover > ul{display:block}#cssmenu .has-sub ul{display:none;position:absolute;width:200px;top:100%;left:0}#cssmenu .has-sub ul li{*margin-bottom:-1px}#cssmenu .has-sub ul li a{background:#db000b;border-bottom:1px dotted #ff0f1b;filter:none;font-size:11px;display:block;line-height:120%;padding:10px;color:#fff}#cssmenu .has-sub ul li:hover a{background:#a80008}#cssmenu .has-sub .has-sub:hover > ul{display:block}#cssmenu .has-sub .has-sub ul{display:none;position:absolute;left:100%;top:0}#cssmenu .has-sub .has-sub ul li a{background:#a80008;border-bottom:1px dotted #ff0f1b}#cssmenu .has-sub .has-sub ul li a:hover{background:#8f0007}</style><a href="http://yuksel-duman.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"></a><!-- Dont edit this CSS Drop Down Menu code -->
<!-- sizin özel menü linkleriniz -->
<div id="cssmenu">
<ul>
<li class="active"><a href="#"><span>Ana Sayfa</span></a></li>
<li class="has-sub"><a href="#"><span>Products</span></a>
<ul>
<li class="has-sub"><a href="#"><span>Product 1</span></a>
<ul>
<li><a href="#"><span>Sub Item</span></a></li>
<li class="last"><a href="#"><span>Sub Item</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="#"><span>Product 2</span></a>
<ul>
<li><a href="#"><span>Sub Item</span></a></li>
<li class="last"><a href="#"><span>Sub Item</span></a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#"><span>Hakkımda</span></a></li>
<li class="last"><a href="#"><span>İletişim</span></a></li>
</ul>
</div>
</textarea></div>
<br />
<br />
<span style="font-size: large;"><b>Renkli Sekmeli Drop Down Menü:</b></span><br />
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEBLHpSHBUuMf28nbuHq3Pr1YAfDPdQ0bpcqUmbx4tFsBUnEAQE5Vp9168JHyjDh_ay4N4fAQ091mwlNBBboW9uS3_rpDUyd1uLb19u7FbRijI05zSzWeDRxolTEwt1g2cfjvO_NaWp2c/s1600/Ads%25C4%25B1z.jpg" imageanchor="1"><img border="0" height="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEBLHpSHBUuMf28nbuHq3Pr1YAfDPdQ0bpcqUmbx4tFsBUnEAQE5Vp9168JHyjDh_ay4N4fAQ091mwlNBBboW9uS3_rpDUyd1uLb19u7FbRijI05zSzWeDRxolTEwt1g2cfjvO_NaWp2c/s320/Ads%25C4%25B1z.jpg" width="320" /></a><br />
<br />
Sekmeli drop down menu CSS kod:<br />
<br />
<div id="grab-codes">
<textarea cols="50" id="grabbit" rows="5"><style type="text/css">@charset 'UTF-8';#cssmenu{border:none;border:0;margin:0;padding:0;font-family:verdana,geneva,arial,helvetica,sans-serif;font-size:14px;font-weight:bold;color:#8e8e8e;width:auto}#cssmenu > ul{margin-top:6px !important}#cssmenu ul{background:#CDCDCD;background:-webkit-linear-gradient(#cdcdcd 0%,#e2e2e2 80%,#cdcdcd 100%);background:linear-gradient(#cdcdcd 0%,#e2e2e2 80%,#cdcdcd 100%);border-top:1px solid #A8A8A8;-webkit-box-shadow:inset 0 1px 0 #e9e9e9,0 1px 0 #a80329,0 2px 0 #b81c40,0 8px 0 #a80329,0 9px 0 #7b021e,0 -1px 1px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 1px 0 #e9e9e9,0 1px 0 #a80329,0 2px 0 #b81c40,0 8px 0 #a80329,0 9px 0 #7b021e,0 -1px 1px rgba(0,0,0,0.1);box-shadow:inset 0 1px 0 #e9e9e9,0 1px 0 #a80329,0 2px 0 #b81c40,0 8px 0 #a80329,0 9px 0 #7b021e,0 -1px 1px rgba(0,0,0,0.1);height:27px;list-style:none;margin:0;padding:0}#cssmenu ul ul{border-top:6px solid #a80329;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}#cssmenu ul ul a{line-height:43px}#cssmenu ul ul ul{left:100%;top:0}#cssmenu li{float:left;padding:0 8px}#cssmenu li a{color:#666;display:block;font-weight:bold;line-height:30px;padding:0 25px;text-align:center;text-decoration:none}#cssmenu li a:hover{color:#000;text-decoration:none}#cssmenu li ul{background:#e0e0e0;border-left:2px solid #a80329;border-right:2px solid #a80329;border-bottom:2px solid #a80329;display:none;height:auto;filter:alpha(opacity=95);opacity:0.95;position:absolute;width:225px;z-index:200;/*top:1em;/*left:0;*/}#cssmenu li:hover > ul{display:block}#cssmenu li li{display:block;float:none;padding:0;position:relative;width:225px}#cssmenu li ul a{display:block;font-size:12px;font-style:normal;padding:0 10px 0 15px;text-align:left}#cssmenu li ul a:hover{background:#949494;color:#000;opacity:1.0;filter:alpha(opacity=100)}#cssmenu p{clear:left}#cssmenu .active > a{background:#a80329;-webkit-box-shadow:0 -4px 0 #a80329,0 -5px 0 #b81c40,0 -6px 0 #a80329;-moz-box-shadow:0 -4px 0 #a80329,0 -5px 0 #b81c40,0 -6px 0 #a80329;box-shadow:0 -4px 0 #a80329,0 -5px 0 #b81c40,0 -6px 0 #a80329;color:#fff}#cssmenu .active > a:hover{color:white}</style><a href="http://yuksel-duman.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"></a><!-- Dont edit this CSS Drop Down Menu code -->
<!-- sizin özel menü linkleriniz -->
<div id="cssmenu">
<ul>
<li class="active"><a href="#"><span>Home</span></a></li>
<li class="has-sub"><a href="#"><span>Products</span></a>
<ul>
<li class="has-sub"><a href="#"><span>Product 1</span></a>
<ul>
<li><a href="#"><span>Sub Item</span></a></li>
<li class="last"><a href="#"><span>Sub Item</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="#"><span>Product 2</span></a>
<ul>
<li><a href="#"><span>Sub Item</span></a></li>
<li class="last"><a href="#"><span>Sub Item</span></a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
</textarea></div>
<br />
<br />
<span style="font-size: large;"><b>Apple Tarzı CSS3 Açılır menü:</b></span><br />
<br />
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmToZFdHm8xURKeDA_aDtAABO7gmLUfwWsuyCeSqYKVlQlu9-St0P3eobn2TCUB_aI70iEj8zjzhHExuiyjHmnSQMx7IvQG5V4_ComZmaVHDWYVQV4kW8xqpIcDhDuqJX-Jx71LGALXTU/s1600/Ads%25C4%25B1z.jpg" imageanchor="1"><img border="0" height="90" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmToZFdHm8xURKeDA_aDtAABO7gmLUfwWsuyCeSqYKVlQlu9-St0P3eobn2TCUB_aI70iEj8zjzhHExuiyjHmnSQMx7IvQG5V4_ComZmaVHDWYVQV4kW8xqpIcDhDuqJX-Jx71LGALXTU/s320/Ads%25C4%25B1z.jpg" width="320" /></a><br />
<br />
CSS3 drop down menu CSS kod:<br />
<br />
<div id="grab-codes">
<textarea cols="50" id="grabbit" rows="5"><style type="text/css">#cssmenu ul{margin:0;padding:7px 6px 0;background:#7d7d7d url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9ATRvetCQd84rePCgKMnM3Vy2Fi1KsLkhspnfBcATsrOOPFp5rbunn6rJZnLfQ4Lg0BIaDR6O5GZ14DQHzb5FrNqYi9dZaJ8wgL9yRs1WXj_VeDyUYfUFiIPQTMo8uQRnqEiRpJmPltm6/s1600/overlay.png) repeat-x 0 -110px;line-height:100%;border-radius:1em;font:normal 0.5333333333333333em Arial,Helvetica,sans-serif;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.4);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.4);width:auto}#cssmenu li{margin:0 5px;padding:0 0 8px;float:left;position:relative;list-style:none}#cssmenu a,#cssmenu a:link{font-weight:bold;font-size:13px;color:#e7e5e5;text-decoration:none;display:block;padding:8px 20px;margin:0;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;text-shadow:0 1px 1px rgba(0,0,0,0.3)}#cssmenu a:hover{background:#000;color:#fff}#cssmenu .active a,#cssmenu li:hover > a{background:#979797 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9ATRvetCQd84rePCgKMnM3Vy2Fi1KsLkhspnfBcATsrOOPFp5rbunn6rJZnLfQ4Lg0BIaDR6O5GZ14DQHzb5FrNqYi9dZaJ8wgL9yRs1WXj_VeDyUYfUFiIPQTMo8uQRnqEiRpJmPltm6/s1600/overlay.png) repeat-x 0 -40px;background:#666 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9ATRvetCQd84rePCgKMnM3Vy2Fi1KsLkhspnfBcATsrOOPFp5rbunn6rJZnLfQ4Lg0BIaDR6O5GZ14DQHzb5FrNqYi9dZaJ8wgL9yRs1WXj_VeDyUYfUFiIPQTMo8uQRnqEiRpJmPltm6/s1600/overlay.png) repeat-x 0 -40px;color:#444;border-top:solid 1px #f8f8f8;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.2);-moz-box-shadow:0 1px 1px rgba(0,0,0,0.2);box-shadow:0 1px 1px rgba(0,0,0,0.2);text-shadow:0 1px 0 #fff}#cssmenu ul ul li:hover a,#cssmenu li:hover li a{background:none;border:none;color:#666;-webkit-box-shadow:none;-moz-box-shadow:none}#cssmenu ul ul a:hover{background:#7d7d7d url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9ATRvetCQd84rePCgKMnM3Vy2Fi1KsLkhspnfBcATsrOOPFp5rbunn6rJZnLfQ4Lg0BIaDR6O5GZ14DQHzb5FrNqYi9dZaJ8wgL9yRs1WXj_VeDyUYfUFiIPQTMo8uQRnqEiRpJmPltm6/s1600/overlay.png) repeat-x 0 -100px !important;color:#fff !important;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;text-shadow:0 1px 1px rgba(0,0,0,0.1)}#cssmenu li:hover > ul{display:block}#cssmenu ul ul{display:none;margin:0;padding:0;width:185px;position:absolute;top:40px;left:0;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9ATRvetCQd84rePCgKMnM3Vy2Fi1KsLkhspnfBcATsrOOPFp5rbunn6rJZnLfQ4Lg0BIaDR6O5GZ14DQHzb5FrNqYi9dZaJ8wgL9yRs1WXj_VeDyUYfUFiIPQTMo8uQRnqEiRpJmPltm6/s1600/overlay.png) repeat-x 0 0;border:solid 1px #b4b4b4;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.3);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.3);box-shadow:0 1px 3px rgba(0,0,0,0.3)}#cssmenu ul ul li{float:none;margin:0;padding:3px}#cssmenu ul ul a,#cssmenu ul ul a:link{font-weight:normal;font-size:12px}#cssmenu ul:after{content:'.';display:block;clear:both;visibility:hidden;line-height:0;height:0}* html #cssmenu ul{height:1%}</style><a href="http://yuksel-duman.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"></a><!-- Dont edit this CSS Drop Down Menu code -->
<!-- sizin özel menü linkleriniz -->
<div id="cssmenu">
<ul>
<li class="active"><a href="#"><span>Ana Sayfa</span></a></li>
<li class="has-sub"><a href="#"><span>Products</span></a>
<ul>
<li><a href="#"><span>Widgets</span></a></li>
<li><a href="#"><span>Menus</span></a></li>
<li class="last"><a href="#"><span>Products</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="#"><span>Company</span></a>
<ul>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Location</span></a></li>
</ul>
</li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
</textarea></div>
<br />
<br />
<br />
<span style="font-size: large;"><b>Kırmızı ve Gri Renk Açılır Menü:</b></span><br />
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUXLvbq_3SBMGJ8A6YtnZ2l3uwu6gl5R8KnZ7P32qKstrLowQmKMfyH5IZYo9nkg0Dl3M7KTyrsEuXIa2f286MO6jFlkB9dVQX_42ZxAGwqWBuHz0YMrezN23otmzzWk7QhmgrDy2iz_U/s1600/Ads%25C4%25B1z.jpg" imageanchor="1"><img border="0" height="116" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUXLvbq_3SBMGJ8A6YtnZ2l3uwu6gl5R8KnZ7P32qKstrLowQmKMfyH5IZYo9nkg0Dl3M7KTyrsEuXIa2f286MO6jFlkB9dVQX_42ZxAGwqWBuHz0YMrezN23otmzzWk7QhmgrDy2iz_U/s320/Ads%25C4%25B1z.jpg" width="320" /></a><br />
<br />
Kırmızı gri açılır menü CSS kod:<br />
<br />
<div id="grab-codes">
<textarea cols="50" id="grabbit" rows="5"><style type="text/css">@import url(http://fonts.googleapis.com/css?family=Open+Sans:600);/* Menu CSS */#cssmenu,#cssmenu > ul{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMKAzCDFfpYQF9is7HK4AuSgu-en1wmeGWjXYP2rr89ana2dAdEbJk_O7CQ-nJuh2DqQzcvUIGh2NklvaQ8n9OP6JYGR2JH6mECxb-jxRsYYYs07JB9VK2u3V8I17i2L0pez70-8kdmtyo/s1600/highlight-bg.png) repeat;padding-bottom:3px;font-family:'Open Sans',sans-serif;font-weight:600}#cssmenu:before,#cssmenu:after,#cssmenu > ul:before,#cssmenu > ul:after{content:'';display:table}#cssmenu:after,#cssmenu > ul:after{clear:both}#cssmenu{width:auto;zoom:1}#cssmenu > ul{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbYHTW-zDLC5iwgaonImfjNtm-8Yy6QA-iVauxNGwpH_YY_HehFTDqc4TL0BfXLGncAqUpLpYy9do8uLDOvRzYjl52kTxmMJKHWNmBgmwNzESWNfUlIrCkkqxVjuvnoWAed-t8m4STsTLn/s1600/menu-bg.png) repeat;margin:0;padding:0;position:relative}#cssmenu > ul li{margin:0;padding:0;list-style:none}#cssmenu > ul > li{float:left;position:relative}#cssmenu > ul > li > a{padding:23px 26px;display:block;color:white;font-size:13px;text-decoration:none;text-transform:uppercase;text-shadow:0 -1px 0 #9e3825;text-shadow:0 -1px 0 rgba(116,37,2,0.7);line-height:18px}#cssmenu > ul > li:hover > a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsebrJjMoBW4G8BPS3_K3Wi8fo78pRXhAuHF6Xwt3kzOKXUuPvsXokfXYlIXisrMhkOPyxLNZSiFLopvQ5MOrfRls-hUGQST4SC-TLa9NCzlPUnpDRZYNwhPVT7_8Dw68_KJAYlWMFNbyi/s1600/hover.png) repeat;text-shadow:0 -1px 0 #97321f;text-shadow:0 -1px 0 rgba(122,42,26,0.64)}#cssmenu > ul > li > a > span{line-height:18px}#cssmenu > ul > li.active > a,#cssmenu > ul > li > a:active{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj36cZ_QexRCwDwQWjNj87bxa7q65h986KQJTXv2Nkpgdc90lU52OpEBtv2g6CNrTcd6Y6VbWDXbtVad-YubRvi9jJEz0XXCpdB0TQGgkCD_sCbWmVoxAdVaU7H7UvCRnavGK2_cAa2CWqz/s1600/active.png) repeat}/* Childs */#cssmenu > ul ul{opacity:0;visibility:hidden;position:absolute;top:120px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMKAzCDFfpYQF9is7HK4AuSgu-en1wmeGWjXYP2rr89ana2dAdEbJk_O7CQ-nJuh2DqQzcvUIGh2NklvaQ8n9OP6JYGR2JH6mECxb-jxRsYYYs07JB9VK2u3V8I17i2L0pez70-8kdmtyo/s1600/highlight-bg.png) repeat;margin:0;padding:0;z-index:-1}#cssmenu > ul li:hover ul{opacity:1;visibility:visible;margin:0;color:#000;z-index:2;top:64px;left:0}#cssmenu > ul ul:before{content:'';position:absolute;top:-10px;width:100%;height:20px;background:transparent}#cssmenu > ul ul li{list-style:none;padding:0;margin:0;width:100%}#cssmenu > ul ul li a{padding:18px 26px;display:block;color:#393939;font-size:13px;text-decoration:none;text-transform:uppercase;width:150px;border-left:4px solid transparent;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-ms-transition:all 0.35s ease-in-out;transition:all 0.35s ease-in-out;text-shadow:0 1px 0 white}#cssmenu > ul ul li a:hover{border-left:4px solid #de553b;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsebrJjMoBW4G8BPS3_K3Wi8fo78pRXhAuHF6Xwt3kzOKXUuPvsXokfXYlIXisrMhkOPyxLNZSiFLopvQ5MOrfRls-hUGQST4SC-TLa9NCzlPUnpDRZYNwhPVT7_8Dw68_KJAYlWMFNbyi/s1600/hover.png) repeat;color:white;text-shadow:0 1px 0 black}#cssmenu > ul ul li a:active{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbYHTW-zDLC5iwgaonImfjNtm-8Yy6QA-iVauxNGwpH_YY_HehFTDqc4TL0BfXLGncAqUpLpYy9do8uLDOvRzYjl52kTxmMJKHWNmBgmwNzESWNfUlIrCkkqxVjuvnoWAed-t8m4STsTLn/s1600/menu-bg.png) repeat}</style><a href="http://yuksel-duman.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"></a><!-- Dont edit this CSS Drop Down Menu code -->
<!-- sizin özel menü linkleriniz -->
<div id="cssmenu">
<ul>
<li class="active"><a href="#"><span>Home</span></a></li>
<li class="has-sub"><a href="#"><span>Products</span></a>
<ul>
<li><a href="#"><span>Widgets</span></a></li>
<li><a href="#"><span>Menus</span></a></li>
<li class="last"><a href="#"><span>Products</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="#"><span>Company</span></a>
<ul>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Location</span></a></li>
</ul>
</li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
</textarea></div>
<br />
<br />
<br />
<span style="font-size: large;"><b>Silver Buton Açılır Menü (Drop Down):</b></span><br />
<br />
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinXcqWZBA6crNI_1ecz8jG_AXN57hyphenhyphen7XEkhepmVixbrKJlIwJS2zT9Q-H77yLKeOWm70XV-DxwXO_qQgYN5FkgUiHMYpt9nTNCJApCN3HzZzId_m-IEpYhpYHUcYqyRVoGcPGmXSpaJD4/s1600/Ads%25C4%25B1z.jpg" imageanchor="1"><img border="0" height="92" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinXcqWZBA6crNI_1ecz8jG_AXN57hyphenhyphen7XEkhepmVixbrKJlIwJS2zT9Q-H77yLKeOWm70XV-DxwXO_qQgYN5FkgUiHMYpt9nTNCJApCN3HzZzId_m-IEpYhpYHUcYqyRVoGcPGmXSpaJD4/s320/Ads%25C4%25B1z.jpg" width="320" /></a><br />
<br />
Silver buton drop down menü CSS kod:<br />
<br />
<div id="grab-codes">
<textarea cols="50" id="grabbit" rows="5"><style type="text/css">@charset 'UTF-8';/* Starter CSS for Menu */#cssmenu{padding:0;margin:0;border:0}#cssmenu ul,#cssmenu li{list-style:none;margin:0;padding:0}#cssmenu ul{position:relative;z-index:597}#cssmenu ul li{float:left;min-height:1px;vertical-align:middle}#cssmenu ul li.hover,#cssmenu ul li:hover{position:relative;z-index:599;cursor:default}#cssmenu ul ul{visibility:hidden;position:absolute;top:100%;left:0;z-index:598;width:100%}#cssmenu ul ul li{float:none}#cssmenu ul ul ul{top:0;left:100%}#cssmenu ul li:hover > ul{visibility:visible}#cssmenu ul ul{margin-top:0}#cssmenu a{display:block;line-height:1em;text-decoration:none}#cssmenu ul li.last ul{left:auto;right:0}#cssmenu ul li.last ul ul{left:auto;right:99.5%}#cssmenu:after,#cssmenu ul:after{content:'';display:block;clear:both}/* Custom CSS Styles */#cssmenu{width:auto;font-family:Helvetica,Arial,sans-serif}#cssmenu:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAICAIAAAC3eAIWAAAAA3NCSVQICAjb4U/gAAAAI0lEQVQImWPwj0hh+v//PxPD//9M////Z/rP8J/p//9/MD4AGUETB+SFfCsAAAAASUVORK5CYII=);background-color:#606a77;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#4f5864),color-stop(1,#49515b));background-image:-webkit-linear-gradient(top,#4f5864,#49515b);background-image:-moz-linear-gradient(top,#4f5864,#49515b);background-image:-o-linear-gradient(top,#4f5864,#49515b);background-image:linear-gradient(#4f5864,#49515b);-moz-box-shadow:inset 0 2px 0 #586270,inset 0 1px 0 #6b7888;-webkit-box-shadow:inset 0 2px 0 #586270,inset 0 1px 0 #6b7888;box-shadow:inset 0 2px 0 #586270,inset 0 1px 0 #6b7888;content:'';display:block;height:8px}#cssmenu > ul{border-bottom:1px solid #252A30;border-top:1px solid #252A30;-moz-box-shadow:inset 0 1px 0 #8799a9,0 1px 1px rgba(0,0,0,0.5);-webkit-box-shadow:inset 0 1px 0 #8799a9,0 1px 1px rgba(0,0,0,0.5);box-shadow:inset 0 1px 0 #8799a9,0 1px 1px rgba(0,0,0,0.5);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABNCAIAAADo7ZnJAAAAA3NCSVQICAjb4U/gAAAAUUlEQVQYlXWPyRGAMAwDd1wwHVADJS+POERk4OVD1mGO8yq1wFIKLXHsJLDGH8wSou8q0bfGxplYcpaHRerG/J/zS/edLTnrjvDo7PHv1Nhy3lZMnHg0MO2JAAAAAElFTkSuQmCC);background-color:#566171;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#6e7d8f),color-stop(1,#404854));background-image:-webkit-linear-gradient(top,#6e7d8f,#404854);background-image:-moz-linear-gradient(top,#6e7d8f,#404854);background-image:-o-linear-gradient(top,#6e7d8f,#404854);background-image:linear-gradient(#6e7d8f,#404854);height:27px;padding:15px 15px 15px 5px}#cssmenu > ul > li{margin:0 10px}#cssmenu > ul > li.has-sub:hover > a{-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}#cssmenu > ul > li:hover > a{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAbCAIAAAAyOnIjAAAAA3NCSVQICAjb4U/gAAAAGElEQVQImWP4//8/079//0jGf//+JVUPAADfUJPhbDTaAAAAAElFTkSuQmCC);background-color:#e2e2e2;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(1,#c8c8c8));background-image:-webkit-linear-gradient(top,#fff,#c8c8c8);background-image:-moz-linear-gradient(top,#fff,#c8c8c8);background-image:-o-linear-gradient(top,#fff,#c8c8c8);background-image:linear-gradient(#fff,#c8c8c8)}#cssmenu > ul > li.active:hover > a{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAbCAIAAAAyOnIjAAAAA3NCSVQICAjb4U/gAAAAJklEQVQImWP4MruP6d+/f0z//v5Fo/8x/fv3F41GyP8lUf2/v38BoDRPnb8AZS4AAAAASUVORK5CYII=);background-color:#cb7b72;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f49b8e),color-stop(1,#bd584d));background-image:-webkit-linear-gradient(top,#f49b8e,#bd584d);background-image:-moz-linear-gradient(top,#f49b8e,#bd584d);background-image:-o-linear-gradient(top,#f49b8e,#bd584d);background-image:linear-gradient(#f49b8e,#bd584d)}#cssmenu ul a{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAbCAIAAAAyOnIjAAAAA3NCSVQICAjb4U/gAAAAIUlEQVQImWP4+PEj09+/f5n+/fvH9PfvXzhG5uNik6gOAOTaUDaAXrIOAAAAAElFTkSuQmCC);background-color:#c2c2c2;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f1f1f1),color-stop(1,#a8a8a8));background-image:-webkit-linear-gradient(top,#f1f1f1,#a8a8a8);background-image:-moz-linear-gradient(top,#f1f1f1,#a8a8a8);background-image:-o-linear-gradient(top,#f1f1f1,#a8a8a8);background-image:linear-gradient(#f1f1f1,#a8a8a8);-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),1px 1px 1px rgba(0,0,0,0.5);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),1px 1px 1px rgba(0,0,0,0.5);box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),1px 1px 1px rgba(0,0,0,0.5);color:#3c444d;font-size:12px;line-height:27px;padding:0 20px;position:relative;text-align:center;text-shadow:0 1px 0 rgba(255,255,255,0.4)}#cssmenu ul ul{width:170px}#cssmenu ul ul a{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;line-height:150%}#cssmenu ul .active > a{color:#FFF;text-shadow:0 1px 0 rgba(0,0,0,0.4);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAbCAIAAAAyOnIjAAAAA3NCSVQICAjb4U/gAAAANUlEQVQImXXMsQ0AIRTD0FMmvRlYnAm+TQEIGronxcrX2x80hUEDpNx2em0lx9wNj37+rX4AhN5PdtvsqRUAAAAASUVORK5CYII=);background-color:#c46a60;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ef7260),color-stop(1,#b04c41));background-image:-webkit-linear-gradient(top,#ef7260,#b04c41);background-image:-moz-linear-gradient(top,#ef7260,#b04c41);background-image:-o-linear-gradient(top,#ef7260,#b04c41);background-image:linear-gradient(#ef7260,#b04c41)}#cssmenu ul .has-sub{position:relative}#cssmenu ul .has-sub ul{-moz-border-radius:0 3px 3px 3px;-webkit-border-radius:0 3px 3px 3px;border-radius:0 3px 3px 3px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-moz-box-shadow:0 2px 1px 1px rgba(0,0,0,0.5);-webkit-box-shadow:0 2px 1px 1px rgba(0,0,0,0.5);box-shadow:0 2px 1px 1px rgba(0,0,0,0.5);background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA2CAMAAAAxtAOuAAAAolBMVEXp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enp6enCAApGAAAANXRSTlP9+vf08Ozp5eDc19POycS+ubOuqKOdl5GLhYB6dG5oYlxXUUxGQTs2MSwoIx8aFhMPCwgFAqv7N0MAAABMSURBVHheBcCDEcMAAADAj1Hbtr3/aj0/BEKRWCKVyRVKFVU1dQ1NLW0dXT19A0MjYxNTM3MLSytrG1s7ewdHJ2cXVzd3D08vbx/fP9L5BZigzasGAAAAAElFTkSuQmCC) repeat-x;background-color:#c3c3c3;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#e9e9e9),color-stop(1,#aaa));background-image:-webkit-linear-gradient(top,#e9e9e9,#aaa);background-image:-moz-linear-gradient(top,#e9e9e9,#aaa);background-image:-o-linear-gradient(top,#e9e9e9,#aaa);background-image:linear-gradient(#e9e9e9,#aaa);padding:3px 0}#cssmenu ul .has-sub ul a{background:none;padding:8px 8px 8px 16px;border-bottom:1px solid transparent;text-align:left}#cssmenu ul .has-sub ul .has-sub a:after{content:none}#cssmenu ul .has-sub li:hover > a{border-bottom:1px solid #1D2024;color:#FFF;background-color:#55616f;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#56606f),color-stop(1,#3f4852));background-image:-webkit-linear-gradient(top,#56606f,#3f4852);background-image:-moz-linear-gradient(top,#56606f,#3f4852);background-image:-o-linear-gradient(top,#56606f,#3f4852);background-image:linear-gradient(#56606f,#3f4852);-moz-box-shadow:inset 1px 2px 0 #5c6778,inset 0 1px 0 #4e5866;-webkit-box-shadow:inset 1px 2px 0 #5c6778,inset 0 1px 0 #4e5866;box-shadow:inset 1px 2px 0 #5c6778,inset 0 1px 0 #4e5866;position:relative;text-shadow:0 1px 0 rgba(0,0,0,0.4)}#cssmenu ul .has-sub li:hover > a:after{border-left:0 none;background-color:#c35f54;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ea5f51),color-stop(1,#a9463b));background-image:-webkit-linear-gradient(top,#ea5f51,#a9463b);background-image:-moz-linear-gradient(top,#ea5f51,#a9463b);background-image:-o-linear-gradient(top,#ea5f51,#a9463b);background-image:linear-gradient(#ea5f51,#a9463b);-moz-box-shadow:inset -1px 2px 0 rgba(255,255,255,0.2),inset 0 1px 0 #ce5448;-webkit-box-shadow:inset -1px 2px 0 rgba(255,255,255,0.2),inset 0 1px 0 #ce5448;box-shadow:inset -1px 2px 0 rgba(255,255,255,0.2),inset 0 1px 0 #ce5448;content:'';height:100%;width:6px;position:absolute;right:0;top:0}#cssmenu ul .has-sub > a{padding-right:0}#cssmenu ul .has-sub > a:after{content:'▼';border-left:1px solid rgba(100,100,100,0.2);color:#5D6A7A;-moz-box-shadow:-1px 0 0 rgba(255,255,255,0.2);-webkit-box-shadow:-1px 0 0 rgba(255,255,255,0.2);box-shadow:-1px 0 0 rgba(255,255,255,0.2);display:inline-block;font-size:9px;margin-left:5px;text-align:center;height:25px;width:24px;text-shadow:0 -1px 0 #101417}#cssmenu ul .active > a:after{color:#FFF}#cssmenu ul ul a{font-size:12px}</style><a href="http://yuksel-duman.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"></a><!-- Dont edit this CSS Drop Down Menu code -->
<!-- sizin özel menü linkleriniz -->
<div id="cssmenu">
<ul>
<li class="active"><a href="#"><span>Home</span></a></li>
<li class="has-sub"><a href="#"><span>Products</span></a>
<ul>
<li class="has-sub"><a href="#"><span>Product 1</span></a>
<ul>
<li><a href="#"><span>Sub Item</span></a></li>
<li class="last"><a href="#"><span>Sub Item</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="#"><span>Product 2</span></a>
<ul>
<li><a href="#"><span>Sub Item</span></a></li>
<li class="last"><a href="#"><span>Sub Item</span></a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
</textarea></div>
<br />
<br />
<br />
<span style="font-size: large;"><b>Turuncu CSS3 Menu:</b></span><br />
<br />
<br />
Oval kenarlı css3 açılır menü. Renkleri değiştirerek arzuya göre kullanılabilir. Ayrıyeten tüm menülere daha fazla açılır menü eklenebilir. Tabi bunları 'ul' kodu ile yapıyoruz.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt4KWnh1mCLFPk8rOmof9B8A08K-705gS8Hh-8WO2zz3hu_h3buf24YtTvOrB5Huibe7MmAij2oAAIL7wYUi1fmFcRDdyAx_jztACIqERCaYajWfelPpzFXEd64eeculYyV3FJQIhXSzc/s1600/Ads%25C4%25B1z.jpg" imageanchor="1"><img alt="" border="0" height="107" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt4KWnh1mCLFPk8rOmof9B8A08K-705gS8Hh-8WO2zz3hu_h3buf24YtTvOrB5Huibe7MmAij2oAAIL7wYUi1fmFcRDdyAx_jztACIqERCaYajWfelPpzFXEd64eeculYyV3FJQIhXSzc/s320/Ads%25C4%25B1z.jpg" title="CSS3 Drop Down Menu" width="320" /></a></div>
<br />
<br />
Turuncu CSS3 drop down menu CSS kodu:<br />
<br />
<div id="grab-codes">
<textarea cols="50" id="grabbit" rows="5"><style type="text/css">/* #F93 *//* #C60 */#cssmenu{border:none;border:0;margin:0;padding:0;font:67.5% 'Lucida Sans Unicode','Bitstream Vera Sans','Trebuchet Unicode MS','Lucida Grande',Verdana,Helvetica,sans-serif;font-size:14px;font-weight:bold;width:auto}#cssmenu ul{background:#f93;height:50px;list-style:none;margin:0;padding:0;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;-webkit-box-shadow:inset 0 16px 0 0 rgba(255,255,255,0.1);-moz-box-shadow:inset 0 16px 0 0 rgba(255,255,255,0.1);box-shadow:inset 0 16px 0 0 rgba(255,255,255,0.1)}#cssmenu li{float:left;padding:0 0 0 15px}#cssmenu li a{color:#000;display:block;font-weight:normal;line-height:50px;margin:0;padding:0 25px;text-align:center;text-decoration:none}#cssmenu li a:hover{background:#c60;color:#FFF;text-decoration:none;-webkit-box-shadow:inset 0 0 7px 2px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 0 7px 2px rgba(0,0,0,0.3);box-shadow:inset 0 0 7px 2px rgba(0,0,0,0.3)}#cssmenu ul li:hover a{background:#c60;color:#FFF;text-decoration:none}#cssmenu li ul{display:none;height:auto;padding:0;margin:0;border:0;position:absolute;width:200px;z-index:200}#cssmenu li:hover ul{display:block}#cssmenu li li{display:block;float:none;margin:0;padding:0;width:200px;background:#f93;/*this is where the rounded corners for the dropdown disappears*/}#cssmenu li:hover li a{background:none}#cssmenu li ul a{display:block;height:50px;font-size:12px;font-style:normal;margin:0;padding:0 10px 0 15px;text-align:left}#cssmenu li ul a:hover,#cssmenu li ul li:hover a{border:0;color:#FFF;text-decoration:none;background:#c60;-webkit-box-shadow:inset 0 0 7px 2px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 0 7px 2px rgba(0,0,0,0.3);box-shadow:inset 0 0 7px 2px rgba(0,0,0,0.3)}</style><a href="http://yuksel-duman.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menu"></a><!-- Dont edit this CSS Drop Down Menu code -->
<!-- sizin özel menü linkleriniz -->
<div id="cssmenu">
<ul>
<li class="active"><a href="#"><span>Home</span></a></li>
<li class="has-sub"><a href="#"><span>Products</span></a>
<ul>
<li><a href="#"><span>Widgets</span></a></li>
<li><a href="#"><span>Menus</span></a></li>
<li class="last"><a href="#"><span>Products</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="#"><span>Company</span></a>
<ul>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Location</span></a></li>
</ul>
</li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
</textarea></div>
<br />
<br />
<br />
<span style="font-size: large;"><b>Platin Sekmeli Açılır Menü:</b></span><br />
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinqZVvRwo_wR0wSQ-D97K2lB-heiulKkBRztmmDQDuPtsId67dHM9pPN01P9Rjc598hB2GN7N__AVnEdXVkNoU0YD9kqTTlqiijWCV5Z50cGWG8To8BCLXJK882BQ6BW0nlk8SoyW3fxk/s1600/Ads%25C4%25B1z.jpg" imageanchor="1"><img border="0" height="96" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinqZVvRwo_wR0wSQ-D97K2lB-heiulKkBRztmmDQDuPtsId67dHM9pPN01P9Rjc598hB2GN7N__AVnEdXVkNoU0YD9kqTTlqiijWCV5Z50cGWG8To8BCLXJK882BQ6BW0nlk8SoyW3fxk/s320/Ads%25C4%25B1z.jpg" width="320" /></a><br />
<br />
<br />
Sekmeli menü CSS kod:<br />
<br />
<div id="grab-codes">
<textarea cols="50" id="grabbit" rows="5"><style type="text/css">@charset 'UTF-8';/* Starter CSS for Flyout Menu */#cssmenu{padding:0;margin:0;border:0;width:auto}#cssmenu ul,#cssmenu ul li,#cssmenu ul ul{list-style:none;margin:0;padding:0}#cssmenu ul{position:relative;z-index:597;float:left}#cssmenu ul li{float:left;min-height:1px;line-height:1em;vertical-align:middle}#cssmenu ul li.hover,#cssmenu ul li:hover{position:relative;z-index:599;cursor:default}#cssmenu ul ul{visibility:hidden;position:absolute;top:100%;left:0;z-index:598;width:100%}#cssmenu ul ul li{float:none}#cssmenu ul ul ul{top:1px;left:99%}#cssmenu ul li:hover > ul{visibility:visible}#cssmenu ul ul{top:1px;left:99%}#cssmenu ul li{float:none}#cssmenu ul ul{margin-top:1px}#cssmenu ul ul li{font-weight:normal}/* Custom CSS Styles */#cssmenu:after,#cssmenu ul:after{content:'';display:block;clear:both}#cssmenu a{color:#333;display:inline-block;font-family:'Lucida Grande','Lucida Sans Unicode',Helvetica,Arial,Verdana,sans-serif;font-size:12px;padding:0 20px;text-align:center;text-decoration:none}#cssmenu a:hover{background:#f6f6f6;border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;box-shadow:0 2px 3px rgba(0,0,0,0.1);-moz-box-shadow:0 2px 3px rgba(0,0,0,0.1);-webkit-box-shadow:0 2px 3px rgba(0,0,0,0.1);position:relative;top:0}#cssmenu ul{background:#e5e5e5;border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;list-style:none}#cssmenu > ul{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAoCAIAAACw1AcgAAAAA3NCSVQICAjb4U/gAAAAHUlEQVQImWN4+vQpEwMDAxMDAwPT////4exBIgYA2loa5nAttNYAAAAASUVORK5CYII=) 100% 100%;background:-moz-linear-gradient(top,#e5e5e5 0%,#ddd 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#e5e5e5),color-stop(100%,#ddd));background:-webkit-linear-gradient(top,#e5e5e5 0%,#ddd 100%);background:-o-linear-gradient(top,#e5e5e5 0%,#ddd 100%);background:-ms-linear-gradient(top,#e5e5e5 0%,#ddd 100%);background:linear-gradient(#e5e5e5 0%,#ddd 100%);box-shadow:0 2px 2px 1px rgba(0,0,0,0.3);-moz-box-shadow:0 2px 2px 1px rgba(0,0,0,0.3);-webkit-box-shadow:0 2px 2px 1px rgba(0,0,0,0.3);padding-top:5px;width:100%}#cssmenu > ul > li{float:left;padding:0 10px;position:relative}#cssmenu > ul > li:hover > a{background:#f6f6f6;border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;box-shadow:0 2px 3px rgba(0,0,0,0.1);-moz-box-shadow:0 2px 3px rgba(0,0,0,0.1);-webkit-box-shadow:0 2px 3px rgba(0,0,0,0.1);position:relative}#cssmenu > ul > li a{line-height:35px}#cssmenu > ul > li a:hover{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}#cssmenu .has-sub:hover ul{display:block}#cssmenu .has-sub a{display:block;position:relative}#cssmenu .has-sub > a:after{content:'';display:block;width:10px;height:9px;position:absolute;right:5px;top:50%;margin-top:-5px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjRCQjdBNUNENDkzMTExRTI4NENBRkFDOUM5MUY0QzI2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjRCQjdBNUNFNDkzMTExRTI4NENBRkFDOUM5MUY0QzI2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NEJCN0E1Q0I0OTMxMTFFMjg0Q0FGQUM5QzkxRjRDMjYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NEJCN0E1Q0M0OTMxMTFFMjg0Q0FGQUM5QzkxRjRDMjYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4qSqkdAAAAtUlEQVR42nyOPQ6DMAyF3bSIKXeplGP0IL1EpU5dkZiQeoDegBt0ZO4BOjORABL5oX4RZCniDZbl99nPh6ZpjkR0pn19TlxclmW7lHOOANZSykue55uQtZbatiXBfdV1Hc3zvAnCY12FUqrm02Xf93/QOI40TdOLmadYZoUxhkIICUKC1hpthRJB3viy8ViMKCR470v23glcdB+GIT7PACEBSauZQN70eBrP4zIn3JC0+j8BBgCxDV02ZQEC4wAAAABJRU5ErkJggg==);-webkit-transform:rotate(360deg)}#cssmenu .has-sub ul{background:#f6f6f6;border:1px solid #ddd;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;display:none;padding:10px 0;position:absolute;left:50%;top:34px;margin-left:-70px;width:140px;z-index:1}#cssmenu .has-sub ul li:hover > a{background:#ddd;color:#ae0001;border-color:#e5e5e5 transparent transparent transparent}#cssmenu .has-sub ul a{line-height:160%;padding:8px 0}#cssmenu .has-sub .has-sub a:after{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjgwRkJGQzk4NDkzMTExRTI4M0U0QzE5NjJFN0U3RjNFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjgwRkJGQzk5NDkzMTExRTI4M0U0QzE5NjJFN0U3RjNFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODBGQkZDOTY0OTMxMTFFMjgzRTRDMTk2MkU3RTdGM0UiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ODBGQkZDOTc0OTMxMTFFMjgzRTRDMTk2MkU3RTdGM0UiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6DuTwoAAAAtUlEQVR42nyOsQ3CMBBFj4CVyktkAvZgEJZAoqKNoMoEjMAGzEDnhtKyGztxYzvmznIsIUX5kq2T/rv7fyeE2APAEbb1OeAXGGObVAgBCHxxzk9t265C3ntQSkGD82CMgZTSKkge6pwB7HmXUibn3N/TWif0nsQ0ZbEfxxHmea6XyLTW0jjQl8Gu675o3IqRNU0TxBgf6L0rWHTFuFweAaAESlrMCuJmpNJUni5jwoWSFv8nwAA0tXChxwneNwAAAABJRU5ErkJggg==);-webkit-transform:rotate(360deg)}#cssmenu .has-sub .has-sub ul{background:#ddd;left:100%;top:0;margin-left:0}#cssmenu .has-sub .has-sub ul a{background:none;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0}#cssmenu .has-sub .has-sub ul a:after{background-image:none}#cssmenu .has-sub .has-sub ul a:hover{background:#bfbfbf}</style><a href="http://yuksel-duman.blogspot.com/" rel="dofollow" target="_blank" title="CSS3 Drop Down Menu"></a><!-- Dont edit this CSS Drop Down Menu code -->
<!-- sizin özel menü linkleriniz -->
<div id="cssmenu">
<ul>
<li class="active"><a href="#"><span>Home</span></a></li>
<li class="has-sub"><a href="#"><span>Products</span></a>
<ul>
<li class="has-sub"><a href="#"><span>Product 1</span></a>
<ul>
<li><a href="#"><span>Sub Item</span></a></li>
<li class="last"><a href="#"><span>Sub Item</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="#"><span>Product 2</span></a>
<ul>
<li><a href="#"><span>Sub Item</span></a></li>
<li class="last"><a href="#"><span>Sub Item</span></a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
</textarea></div>
<br />
<br />
<br />
<span style="font-size: large;"><b>Mavi Drop Down Menü:</b></span><br />
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg_kMD_yrxTEBbGH05ezi86GYR6-KbEG2KWC_gfu6um9Vp7sNcXkBxPqBLgCG6ZSMYHeemVApSQ_l5Y94uJ4nEMu5_5akoQ3enTV2Y3p1dQfgG_tx6wX6C8Grtl8mq466zViNUTAxGAwA/s1600/Ads%25C4%25B1z.jpg" imageanchor="1"><img border="0" height="102" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg_kMD_yrxTEBbGH05ezi86GYR6-KbEG2KWC_gfu6um9Vp7sNcXkBxPqBLgCG6ZSMYHeemVApSQ_l5Y94uJ4nEMu5_5akoQ3enTV2Y3p1dQfgG_tx6wX6C8Grtl8mq466zViNUTAxGAwA/s320/Ads%25C4%25B1z.jpg" width="320" /></a><br />
<br />
CSS ve HTML kod:<br />
<br />
<div id="grab-codes">
<textarea cols="50" id="grabbit" rows="5"><style type="text/css">@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:500);/* 2f4b87 *//* 2f4b87 *//* #1f325d *//* Menu CSS */#cssmenu{width:auto}#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a{padding:0;margin:0;line-height:1;font-family:'Source Sans Pro',sans-serif;font-weight:500;font-size:16px;color:#fff;-webkit-transition:all ease .3s;-o-transition:all ease .3s;-moz-transition:all ease .3s;-ms-transition:all ease .3s;transition:all ease .3s}#cssmenu:before,#cssmenu:after,#cssmenu > ul:before,#cssmenu > ul:after{content:'';display:table}#cssmenu:after,#cssmenu > ul:after{clear:both}#cssmenu a{text-shadow:0 1px 1px rgba(0,0,0,0.2)}#cssmenu ul{background:#3b5998;border-radius:3px;border:1px solid #2b4479;border:1px solid #2d4373;-webkit-box-shadow:0 1px 2px rgba(2,2,2,0.25),inset 0 1px 1px rgba(255,255,255,0.15);-o-box-shadow:0 1px 2px rgba(2,2,2,0.25),inset 0 1px 1px rgba(255,255,255,0.15);-moz-box-shadow:0 1px 2px rgba(2,2,2,0.25),inset 0 1px 1px rgba(255,255,255,0.15);-ms-box-shadow:0 1px 2px rgba(2,2,2,0.25),inset 0 1px 1px rgba(255,255,255,0.15);box-shadow:0 1px 2px rgba(2,2,2,0.25),inset 0 1px 1px rgba(255,255,255,0.15)}#cssmenu ul > li{float:left;list-style:none}#cssmenu ul > li > a{display:block;text-decoration:none;padding:15px 44px;position:relative}#cssmenu ul > li > a:hover{background:#2d4373;-webkit-box-shadow:inset 0 0 1px #1e2e4f;-o-box-shadow:inset 0 0 1px #1e2e4f;-moz-box-shadow:inset 0 0 1px #1e2e4f;-ms-box-shadow:inset 0 0 1px #1e2e4f;box-shadow:inset 0 0 1px #1e2e4f;-webkit-transition:all ease .3s;-o-transition:all ease .3s;-moz-transition:all ease .3s;-ms-transition:all ease .3s;transition:all ease .3s}#cssmenu ul > li > a:hover:before{content:'';z-index:2;position:absolute;border:1px solid white;border-top:0;border-bottom:0;border-right:0;width:100%;height:100%;top:0;left:-1px;opacity:.2}#cssmenu ul > li > a:hover:after{content:'';z-index:2;position:absolute;border:1px solid white;border-top:0;border-bottom:0;border-left:0;width:100%;height:100%;top:0;right:-1px;opacity:.2}#cssmenu > ul > li > ul{opacity:0;visibility:hidden;position:absolute}#cssmenu > ul > li:hover > ul{opacity:1;visibility:visible;position:absolute;border-radius:0 0 3px 3px;-webkit-box-shadow:none;-o-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;box-shadow:none}#cssmenu > ul > li > ul{width:200px;position:absolute}#cssmenu > ul > li > ul > li{float:none;position:relative}#cssmenu > ul > li > ul > li > ul{opacity:0;visibility:hidden;position:absolute}#cssmenu > ul > li > ul > li:hover > ul{opacity:1;visibility:visible;position:absolute}#cssmenu > ul > li > ul > li > ul{left:200px;top:1px;width:200px}#cssmenu > ul > li > ul > li > ul > li{float:none}</style><a href="http://yuksel-duman.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Açılır Menu"></a><!-- Dont edit this CSS Drop Down Menu code -->
<!-- sizin özel menü linkleriniz -->
<div id="cssmenu">
<ul>
<li class="active"><a href="#"><span>Home</span></a></li>
<li class="has-sub"><a href="#"><span>Products</span></a>
<ul>
<li class="has-sub"><a href="#"><span>Product 1</span></a>
<ul>
<li><a href="#"><span>Sub Item</span></a></li>
<li class="last"><a href="#"><span>Sub Item</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="#"><span>Product 2</span></a>
<ul>
<li><a href="#"><span>Sub Item</span></a></li>
<li class="last"><a href="#"><span>Sub Item</span></a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
</textarea></div>
<br />
<br />
<br />
<br />
<span style="font-size: large;"><b>Girintili Yatay Menü:</b></span><br />
<br />
Bu menü stili girintili efektli olmasıdır. Açılır özelliği yoktur.<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnQQ1hQH96pVJ73-kB6uqWNlhyphenhyphenE9oeLM53Uoy8aZhJNwgRP9HvGAgotPhrjHzUK5bhxe729sEq8IuIa5MiNw7gu3v1Ptzlg25dH9caq-eA8RqT137xica5mj-kRvBx1Hl9XAMWnDDpZfU/s1600/Ads%25C4%25B1z.jpg" imageanchor="1"><img border="0" height="38" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnQQ1hQH96pVJ73-kB6uqWNlhyphenhyphenE9oeLM53Uoy8aZhJNwgRP9HvGAgotPhrjHzUK5bhxe729sEq8IuIa5MiNw7gu3v1Ptzlg25dH9caq-eA8RqT137xica5mj-kRvBx1Hl9XAMWnDDpZfU/s320/Ads%25C4%25B1z.jpg" width="320" /></a><br />
<br />
Girintili yatay menü CSS kod:<br />
<br />
<div id="grab-codes">
<textarea cols="50" id="grabbit" rows="5"><style type="text/css">@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);@charset 'UTF-8';/* Base Styles */#cssmenu ul,#cssmenu li,#cssmenu a{list-style:none;margin:0;padding:0;border:0;line-height:1;font-family:'Lato',sans-serif}#cssmenu{border:1px solid #133e40;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;width:auto}#cssmenu ul{zoom:1;background:#36b0b6;background:-moz-linear-gradient(top,#36b0b6 0%,#2a8a8f 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#36b0b6),color-stop(100%,#2a8a8f));background:-webkit-linear-gradient(top,#36b0b6 0%,#2a8a8f 100%);background:-o-linear-gradient(top,#36b0b6 0%,#2a8a8f 100%);background:-ms-linear-gradient(top,#36b0b6 0%,#2a8a8f 100%);background:linear-gradient(top,#36b0b6 0%,#2a8a8f 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='@top-color',endColorstr='@bottom-color',GradientType=0);padding:5px 10px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px}#cssmenu ul:before{content:'';display:block}#cssmenu ul:after{content:'';display:table;clear:both}#cssmenu li{float:left;margin:0 5px 0 0;border:1px solid transparent}#cssmenu li a{-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;padding:8px 15px 9px;display:block;text-decoration:none;color:#fff;border:1px solid transparent;font-size:16px}#cssmenu li.active{-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;border:1px solid #36b0b6}#cssmenu li.active a{-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;display:block;background:#1e6468;border:1px solid #133e40;-moz-box-shadow:inset 0 5px 10px #133e40;-webkit-box-shadow:inset 0 5px 10px #133e40;box-shadow:inset 0 5px 10px #133e40}#cssmenu li:hover{-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;border:1px solid #36b0b6}#cssmenu li:hover a{-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;display:block;background:#1e6468;border:1px solid #133e40;-moz-box-shadow:inset 0 5px 10px #133e40;-webkit-box-shadow:inset 0 5px 10px #133e40;box-shadow:inset 0 5px 10px #133e40}</style><a href="http://yuksel-duman.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menu"></a><!-- Dont edit this CSS Drop Down Menu code -->
<!-- sizin özel menü linkleriniz -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li><a href="#"><span>Products</span></a></li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
</textarea></div>
<br />
<br />
<br />
<span style="font-size: large;"><b>Sekmeli Menü Chrome ve Mavi:</b></span><br />
<br />
Sekmeli menü drop down özelliği yoktur.<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikIKMjL34VpBAuosbTzBHdDc1b4vAimNTY1Ovy_VFafVGiadXRZUeLjzvuu5C6iYoE8q9GWhIoqkuw7Aolw-eDfaZLnqOdzH31gP8kPhF8BR2e4OG8AhGkbV0ojFyEabe9hQAMieDVAgs/s1600/Ads%25C4%25B1z.jpg" imageanchor="1"><img border="0" height="26" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikIKMjL34VpBAuosbTzBHdDc1b4vAimNTY1Ovy_VFafVGiadXRZUeLjzvuu5C6iYoE8q9GWhIoqkuw7Aolw-eDfaZLnqOdzH31gP8kPhF8BR2e4OG8AhGkbV0ojFyEabe9hQAMieDVAgs/s320/Ads%25C4%25B1z.jpg" width="320" /></a><br />
<br />
Sekmeli menü CSS kod:<br />
<br />
<div id="grab-codes">
<textarea cols="50" id="grabbit" rows="5"><style type="text/css">#cssmenu{float:left;width:100%;background:#efefef;font-size:93%;line-height:normal;border-bottom:1px solid #666}#cssmenu ul{margin:0;padding:10px 10px 0 50px;list-style:none}#cssmenu li{display:inline;margin:0;padding:0}#cssmenu a{float:left;background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf5XWryB0kif9Ze4bK4lPOmw73KyHCCasimD8RNlLBNxlgX1Om280vFozQQ2R36XM4dF4nkU8CRkkC6dvcR5i-T9lIWHtGk9oGywoeKwmqTQXWmCT9grJXEFfWFf94d54KoPx52VvPhJJU/s1600/tableftf.gif') no-repeat left top;margin:0;padding:0 0 0 4px;text-decoration:none}#cssmenu a span{float:left;display:block;background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzZQSbLquk_lkh8vghG-alvzQGatYvvhC3Fjzqd64MqcFhIIPZ9EXiHt165TgH5zraBU60SYGsk9ieUChjldl4aT0Tts4xpPhSfUyVl5vQNvi_9W1QLjZlBPzSk6tPQcjvmzKpuQD8_GzI/s1600/tabrightf.gif') no-repeat right top;padding:5px 15px 4px 6px;color:#666}/* Commented Backslash Hack hides rule from IE5-Mac */#cssmenu a span{float:none}/* End IE5-Mac hack */#cssmenu .active a span,#cssmenu a:hover span{color:#FFF}#cssmenu .active a,#cssmenu a:hover{background-position:0 -42px}#cssmenu .active a span,#cssmenu a:hover span{background-position:100% -42px}</style><a href="http://yuksel-duman.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menu"></a><!-- Dont edit this CSS Drop Down Menu code -->
<!-- sizin özel menü linkleriniz -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li><a href="#"><span>Products</span></a></li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
</textarea></div>
<br />
<br />
<br />
<span style="font-size: large;"><b>Turuncu Siyah Tab (sekmeli) Menü</b></span><br />
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7j1I-6QfAu3jZRHx7u8OPN77MrzTktnEKeQZjpfnFG5RR8PWYbOoqOy5TDrOuGSfFmjzYtLK8g9INrvvCfYxCmRi5tdVk2NPbmezEKaLFtoA-rn2hvYsvJGlskUl76lgxim9oK138fhw/s1600/Ads%25C4%25B1z.jpg" imageanchor="1"><img border="0" height="39" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7j1I-6QfAu3jZRHx7u8OPN77MrzTktnEKeQZjpfnFG5RR8PWYbOoqOy5TDrOuGSfFmjzYtLK8g9INrvvCfYxCmRi5tdVk2NPbmezEKaLFtoA-rn2hvYsvJGlskUl76lgxim9oK138fhw/s320/Ads%25C4%25B1z.jpg" width="320" /></a><br />
<br />
<br />
<div id="grab-codes">
<textarea cols="50" id="grabbit" rows="5"><style type="text/css">@import url(http://fonts.googleapis.com/css?family=Capriola);/* Let's import the lovely google font,please keep this line at the top of your stylesheet *//* Menu CSS */#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a{padding:0;margin:0;line-height:1;font-family:'Capriola',sans-serif}#cssmenu:before,#cssmenu:after,#cssmenu > ul:before,#cssmenu > ul:after{content:'';display:table}#cssmenu:after,#cssmenu > ul:after{clear:both}#cssmenu{zoom:1;height:69px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWuOq3SdFLOdSG9SqxNj4EKuZIWXMq1gR8kduNAandDEjF2UOB6vHX2drylEvXvflEKjdc1jCjrujxFARfgAuF0P9dUhZ1U68oo4gildgsM36zefX0GhtaaiD9VxHdOVkKfWbQ_E0vyjpp/s1600/bottom-bg.png) repeat-x center bottom;border-radius:2px;width:auto}#cssmenu ul{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRbxMGePBCd5ZjvLsVzGFayIFU3nHuRwAojadKGCM-wucipAo1bOa6UwliNw3zJ1cn8GPDaNzVVhSn03_hwSATcdDyS0V4JJ51lsAqa7s88YEC6l1P9m1h_ozYQFX0ExDRWofyhx7h693b/s1600/nav-bg.png) repeat-x 0 4px;height:69px}#cssmenu ul li{float:left;list-style:none}#cssmenu ul li a{display:block;height:37px;padding:22px 30px 0;margin:4px 2px 0;border-radius:2px 2px 0 0;text-decoration:none;font-size:15px;color:white;text-shadow:0 1px 1px rgba(0,0,0,0.75);font-weight:400;opacity:.9}#cssmenu ul li:first-child a{margin:4px 2px 0 0}#cssmenu ul li a:hover,#cssmenu ul li.active a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi38GfJR-wWqUZsyWNrbNtkEVckAB_u8IgJ9W8nnWW8ZhvBnDKRaQjLFIDolm1dhPx_fVX1k3c0kRDZt984YJ7obW1gClDdpxJvdM7EnenYkhazOTIaaMejPXYoKePjK5axi5ZsiLjrbusP/s1600/color.png) center bottom;display:block;height:37px;margin-top:0;padding-top:26px;color:#9b4106;text-shadow:0 1px 1px rgba(255,255,255,0.35);opacity:1}</style><a href="http://yuksel-duman.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"></a><!-- Dont edit this CSS Drop Down Menu code -->
<!-- sizin özel menü linkleriniz -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li><a href="#"><span>Products</span></a></li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
</textarea></div>
<br />
<br />
<br />
<span style="font-size: large;"><b>Gri, Mavi, Siyah Açılır Menu:</b></span><br />
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAwv52PpkWQtH7Lbehg3uSOiZSBAquiAJC5IUOgZN9Go35Iw5Xf7yr80Zcc-Rr6KL6ABIroItVaRBGByM5KixV6mDww2KDZwUOeHFreF9QGJno6GPdrIWQe6tv2Vm3L7c8wfI7xjfiyuA/s1600/Ads%25C4%25B1z.jpg" imageanchor="1"><img border="0" height="80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAwv52PpkWQtH7Lbehg3uSOiZSBAquiAJC5IUOgZN9Go35Iw5Xf7yr80Zcc-Rr6KL6ABIroItVaRBGByM5KixV6mDww2KDZwUOeHFreF9QGJno6GPdrIWQe6tv2Vm3L7c8wfI7xjfiyuA/s320/Ads%25C4%25B1z.jpg" width="320" /></a><br />
<br />
<br />
Drop Down Menu CSS+HTML Kod:<br />
<br />
<div id="grab-codes">
<textarea cols="50" id="grabbit" rows="5"><style type="text/css">#cssmenu{border:none;border:0;margin:0;padding:0;font:67.5% 'Lucida Sans Unicode','Bitstream Vera Sans','Trebuchet Unicode MS','Lucida Grande',Verdana,Helvetica,sans-serif;font-size:14px;font-weight:bold;width:auto}#cssmenu ul{background:#333;height:35px;list-style:none;margin:0;padding:0}#cssmenu li{float:left;padding:0}#cssmenu li a{background:#333 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP0mWQAZmR7LMW75gPn8GENPFwMdSuzyReAbw252JxhvOvhJD7EkjELFI1J1IjimsOZWeEtdBm9hTvJmC_xTfoHCYE7TftHr_Lt67qWyhyphenhyphenQE5BsLs-mdBu3qTU0ZR6t4ZAACo4LUYvrjDL/s1600/seperator.gif') bottom right no-repeat;display:block;font-weight:normal;line-height:35px;margin:0;padding:0 25px;text-align:center;text-decoration:none}#cssmenu > ul > li > a{color:#ccc}#cssmenu ul ul a{color:#ccc}#cssmenu li > a:hover,#cssmenu ul li:hover > a{background:#2580a2 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQOTl64mIGRhMnuKjSYRKOqWI-RYHUNGhe5SKo1Kf8io_4VuDzpCS2qVuUQQWOTeiTSq4JrrSRM-3k_engYJsQgDKTEMz27WUrx90fyTq3Pp9KwsIbmfxspY4vFTxFjkSBlG2-jLsL8kAz/s1600/hover.png') bottom center no-repeat;color:#FFF;text-decoration:none}#cssmenu li ul{background:#333;display:none;height:auto;padding:0;margin:0;border:0;position:absolute;width:225px;z-index:200;/*top:1em;/*left:0;*/}#cssmenu li:hover ul{display:block}#cssmenu li li{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgH5TFG7sTwhgv-M5ZvsZFh0PP6ieou86i7VCxF89dKObi39twPJ4hqQVSp8M5jZjQuK0crieB1DUgMYz3S676rwt2YwVBmq2bLVFc7LRNJZYDDtXi91BSmVJYWrfZhtLQ95qUbvv1mmJYr/s1600/sub_sep.gif') bottom left no-repeat;display:block;float:none;margin:0;padding:0;width:225px}#cssmenu li:hover li a{background:none}#cssmenu li ul a{display:block;height:35px;font-size:12px;font-style:normal;margin:0;padding:0 10px 0 15px;text-align:left}#cssmenu li ul a:hover,#cssmenu li ul li:hover > a{background:#2580a2 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1amxWy-b0P5OYXtzHb_X8yjOMIkt9ebzuKTvvyPtTF_bP9qrZvM1SDmDe2XXdW7V-hRVKg3GtuQyByM-j8rondQgg948QpcIih0x7_AOLccRf5-sAZtHdskf61VG4hIZiHgDmIkvvjIJV/s1600/hover_sub.png') center left no-repeat;border:0;color:#fff;text-decoration:none}#cssmenu p{clear:left}</style><a href="http://yuksel-duman.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"></a><!-- Dont edit this CSS Drop Down Menu code -->
<!-- sizin özel menü linkleriniz -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li class="has-sub"><a href="#"><span>Products</span></a>
<ul>
<li><a href="#"><span>Widgets</span></a></li>
<li><a href="#"><span>Menus</span></a></li>
<li class="last"><a href="#"><span>Products</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="#"><span>Company</span></a>
<ul>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Location</span></a></li>
</ul>
</li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
</textarea></div>
<br />
<br />
<br />
<span style="font-size: large;"><b>CSS Kırmızı Beyaz Açılır Menü:</b></span><br />
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXs9l5P1dk7WKjz6OTnJ8nKTcxdvkFfhOfW7S8_NxclwMZK8N-uqRydXXMrA4UNlWw_KyVJrf4n3F5r8AlV4pHijWJq6_BwMR__W6x-qKUD8qCW3IpIvlBTN13O8EAeptRe8OEeNBm2TY/s1600/Ads%25C4%25B1z.jpg" imageanchor="1"><img border="0" height="72" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXs9l5P1dk7WKjz6OTnJ8nKTcxdvkFfhOfW7S8_NxclwMZK8N-uqRydXXMrA4UNlWw_KyVJrf4n3F5r8AlV4pHijWJq6_BwMR__W6x-qKUD8qCW3IpIvlBTN13O8EAeptRe8OEeNBm2TY/s320/Ads%25C4%25B1z.jpg" width="320" /></a><br />
<br />
CSS+HTML Kod:<br />
<br />
<div id="grab-codes">
<textarea cols="50" id="grabbit" rows="5"><style type="text/css">#cssmenu ul,#cssmenu li,#cssmenu span,#cssmenu a{margin:0;padding:0;position:relative}#cssmenu{height:49px;border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;background:#fefefe;background:-moz-linear-gradient(top,#fefefe 0%,#eee9f0 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fefefe),color-stop(100%,#eee9f0));background:-webkit-linear-gradient(top,#fefefe 0%,#eee9f0 100%);background:-o-linear-gradient(top,#fefefe 0%,#eee9f0 100%);background:-ms-linear-gradient(top,#fefefe 0%,#eee9f0 100%);background:linear-gradient(top,#fefefe 0%,#eee9f0 100%);border-bottom:2px solid #db000b;width:auto}#cssmenu:after,#cssmenu ul:after{content:'';display:block;clear:both}#cssmenu a{background:#fefefe;background:-moz-linear-gradient(top,#fefefe 0%,#ececec 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fefefe),color-stop(100%,#ececec));background:-webkit-linear-gradient(top,#fefefe 0%,#ececec 100%);background:-o-linear-gradient(top,#fefefe 0%,#ececec 100%);background:-ms-linear-gradient(top,#fefefe 0%,#ececec 100%);background:linear-gradient(top,#fefefe 0%,#ececec 100%);color:#000;display:inline-block;font-family:Helvetica,Arial,Verdana,sans-serif;font-size:12px;line-height:49px;padding:0 20px;text-decoration:none}#cssmenu ul{list-style:none}#cssmenu > ul{float:left}#cssmenu > ul > li{float:left}#cssmenu > ul > li > a{color:#000;font-size:12px}#cssmenu > ul > li:hover:after{content:'';display:block;width:0;height:0;position:absolute;left:50%;bottom:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #db000b;margin-left:-10px}#cssmenu > ul > li:first-child > a{border-radius:5px 0 0 0;-moz-border-radius:5px 0 0 0;-webkit-border-radius:5px 0 0 0}#cssmenu > ul > li.active:after{content:'';display:block;width:0;height:0;position:absolute;left:50%;bottom:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #db000b;margin-left:-10px}#cssmenu > ul > li.active > a{-moz-box-shadow:inset 0 0 2px rgba(0,0,0,0.1);-webkit-box-shadow:inset 0 0 2px rgba(0,0,0,0.1);box-shadow:inset 0 0 2px rgba(0,0,0,0.1);background:#ececec;background:-moz-linear-gradient(top,#ececec 0%,#fef ef 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ececec),color-stop(100%,#fef ef));background:-webkit-linear-gradient(top,#ececec 0%,#fef ef 100%);background:-o-linear-gradient(top,#ececec 0%,#fef ef 100%);background:-ms-linear-gradient(top,#ececec 0%,#fef ef 100%);background:linear-gradient(top,#ececec 0%,#fef ef 100%)}#cssmenu > ul > li:hover > a{background:#ececec;background:-moz-linear-gradient(top,#ececec 0%,#fef ef 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ececec),color-stop(100%,#fef ef));background:-webkit-linear-gradient(top,#ececec 0%,#fef ef 100%);background:-o-linear-gradient(top,#ececec 0%,#fef ef 100%);background:-ms-linear-gradient(top,#ececec 0%,#fef ef 100%);background:linear-gradient(top,#ececec 0%,#fef ef 100%);-moz-box-shadow:inset 0 0 2px rgba(0,0,0,0.1);-webkit-box-shadow:inset 0 0 2px rgba(0,0,0,0.1);box-shadow:inset 0 0 2px rgba(0,0,0,0.1)}#cssmenu .has-sub{z-index:1}#cssmenu .has-sub:hover > ul{display:block}#cssmenu .has-sub ul{display:none;position:absolute;width:200px;top:100%;left:0}#cssmenu .has-sub ul li{*margin-bottom:-1px}#cssmenu .has-sub ul li a{background:#db000b;border-bottom:1px dotted #ff0f1b;filter:none;font-size:11px;display:block;line-height:120%;padding:10px;color:#fff}#cssmenu .has-sub ul li:hover a{background:#a80008}#cssmenu .has-sub .has-sub:hover > ul{display:block}#cssmenu .has-sub .has-sub ul{display:none;position:absolute;left:100%;top:0}#cssmenu .has-sub .has-sub ul li a{background:#a80008;border-bottom:1px dotted #ff0f1b}#cssmenu .has-sub .has-sub ul li a:hover{background:#8f0007}</style><a href="http://yuksel-duman.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"></a><!-- Dont edit this CSS Drop Down Menu code -->
<!-- sizin özel menü linkleriniz -->
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li class="has-sub"><a href="#"><span>Products</span></a>
<ul>
<li class="has-sub"><a href="#"><span>Product 1</span></a>
<ul>
<li><a href="#"><span>Sub Item</span></a></li>
<li class="last"><a href="#"><span>Sub Item</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="#"><span>Product 2</span></a>
<ul>
<li><a href="#"><span>Sub Item</span></a></li>
<li class="last"><a href="#"><span>Sub Item</span></a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
</textarea></div>
<br />
Takıldığınız yer olursa yorum formundan sorabilirsiniz.<br />
<br />Yüksel Dumanhttp://www.blogger.com/profile/08139362453018366237noreply@blogger.com2tag:blogger.com,1999:blog-8395037974938964802.post-10007658077718553332016-01-14T21:09:00.002+02:002016-04-06T11:32:13.753+03:00Powered by Blogger YAZISI Kaldırma (Atıf)Blogspot uzantılı blogların footer kısmında duran "<a href="http://yuksel-duman.blogspot.com/2016/01/powered-by-blogger-yazisi-kaldrma-atf.html">Powered by Blogger</a>" yazısını sanırım bilirsiniz.<br />
Bu yazının (atıfın) nasıl kaldırılacağını merak edenler olmuştur haliyle.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0QrsENYoo_bMHcAzh1ennzyXPtMBk1xHNVV2Mxtun5yMWuaLxYPia-E6mNet4folnCXTAZDlzvaAdyx-gHn2DL2xbkRpl13iUFWeDdITV0geqN9tZqAvx-MX2vEqh6M8y1NDfp7g24Bg/s1600/blogger+at%25C4%25B1f+kald%25C4%25B1rma.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0QrsENYoo_bMHcAzh1ennzyXPtMBk1xHNVV2Mxtun5yMWuaLxYPia-E6mNet4folnCXTAZDlzvaAdyx-gHn2DL2xbkRpl13iUFWeDdITV0geqN9tZqAvx-MX2vEqh6M8y1NDfp7g24Bg/s400/blogger+at%25C4%25B1f+kald%25C4%25B1rma.jpg" title="Blogger atıf kaldırma" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Powered by blogger</td></tr>
</tbody></table>
<br />
<br />
Eğer <a href="http://yuksel-duman.blogspot.com/2016/01/powered-by-blogger-yazisi-kaldrma-atf.html">blogger atıfı kaldırmak</a> isterseniz şu adımları takip edin.<br />
Kontrol paneli, şablon, HTML'yi düzenle bağlamından site kodlarının olduğu bölüme gelin.<br />
Aşağıdaki kodu ctrl+f ile bulun.<br />
<br />
<pre style="background-color: #eeeeee; border: 1px dashed #999999; color: black; font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: 12px; line-height: 14px; overflow: auto; padding: 5px; width: 15%;"><code>]]></b:skin></code></pre>
<br />
Bu kodun üzerine alttaki kodu ekleyip şablonu kaydedin.<br />
<br />
<pre style="background-color: #eeeeee; border: 1px dashed #999999; color: black; font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: 12px; line-height: 14px; overflow: auto; padding: 5px; width: 99%;"><code>#Attribution1 {
height:0px;
visibility:hidden;
display:none
}</code></pre>
<br />
Artık blog'da o yazıdan kutuldunuz. Sağlıcakla...Yüksel Dumanhttp://www.blogger.com/profile/08139362453018366237noreply@blogger.com6