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
50 Comments
mehmet coşkun
about 12 sene agohocam 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
about 12 sene agoMerhaba Mehmet, float özelliğini left yap yeter ;)
mehmet coşkun
about 12 sene agohocam 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
about 12 sene agoTamam 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
about 12 sene agopeki hocam deniyim bi çok sağol :)
mehmet coşkun
about 12 sene agohocam 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
about 12 sene agoMehmer CSS Menü Tasarımı videosundakileri aynen yapacaksın. Tek fark "li" etiketine float: left demek olacak.
mehmet coşkun
about 12 sene agohocam 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
about 12 sene agoHocam 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
about 12 sene agoAynen ö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
about 12 sene agohocam 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
about 12 sene agoMerhaba 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
about 12 sene agoHocam çok sağol bu kez yaptım ve gayet güzel oldu :)
Fatih YÜKSEL
about 12 sene agoHakan 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
about 12 sene agoMerhaba 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
about 12 sene agomerhaba . 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
about 12 sene agoKübra videoları indirebileceğiniz bir adres yok. İzlemek isteyen arkadaşlarına sitemin adresini verebilirsin.
Sezai
about 12 sene agoAnlatı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
about 12 sene agoHakan 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
about 12 sene agoHakan 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
about 12 sene agoMerhaba 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
about 12 sene agoMerhaba 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
about 12 sene agoYan 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
about 12 sene agoYanyana 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
about 12 sene agoMerhaba 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
about 12 sene agohocam 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
about 12 sene agoSuper hocam emegin icin tesekkurler sayende daha güzel siteler tasarlayacagiz devamini dileriz
Hakan
about 12 sene agoHocam 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
about 12 sene agoBide bişey daha sormak istiyorum.Acaba Dreamweaver ile birlikte asp derslerinizde olacak mı? :)
burhan
about 12 sene agomerhabalar 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
about 12 sene agohttp://www.onlinevideoegitim.com
Serhat
about 12 sene agoMerhabalar 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
about 12 sene agoEvet yapabiliriz bunlara ilerleyen zamanlarda videolarda yer vereceğim ama önce temel bilgiler bitmeli :)
tuğba
about 12 sene agomehaba hocam css zengarden sitesindeki 124 numaralı menüyü nasıl yapabilirm bu konuda yardımcı olabilirmisiniz
ümit
about 12 sene agohocam 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
about 12 sene agomerhaba hocam, şimdi biz bunu yapıyoruz daha doğrusu yapamıyoruz :D ustune gelınce renk degısmıyor :S
umut uysal
about 12 sene agoya hocam asp .net te site yapıyoruz çok zorlanıyoz hocalar bişey ögretmiyo bize yardım edermisiniz lütfen :))
Admin Ali
about 12 sene agohocam 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
about 12 sene agohakan 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
about 12 sene agomerhaba 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
about 12 sene agoslm sorunu ben halletim, çok tşk ederim size;) çok tatlısınız;)
melik
about 12 sene agoben cs5 kullanıyorumda etiketini ayarladım etiketine gelince bende etiketi yok ne yapabilirim.. Şimdiden Teşekkkürler
melik
about 12 sene agodemin yukarıya yazdımda çıkmamış .. etiketi yok bende ne yababilirim..
melik
about 12 sene agoyine görünmüyor yorumda :( a etiketi yok ne yapabilirim
Özgür
about 12 sene agoTeşekkür ederim, emeğinize sağlık.
Hakan Çamoğlu
about 12 sene agomelik: a etiketi yazıya link verdikten sonra oluşur. Menüdeki yazılara link verdin mi?
ozge
about 12 sene agomerhaba 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
about 11 sene agoHAKAN 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
about 11 sene agomerhabalar. sizin tablosuz tasarım videonuzu izledikten sonra ilk sitem olan 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
about 11 sene agoMerhaba 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..