Dreamweaver CS4 | CSS Menu Tasarımı
Web siteniz için profesyonel menüler yapmak için CSS kullanmaya ne dersiniz? Hiçbir resim yada kod kullanmadan CSS tabanlı menuler yapın.
Bu video da yer alan konular…
- CSS ile interaktif menu tasarımı
- Unordered List kullanımı
- Yeni stil tanımlama
You might also like:
50 yorum
Yorum Gönder
© 2011. Tüm hakları saklıdır. İçeriği izinsiz kullanmak yasaktır.
mehmet coşkun
21 Aralık 2009hocam diğer siteye yazdım ama burayada yazayım
yatay menü tasarlıcam ama bir türlü o database oluşturma videondaki gibi yapamıyorum yardımcı olursan sevinirim
Hakan Çamoğlu
22 Aralık 2009Merhaba Mehmet, float özelliğini left yap yeter ;)
mehmet coşkun
22 Aralık 2009hocam deniyorum hep..
http://img22.imageshack.us/i/resim1rm.png/
buraya kadar oke amaaa float özelliğini left yapınca olay şöle oluo
http://img13.imageshack.us/i/hocambak.png/
hani şu menü blocklarınıda yapıorum sol tara dayalı oluyolar ama istediğim menü blocklarında sonra öle
boş bloğun olması aynı database ve üye işlemleri videondaki tasarımda
hocam k.bakma çok şey söledim
Hakan Çamoğlu
22 Aralık 2009Tamam işte süper gidiyorsun, herşey doğru ;)
Bu aşamadan sonra CSS Menu Tasarımı videosunu aynen izlemeye devam et. Yani a tagını seçim menüyü istediğin şekle sokabilirsin. Sonra da Margin’den istediğin yerine boşluk ver.
mehmet coşkun
23 Aralık 2009peki hocam deniyim bi çok sağol :)
mehmet coşkun
23 Aralık 2009hocam dene dene olmuyo yau yada ben yapamıyorum
http://www.loadtr.com/474822-bak.htm
burdan sonra ne yapıcam eğer zahmet olmassa söyleyebilirmisin işin alıkoyuyasam hocam lütfen mâzur görün lütfen..
Hakan Çamoğlu
23 Aralık 2009Mehmer CSS Menü Tasarımı videosundakileri aynen yapacaksın. Tek fark “li” etiketine float: left demek olacak.
mehmet coşkun
23 Aralık 2009hocam denedim hertürlü bişey eksik yapıyorum sanırım yada ayar eksikliği var herşey için çok çok saol 1 numarasın hocam
Zekai
24 Aralık 2009Hocam kıbrısta programlama bölümünde okuyorum.fakat web tasarım hakkinda fazla biesey ogrettikleri yok.sizden daha cok sey ogreniyorum.Size bir sorum olacak.Css Menu tasarımı adlı videonuzdaki herseyi adım adim yapıyorum ama olmuyor.Hata ilk başta “new css rule” dedikten sonra sizin video da çıkan bi menu gibi bir menu gelmiyor bende.Gelen pencerede
”
selector Type
Class(can apply to any tag)
Tag(redefines the look of a spesific tag)
advanced(IDs,pseudo-class sectors)
Name
Define in
new style shhet file
This document only
”
galiba dreamweaver 8 kullandıgım için olmuyor yoksa baska birseymi hocam.Tesekkur ederim..
Hakan Çamoğlu
24 Aralık 2009Aynen öyle Zekai,
Dw 8 kullanıyorsan açılan ekran farklı olur ve oradaki bilgiler otomatik olarak gelmez elle girmen gerekir. CS3 ve CS4 versiyonlarında işler biraz daha kolay çünkü New CSS Rule ekranında herşey hazır geliyor.
mehmet coşkun
31 Aralık 2009hocam meraba gene ben :P
http://img69.imageshack.us/img69/208/denemen.jpg
hocam yapmaya çalıştım beynim bulandı neredeyse ve inat yaptım yapıcam istediğim boşluğu resimde belirttim ben dw3 kullanıyorum acaba benim dw den kaynaklanan bişey midir ?
Hakan Çamoğlu
02 Ocak 2010Merhaba Mehmet,
Bu resimde gösterdiğini yapmak için biraz daha farklı bir yol izlemen gerekiyor.
1. ilk olarak menü için bir DIV aç ve bu divin arkaplan rengi menudekilerle aynı olsun.
2. Menü tekniğini uygula.
3. A etiketindeki stillerde sağ tarafında 1 px çizgi oluşturmak için boşluk kullanıyorduk. Şimdi boşluk işe yaramaz onun yerine border kullan.
Bunları yaptığın anda menu bittikten sonra DIV gözükecektir. DIV’in arkaplan rengi de menu ile aynı olduğundan istediğin sonuca ulaşabilirsin.
mehmet coşkun
02 Ocak 2010Hocam çok sağol bu kez yaptım ve gayet güzel oldu :)
Fatih YÜKSEL
06 Ocak 2010Hakan bey merhaba,
Çalışmalarınıza ve bunları bizim gibi kullanıcılrın yararına sunmanız son derece asil bir davranış bunun içn teşekkür ederim. Sizin bilgilerni bana yön veriyor ve bu sayede daha önceden Swish-max kullanarak yaptığım flash içerikli web sitemi Dreamwaver ile yapmaya başladım. Daha kolay ve daha başarılı oluyor.
Paylaştığınız videoda Kullanıcı girişi nasıl yapılır bunu anlatmıştınız aynen uyguladım ve çalıştırdım ancak sorunum şu ben kullanıcı kaydı nasıl olşturulur bunu bilemiyorum. Atladığım bir konu mu var yoksa siz bana bu konuda br yol gösterebilirmisiniz ? TAbi ayrı bir sorunda divlei yanyana koymak ama ora ben hata yapıyorum sanırım.
İlginize ve desteğinize teşekkür ederim.
Hakan Çamoğlu
06 Ocak 2010Merhaba Fatih Bey,
Çok yakında bütün konuların detaylı video eğitimlerini başka bir site üzerinden paylaşıyor olacağım.
kübra
07 Ocak 2010merhaba . ben kübra tablosuz tasarım videonuzu isledim çok güzel olmuş.ben bilgisayar bölümü web programcılığı okuyorum.dönem ödevim tablosuz tasarım hiç birşey bilmeme rağmen yayınladığınız videoyla geyet iyi öğrendim. bu video yu okulda arkadaşlarıma da izletmek istiyorum ama bir indiremedim .nerden indirebileceğim konusunda bana bilgi verebilirmisiniz acaba :S:(
Hakan Çamoğlu
07 Ocak 2010Kübra videoları indirebileceğiniz bir adres yok. İzlemek isteyen arkadaşlarına sitemin adresini verebilirsin.
Sezai
07 Ocak 2010Anlatımınız çok sade ve başarılı. Yaptığınız bu eğitim hizmeti için sizi kutlarım. Diğer tüm konuları paylaşacağınız siteyi merakla bekliyor olacam. İyi çalışmalar dilerim, hoş ve esen kalın…
Murat SARI
21 Ocak 2010Hakan Kardeş Seni Taktır edıyorum gercekten benım gıbı sende sabırlısın arkadaslar ne yaptıysam olmuyor dıyor onlara bır sey soylemek ıstıyorum anlayacagını umuyorum :) bu sıteye yuzlerce kısı gırıyor herkez ogrenıp yapsa bızler nerden para kazanıcaz :)
Osman
26 Ocak 2010Hakan bey Allah sizden binlerce kez razı olsun. Sizin sayenizde bir çok şeyi yapabiliyorum, herkes bir artisti ya da bir futbolcuyu veya bir bilim adamını örnek alır bende sizin yolunuzda yürüyorum sizi sadece videolardan tanıyorum bu da bana yeterli. Akıcı anlatımınızla ilham veriyorsunuz. Sizden şunu öğrenmek isterim yeri mi bilmiyorum ama hiç kod yazmadan tamamen dinamik bir site hazırlayabiliyormuyuz çünkü ben sadece işin tasarımıyla ilgileniyorum eğer kod yazmadan dinamik site yapabiliyorsak kendimi o alanda da yetiştrimek isterim.
Şimdi den Teşekkür Ederim
Saygılarımla
Hakan Çamoğlu
26 Ocak 2010Merhaba Osman,
Öncelikle teşekkür ederim güzel yorumların için. Kod yazmadan birçok şeyi yapmak mümkün ama herşey değil. Yani hazırını kullansanda temeli bilmek gerekir. Kod yazmadan birçok şey yapılabilir ama kod da mutlaka bilinmeli.
Faruk
29 Ocak 2010Merhaba Hakan Hocam
Ben kendi okulumda web tasarım kursu gördüm sertfitika aldım fakat tablo üzerinde öğretti hocamız. sizde tablodan yapmayın sitenizi demişiniz gerçektende kaba oluyordu.
Divle daha yeniyim..
div le tasarımı yaptım videonuzdaki gibi fakat ben menu mun yan tarafta olmasını istiyorum birtürlü yapamadım yani menu’m yanda içeriğim de onun yanında olucak şekilde.. sizden yardım istiyorum
Hakan Çamoğlu
31 Ocak 2010Yan yana getirmek apayrı bir konu bunu ileri de farklı video eğitimlerle paylaşıcam ama şimdilik aşağıdaki dokümana bakabilirsin.
http://www.camoglu.net/CSSModelleme.pdf
Yusuf
07 Şubat 2010Yanyana getirmek ile ilgili hala bir çalışma yapmadınız hakan bey ?
Ne zaman hazırlarsınız sabırsızlıkla bekliyorumda …
Can Erçin
09 Şubat 2010Merhaba Hakan Abi
Ben 16 Yaşındayım Html ,Xlm ,CSS,PHP,FTP Kullanabilir site yapabiliriyorum .tr.ggde Ve Sayende Dreamweaver & flahs Konusunda az Bişey Ögrendim
abi sorunumu şöle anlatam oyun sitem için şöle bir tasarim yaptım fakat
tasarımın ortasaına içerik ekleyemiyorum tasarımı siteye uyguluyorum ama herhangi bir sayfaya gittigi zaman içerik tasarim en altında çıkıyor tasarımın bittigi yer yani
http://i1002.hizliresim.com/2010/2/8/6457.jpg
tasarim bu ama ortada yerde çıkmıyor içerikler sorunumu nasıl halledebilirim sadece onu yapamdım menuler felan oluyor da sadece sitemin içerigi ortada açılmıyor sitem hw-oyun.tr.gg
sayfanın üsteki resim ile altaki resim arasında çıkmasını istiyorum konuların açılan sayfaların yani
birine sordum connect alanı vermemişsin dedi
sana soruyorum abi nasıl olcak yardımlarını bekliyorum şimdiden saol
Halil
23 Şubat 2010hocam anlatımlar için çok teşekkürler.. benim gibi web pek anlamayan ama istekli birine:) çok yardımı oldu. Hakan hocam sizden istegimin div kullanarak site yapımında divlerin köşelerini nasil avalleştirilebilir.. biraz araştırdım ancak bulduğum kodlar internet expolerde çalışmıyor.. expolerde ovelleştirmeyi sağlayacak bir yöntemi bizimle paylaşırsanız çok memun olurum … şimdiden teşekküler..
Destan
25 Şubat 2010Super hocam emegin icin tesekkurler sayende daha güzel siteler tasarlayacagiz devamini dileriz
Hakan
20 Mart 2010Hocam sana ne kadar çok tşk etsem azdır.Videoları o kadar güzel ve detaylı anlatıosunuz ki öğrenmemek elde değil:)Kendi Kendime diorum acaba bende bigün o bilgi derecesine ulaşabilekmiyim? :) Yeni videolarınızı merakla bekliorum
Hakan
20 Mart 2010Bide bişey daha sormak istiyorum.Acaba Dreamweaver ile birlikte asp derslerinizde olacak mı? :)
burhan
29 Mart 2010merhabalar hocam öncelikle bu dersleriniz için bir çok sanal takipçiniz gibi ben de size minnetdarım. yanlız yeni ayrıntılı ders videolarını başka bir sitede yayınlayacağınızı söylediniz. yeni sitenin ismini bizimle paylaşabilir misiniz?
teşekkürler….
Hakan Çamoğlu
29 Mart 2010http://www.onlinevideoegitim.com
Serhat
03 Nisan 2010Merhabalar hocam. Benim sorum css ile açılır menü yapabilir miyiz? Mesela menüyü yatay olarak hazırladığımızda üzerine geldiğimiz menü aşağı doğru açılacak şekilde.Şimdiden teşekkür ediyorum.
Hakan Çamoğlu
04 Nisan 2010Evet yapabiliriz bunlara ilerleyen zamanlarda videolarda yer vereceğim ama önce temel bilgiler bitmeli :)
tuğba
19 Nisan 2010mehaba hocam css zengarden sitesindeki 124 numaralı menüyü nasıl yapabilirm bu konuda yardımcı olabilirmisiniz
ümit
29 Nisan 2010hocam zaten cotlamadan bir şey yapmak için bu site ye giriliyor sizde biliyorsunuzki bu işi dısngilede dizip harekete geçeriz işi zorlaştırmayın bir zahmet
hüseyin eğri
05 Mayıs 2010merhaba hocam,
şimdi biz bunu yapıyoruz daha doğrusu yapamıyoruz :D ustune gelınce renk degısmıyor :S
umut uysal
05 Mayıs 2010ya hocam asp .net te site yapıyoruz
çok zorlanıyoz hocalar bişey ögretmiyo bize yardım edermisiniz lütfen :))
Admin Ali
06 Haziran 2010hocam gerçekten çok önemli konular anlatıyorsunuz ve gerçekten hepsinide 1 kerede anlıyorum ve sizin sayenizde kendime çok şey kattım gerçekten çok teşekkür ediyorum ve derslerin devamını diliyorum …
hasan koc
16 Temmuz 2010hakan bey türkceniz anlatımınız harika benim sizden bir dileğim olucak
yaptığım sitede divler gözüksün üstelik kenar cizgileri gözüksün ve kalınlık vermek gölgelendirmek derinlik vermek istiyorum css bu mümkünmü
bunu ders olarak işlerseniz cok sevinirim
emeb
20 Ağustos 2010merhaba hakan bey,
tablosuz tasarım1,2 ve bu menü dersini uyguladım çok iyi oldu.yalnız ben istiyorum ki menüde herhangi bir butona bastığımda “içerik ” divinin içinde açılsın ama bunu yapamadım.iframe ile denedim olmadı. yardımcı olur musunuz? yani tek sayfada sayfa içeriği değişerek tüm işimi görmek istiyorum… divin içinde iframe koyduğum zaman renkleri de uyduramıyorum iframe içi beyaz oluyor değişmiyor.lütfen yardımcı olurmusunuz?
emeb
22 Ağustos 2010slm sorunu ben halletim, çok tşk ederim size;) çok tatlısınız;)
melik
16 Eylül 2010ben cs5 kullanıyorumda etiketini ayarladım etiketine gelince bende etiketi yok ne yapabilirim..
Şimdiden Teşekkkürler
melik
16 Eylül 2010demin yukarıya yazdımda çıkmamış .. etiketi yok bende ne yababilirim..
melik
16 Eylül 2010yine görünmüyor yorumda :( a etiketi yok ne yapabilirim
Özgür
21 Eylül 2010Teşekkür ederim, emeğinize sağlık.
Hakan Çamoğlu
21 Eylül 2010melik: a etiketi yazıya link verdikten sonra oluşur. Menüdeki yazılara link verdin mi?
ozge
16 Kasım 2010merhaba hocam ben rengi değiştirdiğim halde yalnızca gri tonlar görünüyor kanal gri olmuş durumda bi türlü düzeltemedim cevabınızı mail olarak atarsanız çok sevinirim çünkü sürekli siteyi kontrol etme imkanı bulamıyorum çok teşekkür ederim şimdiden saolun
erkan aydın
05 Ocak 2011HAKAN bey, Verdiğiniz bilgileri kullanıp gelişiyoruz.sisstemler değişir,dünya değişir,hatta insanlık değişiyor.siizi kutluyorum..tüm bu iyilikleri,güzellikleri paylaşmanız cömertlikten çok daha ötesi bişey.sadece bir kuru teşşekkürden çok daha fazlasını hakediyorsunuz.hakkınızı helal ediniz.ailenizle mutlu huzurlu sağlıklı
bir yaşam sürmeniz için sizin için dua ediyorum.ii.çalışmalar..
cem doğan
17 Ekim 2011merhabalar. sizin tablosuz tasarım videonuzu izledikten sonra ilk sitem olan http://www.trendreklamajansi.com adlı siteyi çok rahat bi şekilde yaptım.çok anlaşılır ve akıcı anlattığınız için dersleri teşekkür ederim. menü kısmında butona tıklandıktan sonra o şekilde kalmasını istiyorum ki hangi sayfada olunduğu anlaşılsın.nasıl olacak bu iş ? :)
Mahmut Çevik
23 Kasım 2011Merhaba Hocam Yakından Takip Ediyorum…
Bir sorum olacaktı o Yaptığınız dikey menünün yanında birde yatay anlatımlı olarak yapsanız olurmu acaba..
şimdiden Teşekkür Ederim..