Ücretsiz Html, Css, Jquery, Slider’lı Web Tasarım Örneği-1
Merhaba arkadaşlar, geçtiğimiz günlerde Facebook grubumuzdan bir kampanya başlatmıştım. Artık her 15-20 günde bir sitemde kendi yaptığım ücretsiz web sayfa tasarımlarımı sunacağım. Lakin hatırlarsanız bir şart koymuştum, tasarladıktan sonra facebook grubumuzdan beğeniye sunacaktım, sizde belirtilen beğeni sayısını tutturursanız sitemde yayınlayacaktım.
Aşağıdaki tasarımı 75 kişi beğenirse yayınlayacağım demiştim değil mi? Siz görevinizi yaptınız, bende tasarımı yayınlama sözümü tutuyorum. Bu tasarımda 75 kişi beğenme şartı vardı. Ama diğer tasarımlarda daha fazla katılım bekleyeceğim. Eğer o beğeni tutturulamazsa yayınlamayacağım. Sonraki tasarımı beklemek zorunda kalacaksınız, malesef. O yüzden facebook sayfamızı iyi kullanmanız gerekiyor arkadaşlar. Sonucunda, ücretsiz web tasarımlar elde edeceksiniz, değil mi?
Katkılarınızdan dolayı şimdiden hepinize teşekkür ediyorum. Bazı istekleriniz olursa, bu istekleriniz bu başlık altında yazmanızı tavsiye ederim, diğer türlü iletişim bölümünden gelen istekleri malesef cevaplamayacağım.
EN ÇOK BEĞENİLEN ÜCRETSİZ TASARIMLAR
DİĞER ÜCRETSİZ WEB SİTE TEMALARI
(13945)
Yorum(43)
Yorum bırakın Yanıtı iptal et
Bu site, istenmeyenleri azaltmak için Akismet kullanıyor. Yorum verilerinizin nasıl işlendiği hakkında daha fazla bilgi edinin.
Tşk Admin..
demo indiremi yoksa dosyayı inderemi tıklayacaz?
Dosyayı indir’e tıklıyorsunuz ali bey.
sağol.ellerine sağlık
Sayın Ömer Bozalan herşey için çok teşekkür ederim. Emeğinize sağlık. Başarılarınızın devamını dilerim…
Sayın Ömer Bey sitenize hayran kaldım.. Yukarıdaki sitede menüler bulundukları kutu içerisinde sola dayalı durumdalar ORTALI hale nasıl getirebilirim ?
Ayrıca SubMenu kısmında submenu width büyüklüğünün Projeler menü büyüklüğünde nasıl yapabilirim .. yazı font büyüklüğünü nasıl değiştirebilirim ?
Hakan Bey,çalışmayı dreamweaver programında açarak spry menü css kodlarını değiştirmeniz gerekmektedir. Bunun için Dreamweaver derslerimizde spry menü yapımı videosunu izleyebilirsiniz. Kolay gelsin.
Ömer hocam derslerini severek ve beğenerek izliyorum Sizden şöyle bişey isteyeceğim sizin sitedeki gibi bir slider yapmayı gösterirmisiniz ve aktarmayı diğer videolardan yapamadım
Mehmet Bey, Sitemizde 3 farklı slider anlatımı yapılmıştır. İnternette aratsan belkide en çok bu konuda video çeken ben varımdır 🙂 o yüzden tekrar slider için video çekmeyi düşünmüyorum.
Hakikaten hakkiniz ödenmez kardesim. Allah razi olsun sayenizde bir çok sey ögreniyoruz.
sayın hocam Slide’a daha fazla resim eklemek istiyorum .
Kod kısmında DW’de
bunları ekledim aynı isimde resimleri de image klasörüne attım ama resimler görünmüyor
Ali resimlerin uzantılarını yanlış yazma sakın veya unutma. Yapman gereken bir önceki resmin kodunu kopyalayıp aşağıdaki satıra yapıştırman. Sonrada resimlerin isimlerini türkçe karakter kullanmadan kaydedip uzantılarıyla birlikte koda yazman. Bir yanlışlık yapmazsan resimlerin gözükecektir.
guzel tasarım sagolun hocam. Bu tasarım için bi html dosyası daha oluştursanız. iletişim hakkımızda vs kısımlarında kullanılması için ?
sliderin yüksekliğini nasıl yükseltebiliriz.
Ömer Bey bu tasarım benim programımda çalışıyor sliderın slogan yazısını nereden değiştirebilirim?Allah razı olsun çok teşekkür ederim. Hakkınızı helal edin
Süleyman Bey, Dreamweaver programıyla veya başka bir wditör programıyla açarsanız. Ordaki slogan yazısının neresi olduğunu görebilirsiniz.Zaten Slogan alanı yazısı var , o yazıyı gördüğünüz yeri değiştiriyorsunuz.
Merhaba Ömer Bey.Öncelikle Sizden Allah razı olsun tam aradığım bir site demosu.Emeğinize sağlık.Benim sorunum bu sitede spry menu bar da butonlar üzerindeki yazının boyutunu değiştiremiyorum.Rengini değiştirdim ama yazı boyutunu bulamadım yardımcı olursanız sevinirim. Şimdiden teşekkürler.
spry css dosyasına girip aşağıdaki satırdaki font-size kısmın 100% değilde px olarak değiştirmelisiniz. Tabi bunu diğer css kodlarında da değiştirmelisiniz. Kolay gelsin.
ul. MenuBarHorizontal {
cursor : default;
font-size :100%;
list-style-type: none;
Ömer Hocam .Çok teşekkür ederim siteyi kurdum nete attım.Henüz 1 haftalık bir site. Sorun şu:google ye sitemin adını yazdığımda index sayfası yani anasayfa çıkmıyor.İletişim ve hakkımızda sayfaları var ilk sırada. Anlatabildimmi yani iletişimi okumuş google ama index sayfasına iletişim den geçebiliyorum.Neden olabilir sizce?
Süleyman arkadaşım bekleyeceksin. Zamanla her şey rayına oturacaktır.
Hocam merhaba. Haftasonu kitabınızı da aldım ancak bulamadım. Ben de bulamamış oolabilirim. Bu spry ile oluşturduğumuzda Anasyafa-Hakkımızda-İletişim diye yadığımız kısım her sayfada nasıl duracak?
Kitapta web site örneğinde bütün sayfa tasarımlarında spy kullanılmıştır ve kitapta da ayrıntılı anlatılmıştır. Öncesinde spy objeleri konusunu incelemeni tavsiye ederim.
sayfa 223 te yazıyormuş Hocam görmemişim. Teşekkürler 🙂
ellerineee sağlık sen olmasan aylarca yaz yaz dur .
bu hazır şablonların içerisindeki kodlarla oynama yapabilirz demi ?
Evet istediğiniz gibi yapabilirsiniz HAKAN bey,
Ömer hocam teşekkür ederim çok güzel tasarım.Allah razı olsun sizden izninizle kullanıyorum
Yakup arkadaşım istediğin gibi kullanabilirsin. Kolay gelsin.
Merhabalar hocam size mesaj atmıştım buradan cevaplıcağınızı söylemiştiniz hatırlarsınız umarım ben Slider ile kutucukların arasına yaklaşık 500 px yüksekliği kadar bi alan açıp oraya vizyonumuz misyonumuz yazısını koymak istiyorum bu yazının hemen hemen 50 px kadar yanınada sizin eklediğiniz o 3 kutucukla aynı boyutta olcak şekilde bir kutucuk ekleyip siteme youtube üzerinden bir video koymak istiyorum. bunu nasıl yapabilirim?
Yusuf arkadaşım sitemizde bahsettiğin konuyla alakalı video anlatımları mevcut. Bulduğum bir tanesinin linki veriyorum. http://www.omerbozalan.com/psd-css-dokum-ve-slider-eklemenasil-yapilir-photoshoptan-dreamweavera-aktarma-1.html
yukarıdaki linkte alanları oluşturmakla alakalı video vardır. Kolay gelsin.
Hocam Allah razı olsun sizden bu gidişle web tasarımcı olucak gibi hissediyorum kendimi 🙂 Tek bir sorunum kaldı arka planı sitenin içeriği ile otomatik şekilde boyutlandırabilirmiyim? İşlemleri yaptıktan sonra sitenin arkaplanı içerik kutularını ekledikten sonra yetişmedi ve site aşşağı doğru kayıp çok kötü bir görüntü ortaya çıktı bunu çözebilme imkanım var mı? Sizlere tekrar çok ama çok teşekkür ediyorum sitemin adresi
Yusuf efe küçükaslan arkadaşım, Sitenin içeriğine göre arkaplan otomatik nasıl boyutlandırabilirsin? sorduğun soruyu anlamadım. Sitene baktım 4 kutu eklediğin için aşağıya kaymış. Kutu sayısı 4 olunca css kodlarını da yeniden düzenlenmen gerekiyor.
hocam şunu söylemek istemiştim siteye o son eklediğim orta alandan sonra arka plan siteye uyum saglamadı bende düşündüm sitenin en altındaki kutuya bi değişken yada web tasarı olarak alan vereyim arka plan ona göre şekillensin. en alttaki alan hangi kordinata giderse arka planın o en son gri kısmı ona göre uzasın yada kısalsın gibisinden umarım anlatabilmişimdir saygılarımda ilginize teşekkür ederim
Yusuf efe, Benim tasarıma göre arkaplan resmi uzun olmadığıdan uzaması mümkün değil. Çünkü o arkaplan resmi, ne kadarsa o kadar gözükür. sen benim arkaplanı kaldırıp kendi yapacaksın o zaman. O yüzden en alttaki footer div’ine arkaplan resmi atayacaksın. O zaman dediğin gibi uzaması mümkün. Kolay gelsin.
Anladım hocam alternatif çözümler üreticez artık dediğiniz gibi iyi çalışmalar dilerim çok teşekkürler yardımlarınız için
Hepsi Birbirinden Güzel Çalışmalar Emeğinize Sağlık Teşekkür Ederim…
hocam çok güzel bir siteniz var ellerinize emeğinize sağlık
Merhabalar 11.Sınıf Bilişim Öğrencisiyim.Ödev Olarak Slider ve Swap İmage İçeren Bir Site Yapmam İstendi.Slider Bölümü Yalnızca Anasayfada Olacak.Diğer Kısımlarda Olmayacak Ve Galeri Kısmında Swap İmage Olacak.Yapamadığım İçin Sizden Yardım İstiyorum.Yardımcı Olursanız Çok Sevinirim.
Teşekkürler..
Emin arkadaşım sitemizde slider eklemeyle ilgili videolar var. Galeri ile ilgili video da var. Bu kadar videoyu zaten anlamayanlar için çektim. Sende şimdi diyorsun ki gel yap 🙂 yani… Kusura bakma, zaten bu siteyle çok yardımcı olduğumu düşünüyorum.
Meraba abi ben lise 3 ogrenciaiyim kendimi bu ise adamak istiyorum ve bunun icin profesyomel birine danismam gerektigini dusundum ben yapacagim sitenin dandik olmasini. İstemiuorum cok muthis peki yapilmayan bir site yapmak istiyorum fakat tecrubeli birinden fikir almam gerektigini duaundum ve senden yarim istiyorum bana yardimci olursan cok mutlu olurum saygilarimlaa
Abi ben css ve html ogrendim javasicipte ikici donem gecia yapacam
Nasil bir site yapmam gerektihini solersen mutlu olurum cvp bekliuorum
Yusuf arkadaşım nasıl siteler yaptığını görmediğim için hangi seviyede olduğunu bilmiyorum. O yüzden senin hangi yönde gelişmeni sağlaman gerektiğiyle alakalı söyleyecek bir şey göremiyorum. Şu ana kadar yapılmayan bir site söyler misin? diyorsun ama ben gerçekten o konu ile alakalı sana yardımcı olamayacağım. Çünkü şu ana kadar yapılmamış bir site söylemek mümkün değil. Bunu söyleyebilmek için tüm siteleri gezmem gerekli değil mi? Neyse sana ancak şu şekilde yardımcı olabilirim. Madem css, html biliyorsun, bence photoshopta öğrensen iyi olur. Sonrasında ya php, yada asp.net öğrenmek çok iyi olacaktır. Kendini bu şekilde geliştirmen bence daha iyi olacaktır. Kolay gelsin.
açılmıyor indirince degişik şekiller çıkıyor
Merhaba, bilgisayarınızda winrar programı olması lazım. O programla dosyayı açmanız lazım. dosyada sıkıntı yok malesef.