lostyazilim
tr.link

css3 ile bu mümkün müdür?

10 Mesajlar 1.647 Okunma
lstbozum
tr.link

jasper jasper WM Aracı Kullanıcı
  • Üyelik 25.02.2012
  • Yaş/Cinsiyet - / E
  • Meslek öğrenci
  • Konum
  • Ad Soyad ** **
  • Mesajlar 262
  • Beğeniler 17 / 46
  • Ticaret 0, (%0)
arkadaslar linkteki gibi bir menü css3 ile mümkün müdür birde nasıl yapabilirim?
java ile sabit divde bazı problemleri oluyorda :) zannediyorum css3 ilede mümkünse daha estetik bir görüntü meydana gelebilir?

http://www.filamentgroup.com/examples/menus/ipod.php
 

 

favoridus.com
wmaraci
reklam

Adobewordpress Adobewordpress WM Aracı Kullanıcı
  • Üyelik 08.07.2011
  • Yaş/Cinsiyet 36 / E
  • Meslek Tasarımcı
  • Konum İstanbul Avrupa
  • Ad Soyad V** Ö**
  • Mesajlar 677
  • Beğeniler 58 / 418
  • Ticaret 1, (%100)
Mümkün tabii ki. Nasıl yapılacağını lak diye anlatmak zor tahmin edersin :)

Aşağıdaki konular yardımcı olabilir :

Taslak için : http://www.adobewordpress.com/sadece-css-kullanarak-dropdown-menu-nasil-hazirlanir/

Tasarım için : http://www.adobewordpress.com/css-ile-basilabilen-3-boyutlu-buttonlar/
 

 

adobewordpress.com ~ “güncel tasarım okulu”

hakankulaksiz hakankulaksiz Web Tasarım Kullanıcı
  • Üyelik 06.05.2012
  • Yaş/Cinsiyet 31 / E
  • Meslek Web Tasarım
  • Konum
  • Ad Soyad H** K**
  • Mesajlar 38
  • Beğeniler 1 / 2
  • Ticaret 0, (%0)

Adobewordpress adlı üyeden alıntı

Mümkün tabii ki. Nasıl yapılacağını lak diye anlatmak zor tahmin edersin :)

Aşağıdaki konular yardımcı olabilir :

Taslak için : http://www.adobewordpress.com/sadece-css-kullanarak-dropdown-menu-nasil-hazirlanir/

Tasarım için : http://www.adobewordpress.com/css-ile-basilabilen-3-boyutlu-buttonlar/


Siteniz veritabanı hatası veriyor.
Adobewordpress

kişi bu mesajı beğendi.

Adobewordpress Adobewordpress WM Aracı Kullanıcı
  • Üyelik 08.07.2011
  • Yaş/Cinsiyet 36 / E
  • Meslek Tasarımcı
  • Konum İstanbul Avrupa
  • Ad Soyad V** Ö**
  • Mesajlar 677
  • Beğeniler 58 / 418
  • Ticaret 1, (%100)
Uyari icin tesekkurler. Sanirim anlik bir problemmis.
 

 

adobewordpress.com ~ “güncel tasarım okulu”
wmaraci
wmaraci

jasper jasper WM Aracı Kullanıcı
  • Üyelik 25.02.2012
  • Yaş/Cinsiyet - / E
  • Meslek öğrenci
  • Konum
  • Ad Soyad ** **
  • Mesajlar 262
  • Beğeniler 17 / 46
  • Ticaret 0, (%0)

Adobewordpress adlı üyeden alıntı

Mümkün tabii ki. Nasıl yapılacağını lak diye anlatmak zor tahmin edersin :)

Aşağıdaki konular yardımcı olabilir :

Taslak için : http://www.adobewordpress.com/sadece-css-kullanarak-dropdown-menu-nasil-hazirlanir/

Tasarım için : http://www.adobewordpress.com/css-ile-basilabilen-3-boyutlu-buttonlar/


hocam istedigim tam olarka bu degil verdıgım ornegi tekrar detaylı incelerseniz sevinirim. yani aşağı açılan boxta tüm menüler ve alt menülerin hepsi listeli olacak şekilde örneği detaylı incelerseniz farkedeceksiniz zaten
 

 

favoridus.com

Pyrotoxin Pyrotoxin WM Aracı Kullanıcı
  • Üyelik 12.08.2012
  • Yaş/Cinsiyet 33 / E
  • Meslek Php Yazilimci
  • Konum İzmir
  • Ad Soyad F** Ö**
  • Mesajlar 42
  • Beğeniler 10 / 6
  • Ticaret 0, (%0)
mümkün değil =/ css sadece var olan bir şeyi düzenlemenizi sağlar verdiğiniz linkte ise açılan menüde tıklama işlemi yani click yapıldıktan sonra diğer menü efekt verilerek gelmekte haliyle orada bir işlem var bunun içinde css tek başına yeterli olmaz yanına jquery koymanız gerekir
 

 

Adobewordpress Adobewordpress WM Aracı Kullanıcı
  • Üyelik 08.07.2011
  • Yaş/Cinsiyet 36 / E
  • Meslek Tasarımcı
  • Konum İstanbul Avrupa
  • Ad Soyad V** Ö**
  • Mesajlar 677
  • Beğeniler 58 / 418
  • Ticaret 1, (%100)

Pyrotoxin adlı üyeden alıntı

mümkün değil =/ css sadece var olan bir şeyi düzenlemenizi sağlar verdiğiniz linkte ise açılan menüde tıklama işlemi yani click yapıldıktan sonra diğer menü efekt verilerek gelmekte haliyle orada bir işlem var bunun içinde css tek başına yeterli olmaz yanına jquery koymanız gerekir


Bence fazlasıyla yanılıyorsunuz.

CSS ile olmayan bir divi açıp kapayabiliyoruz, div içersinde ayrı div oluşturabiliyoruz. Bunun gibi onlarca katmanı oynatabiliyoruz.

Bu işlem için opacity, visibility, position, z-index gibi onlarca kod satırı var. Örnektekinin aynısı CSS ile hazırlanabilir.

Benim fikrim tabii bunlar.
 

 

adobewordpress.com ~ “güncel tasarım okulu”

Pyrotoxin Pyrotoxin WM Aracı Kullanıcı
  • Üyelik 12.08.2012
  • Yaş/Cinsiyet 33 / E
  • Meslek Php Yazilimci
  • Konum İzmir
  • Ad Soyad F** Ö**
  • Mesajlar 42
  • Beğeniler 10 / 6
  • Ticaret 0, (%0)
olmayan div derken? örnek verebilirmisiniz? bilmediğim bir şey varsa öğrenmek isterim =)
 

 

jasper jasper WM Aracı Kullanıcı
  • Üyelik 25.02.2012
  • Yaş/Cinsiyet - / E
  • Meslek öğrenci
  • Konum
  • Ad Soyad ** **
  • Mesajlar 262
  • Beğeniler 17 / 46
  • Ticaret 0, (%0)

Adobewordpress adlı üyeden alıntı

Bence fazlasıyla yanılıyorsunuz.

CSS ile olmayan bir divi açıp kapayabiliyoruz, div içersinde ayrı div oluşturabiliyoruz. Bunun gibi onlarca katmanı oynatabiliyoruz.

Bu işlem için opacity, visibility, position, z-index gibi onlarca kod satırı var. Örnektekinin aynısı CSS ile hazırlanabilir.

Benim fikrim tabii bunlar.


hocam bir kaç örnek gösterebilir misiniz?
 

 

favoridus.com

Adobewordpress Adobewordpress WM Aracı Kullanıcı
  • Üyelik 08.07.2011
  • Yaş/Cinsiyet 36 / E
  • Meslek Tasarımcı
  • Konum İstanbul Avrupa
  • Ad Soyad V** Ö**
  • Mesajlar 677
  • Beğeniler 58 / 418
  • Ticaret 1, (%100)

Pyrotoxin adlı üyeden alıntı

olmayan div derken? örnek verebilirmisiniz? bilmediğim bir şey varsa öğrenmek isterim =)


Visibility değerini kapatınca div görünmez bildiğiniz gibi. Bahsettiğim oydu. Aynı şekilde her hangi bir etkileşim ile o divin visibility değerini aktif edip yoktan var edebilirsiniz.

Amacım çok bilmişlik yapmak değil. Sadece arkadaşın bahsettiği olayın CSS ile yapılabileceğinden bahsediyorum. Tabii ki oturup burada şöyle yapılır diye satır satır kod yazmayacağım. Fakat an bu tarz hover işlemleri CSS ile çocuk oyuncağı. Yok CSS ile işin içinden çıkamıyorsanız "document.getElementById('idno').style.display = 'none';"" gibi bir kod satırıyla divleri etkileşime sokarsınız.

Gerçi before-after fazlasıyla yeterli.

Tam istediğin gibi örnek yok elimde ne yazık ki.

Ama sıradan bir dropdownda li lere genellikle margin verilir ve onun bağlantılı olduğu alandan uzaklaştılır. Senin yapacağı kodda ise margin değeri olmayacak. Üzerine gelinen veya tıklanan objenin detayı direkt olarak üzerine çıkacak.

http://demos.pixelworkshop.fr/css3_mega_menu/

Ek Olarak: Aşağıda JS kullanmadan CSS ile etki tepki yapılmış bir örnek var.

Çıkış mantığın aynı.

http://codepen.io/petebot/pen/icyuE
 

 

adobewordpress.com ~ “güncel tasarım okulu”
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al