Hazır Html – Css Site Örneği
Merhaba arkadaşlar, sizelere daha fazla çalışma sunmak için elimden geleni yapmaya çalışıyorum, yine onlardan bir tanesi olan hazır html ve css site örneğini sizlerle paylaşmak istedim. Html ve css ile yapılmış bu site’nin sadece anasayfasını (index.html), dosyayı indir linkine tıkladığınızda sizlerin olacak. Siteyi istediğiniz gibi düzenleyip kendinize göre ayarlayabileceksiniz.Sitenin manşet alanı var, yani jquery slider kodlarını eklemenize gerek yok.:) . Bu html ve css örnekli site birçok çalışmanıza da öncülük edecek. Herkesin elinde bulundurması gereken bir çalışma olduğunun kanaatindeyim.
Hepinize kolay gelsin.
Not: Nette bulunan ve düzenlenmiş bir çalışmadır.
EN ÇOK BEĞENİLEN ÜCRETSİZ TASARIMLAR
DİĞER ÜCRETSİZ WEB SİTE TEMALARI
(37944)
Yorum(63)
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.
Arkadaşlar bu temalar ücretli mi? Kullanma hakkı nasıl açıklar mısınız?
tema ücretsizdir istediğiniz gibi değiştirebilirsiniz ve kullanabilirsiniz.
ben bunu sitemde kullanmak istiyorum .Dreamweaver kullanıyorum ne yapacağımı yazarmısınız ? Teşekkürler
Esra hanım ayrıntılı incelerseniz, buna benzer bir temanın dreamweaverda düzenlendiğinin videolu anlatımına ulaşırsınız. Kolay gelsin.
Emeğinize sağlık, çok güzel bir paylaşım olmuş…
cok guzel sagolun
WordPress ini bulabilirmiyiz bunun bana ulaşırmısınız
malesef wordpress olanı elimizde bulunmamaktadır.
merhaba bu temadaki yeşil rengi maviye çevirmek istiyrum ? yardımcı olabılırmısınız
GKMEDİA arkadaşım images klasörünün içindeki navigation.gif i değiştireceksin.
bunun içinde kaç jquery uygulaması var??
bilinmez arkadaşım hiç saymadım malesef
bu siteyi alıp derleyip kullanmamızda sıkınca yok degilmi tamamen ücretiz sayın admin
Ahmet1 arkadaşım çalışmayı istediğin gibi kullanabilirsim.
bunların uzantısı ne peki?not defteri olarak açmaya çalıştım açılmadı?
peki hakkımızda onlara tıklatığımızda onları düzenleme gibi bişi yok bizmi köprü yapıoruz
Tabiki hakan:) Siteyi tam anlamıyla siz yapacaksınız.
malesef ben o kdrını bilmiorum sadece düzenlemeyi biliyorum bana yardımcı olabilicekmisiniz omer bey
peki bu tr.ggli sitelere de uyarlayabilor muyuz nasıl olacak acaba??
Semih bu siteleri tüm sitelere uygulayabilirsiniz.
güzel çalışma ellerine sağlık.
efendim gercekten elinize sağlık.peki ben de birşey sormak isterim.ben de amatörce bir tasarım yapmıştım ama google chrome’da farklı mozilla’da farklı,ie’de farklı yamuk yumuk görünüyor.diğer yandan laptop veya masaüstü lcd monitörlerde de çözünürlük farkı yani acayip yanda yönde görünüyor.bu sebeple acayip keyfim kaçtı ve de siteyi kaldırdım.ama tasarımınız hoşuma gitti tekrar yapıcam inşallah,şunu sormak isterim efendim,bu tasarımınızı değiştirip kullansam şayet,farklı tarayıcı vede çözünürlüklerde yamuk yumuk çıkmaz değil mi?tam oratad aynen oldugu gibi mi çıkar yani?bir de bu sorunları çözmek için html siteler içn bir yönetem var mıdır?birçok arkadaşın derdi bu ama ne yazık ki kimse yardım etmiyor.saygılar,teşekkürler…
çözünürlük herkesin sorunu hakan arkadaşım. Bunun için yapman gereken sitenin genişliğini 960px genişliğinde tutman. bu şekilde site tasarlarsan hiçbir sorunun olmayacak. bu işlere yeni girdiğin için böyle çalışman senin için daha faydalı olacaktır. Eğer sitende ki bloklar dağılıyorsa bunun çözünürlükle alakası yoktur. Bazı işlemleri eksik yaptığından dolayı kaynaklanıyor. Eğer eksikliğini gidermek istiyorsan css ‘i öğrenmelisin.
telif hakkını kaldırmamda bir sakınca varmı ömer bey
Metehan istediğin gibi değiştirebilirsin. Kolay gelsin.
Hocam çok çok teşekkürler tam paraya kıyıp satın alacakttım ki yabancı siteden sizi gördüm Allah razı olsun
Önemli değil Mehmet . İşimiz bu 🙂
Ömer hocam merhabalar,benim sorum menü çubukları var ya mesela ana sayfa onlara tıklandığında nasıl yeni bir sayfada açılır olacaktı.
Onur arkadaşım yukarıdaki örnek sitede tek bir sayfa hazırlanmıştır. Yani sitenin anasayfasıdır. Diğer sayfaları sen oluşturmalısın. Yani oluşturduğun diğer menüler link vererek geçiş sağlamalısın.
Çok teşekkürler. Harika bir tasarım.
Ömer hocam, bu faydalı çalışmanızdan dolayı teşekkür ederim.
Mehmet ali arkadaşım Çok Teşekkür Ederim.
Bu tasarim gercek size ait var mi ?
Ne demek istediğinizi anlamadım.
ömer bey bu tasarımda diğer sayfaları yapmak istiyorum sizin tasarım bilginize istinaden sormak istiyorum
iletişim sayfası tasarlarsam ortadaki değişen resimler kalsın altına iletişimi eklesem mi daha iyi yoksa değişen resimler i kaldrıp iletişimi eklemem mi daha iyi durur.:)şimdiden tşk ederim
Asım Bey bana göre slider resimlerini kaldırıp yapman daha iyi olacaktır. Kolay gelsin.
merhaba Ömer Bey.. demoyu indirip portable dreamweaver cs5 programına attım anasayfada çok fazla kayma ya rastladım. sorun benım prğgramdanmı kaynaklanmakta?teşekkürler çalışmanıza emeğinize.
Süleyman bey, Dreamweaver programında kayma varmış gibi gözükebilir. Ama siteyi browserda(internet explorer,chrome) da görüntülediğiniz de sayfada hiçbir sorun olmayacaktır. Kolay gelsin.
öncelik le ellerinize sağlık.
benim bi sorun olucak
sadece içindeki slideri alıp kendi yaptığım sitede kullanmak istiyorum bu nasıl olur acaba
yardımcı olursanız sevinirim.
iyi çalışmalar
Muhammed arkadaşım sitenin kodlarında yer alan slider başlangıç ve bitiş yerlerini kendi sitene yerleştiriyorsun. Tabi style css dosyasını da kendi sayfana göre ayarlamalısın. head ile head arasında yer alan script dosyalarınıda kendi sayfana kopyalayacaksın. Kolay gelsin.
çok teşekkür ederim oldu . ( ayrıca takipçinizim )
k.gelsin
yalnız sitem çok fena dağıldı 🙂
style css dosyasından slider ile ilgili olan bölümleri sayfanızın genişliğine ve yüksekliğine göre düzenlemelisiniz.
boyut lar tmm şimdide sadece sol tarafta yapışık oldu komple site
Muhammet arkadaşım işte style css dökümanından halledeceksin artık. Gereksiz olanları da sileceksin.
Hocam sitenin index sayfasını aşağıda ki linke uyarladım…Bir yorum yaparmısınız?
antalyacitteli
logo yok, sağ üst köşede tel çok büyük. alttaki kutucuk yazıları düzensiz. Yazı tipi çok kötü, baya bir düzenlemen lazım. Kolay gelsin.
Hocam öncelikle çok tşk ederim. çok güzel bir çalışmaya imza atmışsınız ama ben bunu sitemde kullanıyorum.
http://www.####.com ama bir türlü bu site örneğini geliştire bilecek bir program bulamadım.
mesela ben kurumsal diye yeni bir şey yapmak istiyorum ama nasıl yapacagımı bilmiyorum temayı bozmadan.
sizin tavsiye ettiginiz bu site örneğini düzenleye bileceğim bir program varmı, yani ben bu site örneği kalıbını geliştirecem ama nasıl yapacağımı bilmiyorum lütfen yardımcı olun saygılarımla
Koray arkadaşım, dreamweaver programıyla düzenleme işlemlerini yapabilirsin. Sitemizde anlatımlı dersler var. Onlardan da faydalanabilirsin.
Bozok arkadaşım bedava sitene ekliyorum diyorsun da. Nasıl ekliyorsun? siten css dosya js. dosyaları destekliyor mu? Veya sen web sitesi işinden anlıyor musun?
Bedava sitemde tasarım ayarları bölümündeki css kodu bölümüne ekliyorum.Bu kod bedava siteme uyumlu olup olmadığını soruyorum.Bu konuda profesyonel değilim.
Bozok malesef o şekilde çalışmaz. Bunlar kod değil bildiğin sitenin kendisi. Malesef bahsettiğin şekilde dışarıdan bir sayfaya sadece kod eklemeyle olmaz.
Merhaba arkadaşlar, bilen varsa ve yönlendirebilirse çok mutlu olurum. Birçok site gezdim araştırdım ama göremedim hiç bir yerde. web sayfasının üst konsolunu alt alta dizili şekilde almak için hangi programı kullanmalıyım? sanırım paket programlarda (joomla wordpress vs) böyle bir şey yok. program mı kullanarak yapılır yoksa bu bir tema mıdır
örnek: Anasayfa Misyon Vizyon Galeri değil deb
anasayfa
misyon
vizyon
galeri gibi dizilmeli
tşkler
Çok güzel elinize sağlık.
manticihanim.com için tema tavsiyeniz varmı
meraba arkadaşlar ben 11.sınıf bilgisayar bölümündeyim proje ödevimde web site tasarlamak ama benim pek bilgim yok ve proje teslim etmek zorundayım lütfen yardımcı olun kodları gerekleri acil yardimcı olursanız sevinirim
bunun css içinde olanı varmı. yani tek sayfada tek index gibi düşünün yapılabilirmi.
iyi günler java scrip dosyalarının adını değiştirebiliyormuyuz ? oluyora nasıl yapıcaz ?
Çok Teşekkürler hocam bu div classı anlamaya başladım da bu id leri bi türlü çözemedim ben hep class olarak yazsam sıkıntı olurmu hocam cevabınız bekliyorum teşekkürler.
class kullanarak yapabilirsin. sorun olmaz
Merhabalar bana okul web sitesi lazım kendim oluşturamıyorum bana yardımcı olur musunuz lütfen çok acil sizin hazır sitenize baktım ama bulamadım lütfen yardımcı olun cevabınızı bekliyorum 🙏
selamun aleküm n’baer abey nassin iyyişin velleh çok hoştir eline şağlikti benim türkçe fezle yoktir ha abey kusuri bekme yev ez Süri
Ömer hocam ben bilişim öğrencisiyim hergün sizin sitelerinize bakıyorum ve çok başarılı birisiniz . En güzel yanıda değiştirme özelliği var çok teşekkür ederim .sizden bir ricam olacak hocam lütfen su tasarrufu ile ilgili bir site yapabilirmisiniz hem yararlı hemde çok yaygın ve ilgi çekici hocam lütfen birtane su tasarufu ile ilgili yapın ne olur.
Bundan yaklaşık üç sene önce Envato Market’ten ARCHİTECTURE THEME adında mimarlıkla igili bir tema satın aldım. Ancak 3-4
aydan beri yeni bir yazı veya yeni bir resim yüklemek istediğimde karşıma boş (beyez) bir sayfa çıkıyor. Bunun eklentilerle ilgili olduğunu biliyorum ancak nasıl bu sorunu çözeceğim konusunda bilgim yok. Bu konuda bana nasıl destek olabilir siniz?