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 8 sene ago

hocam 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 8 sene ago

Merhaba Mehmet, float özelliğini left yap yeter ;)

mehmet coşkun

about 8 sene ago

hocam 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 8 sene ago

Tamam 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 8 sene ago

peki hocam deniyim bi çok sağol :)

mehmet coşkun

about 8 sene ago

hocam 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 8 sene ago

Mehmer CSS Menü Tasarımı videosundakileri aynen yapacaksın. Tek fark "li" etiketine float: left demek olacak.

mehmet coşkun

about 8 sene ago

hocam 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 8 sene ago

Hocam 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 8 sene ago

Aynen ö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 8 sene ago

hocam 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 8 sene ago

Merhaba 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 8 sene ago

Hocam çok sağol bu kez yaptım ve gayet güzel oldu :)

Fatih YÜKSEL

about 8 sene ago

Hakan 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 8 sene ago

Merhaba 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 8 sene ago

merhaba . 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 8 sene ago

Kübra videoları indirebileceğiniz bir adres yok. İzlemek isteyen arkadaşlarına sitemin adresini verebilirsin.

Sezai

about 8 sene ago

Anlatı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 8 sene ago

Hakan 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 8 sene ago

Hakan 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 8 sene ago

Merhaba 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 8 sene ago

Merhaba 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 8 sene ago

Yan 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 8 sene ago

Yanyana 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 8 sene ago

Merhaba 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 8 sene ago

hocam 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 8 sene ago

Super hocam emegin icin tesekkurler sayende daha güzel siteler tasarlayacagiz devamini dileriz

Hakan

about 8 sene ago

Hocam 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 8 sene ago

Bide bişey daha sormak istiyorum.Acaba Dreamweaver ile birlikte asp derslerinizde olacak mı? :)

burhan

about 7 sene ago

merhabalar 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 7 sene ago

http://www.onlinevideoegitim.com

Serhat

about 7 sene ago

Merhabalar 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 7 sene ago

Evet yapabiliriz bunlara ilerleyen zamanlarda videolarda yer vereceğim ama önce temel bilgiler bitmeli :)

tuğba

about 7 sene ago

mehaba hocam css zengarden sitesindeki 124 numaralı menüyü nasıl yapabilirm bu konuda yardımcı olabilirmisiniz

ümit

about 7 sene ago

hocam 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 7 sene ago

merhaba hocam, şimdi biz bunu yapıyoruz daha doğrusu yapamıyoruz :D ustune gelınce renk degısmıyor :S

umut uysal

about 7 sene ago

ya hocam asp .net te site yapıyoruz çok zorlanıyoz hocalar bişey ögretmiyo bize yardım edermisiniz lütfen :))

Admin Ali

about 7 sene ago

hocam 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 7 sene ago

hakan 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 7 sene ago

merhaba 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 7 sene ago

slm sorunu ben halletim, çok tşk ederim size;) çok tatlısınız;)

melik

about 7 sene ago

melik

about 7 sene ago

demin yukarıya yazdımda çıkmamış .. etiketi yok bende ne yababilirim..

melik

about 7 sene ago

yine görünmüyor yorumda :( a etiketi yok ne yapabilirim

Özgür

about 7 sene ago

Teşekkür ederim, emeğinize sağlık.

Hakan Çamoğlu

about 7 sene ago

melik: a etiketi yazıya link verdikten sonra oluşur. Menüdeki yazılara link verdin mi?

ozge

about 7 sene ago

merhaba 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 7 sene ago

HAKAN 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 6 sene ago

merhabalar. 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 6 sene ago

Merhaba 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..

Leave a Comment

Please be polite. We appreciate that.
Your email address will not be published and required fields are marked