Zoque.Forum
Dirsek Teması:
Geri Dön Zoque.Forum » Webmaster Kaynaklari » ://www » CSS » CSS ile arayüz hazırlamak


Yanıt
 
LinkBack Seçenekler
Old 27.02.2007   #1 (permalink)
 
scriptMan's Avatar
 
Üyelik Tarihi: 23.04.2003
Yer: İstanbul
Yaş: 23
Mesaj: 644
Görsel: 14
CSS ile arayüz hazırlamak


Merhaba arkadaşlar,

Artık tablodan vazgeçip, CSS ve div işbirliği ile web 2.0 standartlarında tasarım çıkartmak istiyorum. İlk önemli denememde aşağıdaki yapıyı nasıl çıkaracağım konusunda çakılıp kaldım

Ekteki resimdeki yapı nasıl oluşturulabilir?

Teşekkür ederim.
Ekli Dosya(lar)
Dosya Uzantısı: jpg nasil.jpg (6.3 KB, 80 defa görüntülendi)
__________________
http://scriptman.deviantart.com
scriptMan şu an çevrimdışı  
Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl'e kaydet! http://reddit.com/submit?url=%url%&title=%title%Wong'e kaydet!Yahoo'ya kaydet!Google'a kaydet!MSN'e kaydet!Facebook'e kaydet!
Mesajdan alıntı yaparak yeni bir cevap ekleyin
Old 27.02.2007   #2 (permalink)
 
muhammetsevim's Avatar
 
Üyelik Tarihi: 26.07.2005
Yer: Bochum
Mesaj: 225
Re: CSS ile arayüz hazırlamak

http://muhammetsevim.com/tutorials/css/

Belki yardımcı olabilir diye düşünüyorum, orada oluşturduğumuz şablon iskeleti de ekli, ayrıca

http://www.fatihhayrioglu.com/?page_id=119

adresine de göz atabilirsiniz, yararlı makaleler bulacaksınız.

Kolay gelsin.
Ekli Dosya(lar)
Dosya Uzantısı: gif d1.gif (8.3 KB, 53 defa görüntülendi)
__________________
XHTMLMutfağı
muhammetsevim şu an çevrimdışı  
Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl'e kaydet! http://reddit.com/submit?url=%url%&title=%title%Wong'e kaydet!Yahoo'ya kaydet!Google'a kaydet!MSN'e kaydet!Facebook'e kaydet!
Mesajdan alıntı yaparak yeni bir cevap ekleyin
Old 27.02.2007   #3 (permalink)
 
hikmet's Avatar
 
Üyelik Tarihi: 16.02.2007
Yer: Adana
Mesaj: 20
Re: CSS ile arayüz hazırlamak

Sanırım şöyle birşey arıyorsun:
Ekli Dosyalar (Kullanmadan önce virüs taramasından geçiriniz)
Dosya Uzantısı: txt örnek.txt (1.2 KB, 56 defa görüntülendi)
__________________
Blog
hikmet şu an çevrimdışı  
Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl'e kaydet! http://reddit.com/submit?url=%url%&title=%title%Wong'e kaydet!Yahoo'ya kaydet!Google'a kaydet!MSN'e kaydet!Facebook'e kaydet!
Mesajdan alıntı yaparak yeni bir cevap ekleyin
Old 27.02.2007   #4 (permalink)
XXL
 
XXL's Avatar
 
Üyelik Tarihi: 08.02.2005
Yer: Antalya
Mesaj: 101
Re: CSS ile arayüz hazırlamak

buradaki templateler üzerinde çalışabilirsin http://www.intensivstation.ch/templates/. tabii ki bol bol egzersiz yapmak şart
ayrıca yine yardımcı olması için eskiden yaptığım bir sayfa tasarımını da koyuyorum onun üzerinde değişiklikler yaparak biraz daha anlayabilirsin bunu bir Wordpress teması yapacaktım ama öyle taslak halinde kaldı

unutmadan www.csszengarden.com, www.cssbeauty.com, www.cssmania.com gibi adreslerdeki siteleri de inceleyebilirsin. hiç olmazsa diğerlerinin neler yaptıkları ve kodlar hakkında kafanda bazı fikirler oluşur.
Ekli Dosya(lar)
Dosya Uzantısı: png Clipboard01.png (88.4 KB, 29 defa görüntülendi)
Ekli Dosyalar (Kullanmadan önce virüs taramasından geçiriniz)
Dosya Uzantısı: zip 9x.zip (2.9 KB, 10 defa görüntülendi)
XXL şu an çevrimdışı  
Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl'e kaydet! http://reddit.com/submit?url=%url%&title=%title%Wong'e kaydet!Yahoo'ya kaydet!Google'a kaydet!MSN'e kaydet!Facebook'e kaydet!
Mesajdan alıntı yaparak yeni bir cevap ekleyin
Old 27.02.2007   #5 (permalink)
 
MGoktas's Avatar
 
Üyelik Tarihi: 26.01.2007
Yer: Kayseri
Mesaj: 329
Görsel: 17
Re: CSS ile arayüz hazırlamak

Alıntı:
muhammetsevim tarafından gönderilen mesaj: Mesajı Görüntüle
http://muhammetsevim.com/tutorials/css/

Belki yardımcı olabilir diye düşünüyorum, orada oluşturduğumuz şablon iskeleti de ekli, ayrıca

http://www.fatihhayrioglu.com/?page_id=119

adresine de göz atabilirsiniz, yararlı makaleler bulacaksınız.

Kolay gelsin.
Merhaba
Bu verdiğiniz linke ben de gözattım ve konu hakkkında genel olarak bilgi sahibi olmuş oldum.
Sayfanızda birşey dikkatimi çekti de, sitenin önizlemesine bakmak için tıklandığında sayfanın opacity değeri düşerek ön planda resmin açılması layerla mı yapılıyor ya da nasıl yapılıyor tarif edebilir misiniz?
web konusunda acemiyim...
Teşekkürler.
MGoktas şu an çevrimdışı  
Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl'e kaydet! http://reddit.com/submit?url=%url%&title=%title%Wong'e kaydet!Yahoo'ya kaydet!Google'a kaydet!MSN'e kaydet!Facebook'e kaydet!
Mesajdan alıntı yaparak yeni bir cevap ekleyin
Old 28.02.2007   #6 (permalink)
 
muhammetsevim's Avatar
 
Üyelik Tarihi: 26.07.2005
Yer: Bochum
Mesaj: 225
Re: CSS ile arayüz hazırlamak

Alıntı:
MGoktas tarafından gönderilen mesaj: Mesajı Görüntüle
Sayfanızda birşey dikkatimi çekti de, sitenin önizlemesine bakmak için tıklandığında sayfanın opacity değeri düşerek ön planda resmin açılması layerla mı yapılıyor ya da nasıl yapılıyor tarif edebilir misiniz?
Merhaba,

Google'da 'Lightbox' kelimesini aratırsanız gerekli sonuca ulaşacaksınız. Kendisi bunu sağlayan hazır bir script. Benim kullanmış olduğum da onun eski versiyonunun biraz düzenlenmiş hali...

Kolay gelsin.
__________________
XHTMLMutfağı
muhammetsevim şu an çevrimdışı  
Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl'e kaydet! http://reddit.com/submit?url=%url%&title=%title%Wong'e kaydet!Yahoo'ya kaydet!Google'a kaydet!MSN'e kaydet!Facebook'e kaydet!
Mesajdan alıntı yaparak yeni bir cevap ekleyin
Old 01.03.2007   #7 (permalink)
 
scriptMan's Avatar
 
Üyelik Tarihi: 23.04.2003
Yer: İstanbul
Yaş: 23
Mesaj: 644
Görsel: 14
Re: CSS ile arayüz hazırlamak

Cevap yazan herkese teşekkür ediyorum.

Yararlı kaynaklar buldum sayenizde, tarayıcımın favori listesi bayağı bir kabardı bu konuda araştırma yaparken

Sorunumuda hallettim, tekrar teşekkür ederim.
__________________
http://scriptman.deviantart.com
scriptMan şu an çevrimdışı  
Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl'e kaydet! http://reddit.com/submit?url=%url%&title=%title%Wong'e kaydet!Yahoo'ya kaydet!Google'a kaydet!MSN'e kaydet!Facebook'e kaydet!
Mesajdan alıntı yaparak yeni bir cevap ekleyin
Old 02.03.2007   #8 (permalink)
 
MGoktas's Avatar
 
Üyelik Tarihi: 26.01.2007
Yer: Kayseri
Mesaj: 329
Görsel: 17
Re: CSS ile arayüz hazırlamak

Alıntı:
muhammetsevim tarafından gönderilen mesaj: Mesajı Görüntüle
Merhaba,

Google'da 'Lightbox' kelimesini aratırsanız gerekli sonuca ulaşacaksınız. Kendisi bunu sağlayan hazır bir script. Benim kullanmış olduğum da onun eski versiyonunun biraz düzenlenmiş hali...

Kolay gelsin.
Merhaba yeniden.
Lightbox'u yapan kişi/kurum download paketini de koyduğuna göre free olarak kullanabileceğimiz bir uygulama mı bu? Her ne kadar soruyu sormadan önce sitemde kullanmış olsam da yine de emin olmak için tekrar sormak istedim.
MGoktas şu an çevrimdışı  
Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl'e kaydet! http://reddit.com/submit?url=%url%&title=%title%Wong'e kaydet!Yahoo'ya kaydet!Google'a kaydet!MSN'e kaydet!Facebook'e kaydet!
Mesajdan alıntı yaparak yeni bir cevap ekleyin
Old 02.03.2007   #9 (permalink)
 
muhammetsevim's Avatar
 
Üyelik Tarihi: 26.07.2005
Yer: Bochum
Mesaj: 225
Re: CSS ile arayüz hazırlamak

Alıntı:
MGoktas tarafından gönderilen mesaj: Mesajı Görüntüle
Merhaba yeniden.
Lightbox'u yapan kişi/kurum download paketini de koyduğuna göre free olarak kullanabileceğimiz bir uygulama mı bu? Her ne kadar soruyu sormadan önce sitemde kullanmış olsam da yine de emin olmak için tekrar sormak istedim.
Evet,
LightBox Creative Commons Attribution 2.5 lisansı altında lisanslanmıştır, ücretsiz olarak kullanılabilir. Dilerseniz yapan kişiye bağışta bulunabilirsiniz.

http://www.huddletogether.com/projects/lightbox2/

Spoiler:

Can I use the script in a commercial project?
Yes. It is licensed under the Creative Commons Attribution 2.5 License. A donation would be nice, hint hint.
__________________
XHTMLMutfağı
muhammetsevim şu an çevrimdışı  
Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl'e kaydet! http://reddit.com/submit?url=%url%&title=%title%Wong'e kaydet!Yahoo'ya kaydet!Google'a kaydet!MSN'e kaydet!Facebook'e kaydet!
Mesajdan alıntı yaparak yeni bir cevap ekleyin
Old 06.03.2007   #10 (permalink)
 
MGoktas's Avatar
 
Üyelik Tarihi: 26.01.2007
Yer: Kayseri
Mesaj: 329
Görsel: 17
Re: CSS ile arayüz hazırlamak

Alıntı:
muhammetsevim tarafından gönderilen mesaj: Mesajı Görüntüle
http://muhammetsevim.com/tutorials/css/

Belki yardımcı olabilir diye düşünüyorum, orada oluşturduğumuz şablon iskeleti de ekli, ayrıca

http://www.fatihhayrioglu.com/?page_id=119

adresine de göz atabilirsiniz, yararlı makaleler bulacaksınız.

Kolay gelsin.
Merhaba yeniden,
verdiğiniz linkteki CSS anlatımını deneyip uyguladım ve yeni bir kaç deneme ile de mantığını öğrenmiş oldum, teşekkürler.
3-4 sayfalık bir tasarımda CSS yerine tablolar daha kolay değil mi?
Ya da tablolarla çalışmanın dezavantajı nedir?
Neden CSS tercih etmeliyim böyle bir işte?
MGoktas şu an çevrimdışı  
Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl'e kaydet! http://reddit.com/submit?url=%url%&title=%title%Wong'e kaydet!Yahoo'ya kaydet!Google'a kaydet!MSN'e kaydet!Facebook'e kaydet!
Mesajdan alıntı yaparak yeni bir cevap ekleyin
Sponsorlu Bağlantılar
Zoque.Forum
Reklam
Yanıt

Etiketler

hazirlamak , arayuz , css



 
Zoque'a hoşgeldiniz!
Zoque 27.02.1999 tarihinde yayın hayatına başlamış, paylaşıma dayalı bir oluşumdur. Tasarım, teknoloji, web, kültür ve sanat ana başlıkları altında bilgi paylaşımı ve benzer değerlere sahip katılımcıların birbirleriyle iletişime girmelerine imkan sağlar. "Az ama Öz" sloganından yola çıkarak, kaliteli ve nitelikli katılımı temel alır.

Saygın ve ciddi bir ortamda yardımlaşmak, haberleşmek, kendi bildiklerini diğer katılımcılarla paylaşmak isteyen, oluşumumuza düzenli katılımda bulunacağı inancını taşıyan konuklarımızı üye olmaya davet ediyoruz. [ » ]


Üye Girişi:

UslanmaM baktabul.com TEKplatform TEKplatform

En popüler ilk 100 etiket
Tag Cloud
acil adsl ajax almak arama araniyor ariyorum ariyoruz asp bilen bilgi bilgisayar blog calisma css dijital div domain dosya eleman film firefox flash font form forum fotograf freelance google gore grafik grafiker hakkinda hangi hata hatasi hosting html ilgili ilk image internet istanbul istiyorum java javascript karakter kayit kisisel kullanimi link logo mac mail menu muzik mysql nasil neden nedir online oyun photoshop php problemi program programi reklam resim satilik sayfa script server ses sistemi site sitesi son soru sorun sorunsali sorunu sql swf tasarim tasarimci tasarimcisi tasarimi turk turkce veri video web windows wordpress xml yardim yazi