lostyazilim

Business Theme PSD to CSS tamamlandı!!! | ÜCRETSİZ İNDİR!!!

25 Mesajlar 3.394 Okunma
lstbozum
wmaraci reklam

Ozi Ozi . Kullanıcı
  • Üyelik 10.12.2012
  • Yaş/Cinsiyet 29 / E
  • Meslek Devoloper
  • Konum Almanya
  • Ad Soyad H** K**
  • Mesajlar 3052
  • Beğeniler 1 / 941
  • Ticaret 50, (%100)
Anlaşılmayacak birşey yok :)

Anasayfa

Hakkımda


böyle bir menü olmaz :)



Css'e geçecek olursak

.menu {
width: 900px;
height: 40px;
margin: 0 auto;
}
// sayfanın ortasına yukarı bir menü açmış olduk

.menu ul {
width: 500px;
height: 400px;
margin: 0px auto;
padding-left: 10px
float:left
}
// yatay sıralanması ve boşlukları ayarladık.

Menü butonlarının yeri ve

.menu ul li {
list-style: none; // yanlarında nokta çıktı onları kaldırdık.
}


Gerisi kafana göre özelleştirme işidir. Fakat tek tek div açarak yeri konumu bildirirsen çözünürlüklerde sıkıntı yaşarsın, gereksiz kod kafa karışır. Yeri konumu menü divi, buton boşluk ve menü sıralaması ul divi diğer özellik hover efekti olsun diğer tüm ayarlar li tagı altında ayarlarsın.
 

 

wmaraci
reklam

60423 60423 WM Aracı Anonim Üyelik
  • Üyelik 14.02.2016
  • Yaş/Cinsiyet - /
  • Meslek
  • Konum
  • Ad Soyad ** **
  • Mesajlar 1503
  • Beğeniler 584 / 496
  • Ticaret 20, (%100)

Ozi adlı üyeden alıntı

Anlaşılmayacak birşey yok :)



böyle bir menü olmaz :)

Css'e geçecek olursak


Gerisi kafana göre özelleştirme işidir. Fakat tek tek div açarak yeri konumu bildirirsen çözünürlüklerde sıkıntı yaşarsın, gereksiz kod kafa karışır. Yeri konumu menü divi, buton boşluk ve menü sıralaması ul divi diğer özellik hover efekti olsun diğer tüm ayarlar li tagı altında ayarlarsın.


sağolasın hocam bundan sonra böyle yaparım. Allah razı olsun
 

 

FurkanKandemir FurkanKandemir WM Aracı Kullanıcı
  • Üyelik 25.05.2015
  • Yaş/Cinsiyet 32 / E
  • Meslek Web Yazılım Uzmanı
  • Konum İstanbul Anadolu
  • Ad Soyad F** K**
  • Mesajlar 833
  • Beğeniler 0 / 287
  • Ticaret 13, (%100)
Menü yapımı basit halde.







Ayrıca aynı özelliklere sahip olan div'ler için aynı class adı kullanılır ki tek css kuralı ile görünüm ve yönetim aynı olsun.

Css yazarken belli başlı kurallar ve şablon vardır bunları öğrendikten sonra responsive kodlamaya geçerseniz.

İstek, azim var. Top sende :)
 

 

60423 60423 WM Aracı Anonim Üyelik
  • Üyelik 14.02.2016
  • Yaş/Cinsiyet - /
  • Meslek
  • Konum
  • Ad Soyad ** **
  • Mesajlar 1503
  • Beğeniler 584 / 496
  • Ticaret 20, (%100)

FurkanKandemir adlı üyeden alıntı

Menü yapımı basit halde.







Ayrıca aynı özelliklere sahip olan div'ler için aynı class adı kullanılır ki tek css kuralı ile görünüm ve yönetim aynı olsun.

Css yazarken belli başlı kurallar ve şablon vardır bunları öğrendikten sonra responsive kodlamaya geçerseniz.

İstek, azim var. Top sende :)


Eyvalalh Allah razı olsun hocam bişi sorayım neden aşağıdaki gibi değilde böyle yaptık?

.menu değilde #menu olarak oldu?
 

 

wmaraci
wmaraci

FurkanKandemir FurkanKandemir WM Aracı Kullanıcı
  • Üyelik 25.05.2015
  • Yaş/Cinsiyet 32 / E
  • Meslek Web Yazılım Uzmanı
  • Konum İstanbul Anadolu
  • Ad Soyad F** K**
  • Mesajlar 833
  • Beğeniler 0 / 287
  • Ticaret 13, (%100)
Eğer bir elemente id verirsen # olur eğer class verirsen . olur.
Örnek




Furkan div class

Furkan div id

 

 

60423 60423 WM Aracı Anonim Üyelik
  • Üyelik 14.02.2016
  • Yaş/Cinsiyet - /
  • Meslek
  • Konum
  • Ad Soyad ** **
  • Mesajlar 1503
  • Beğeniler 584 / 496
  • Ticaret 20, (%100)

FurkanKandemir adlı üyeden alıntı

Eğer bir elemente id verirsen # olur eğer class verirsen . olur.
Örnek




Furkan div class

Furkan div id



anladım hocam Allah razı olsun seni sıkmayayım ama mesela menunun üstüne gelince genişliği yazıya göre değişen bir dikdörtgen arkaplan çıkıyor onu yapmayı biliyormuyuz? yani blirli bir resmi resmin büyüklüğüne göre nasıl arkaplanına getireceğiz? linkin?
 

 

FurkanKandemir FurkanKandemir WM Aracı Kullanıcı
  • Üyelik 25.05.2015
  • Yaş/Cinsiyet 32 / E
  • Meslek Web Yazılım Uzmanı
  • Konum İstanbul Anadolu
  • Ad Soyad F** K**
  • Mesajlar 833
  • Beğeniler 0 / 287
  • Ticaret 13, (%100)





60423

kişi bu mesajı beğendi.

fullstackdev fullstackdev WM Aracı Kullanıcı
  • Üyelik 25.06.2016
  • Yaş/Cinsiyet 36 / E
  • Meslek full stack developer
  • Konum İstanbul Avrupa
  • Ad Soyad S** Ç**
  • Mesajlar 334
  • Beğeniler 35 / 93
  • Ticaret 0, (%0)
Trangormad hocam adresten boluda oldugunu varsayarak is arayisi icindeysen gorusmek isterim PM den ulasabilirsin
60423

kişi bu mesajı beğendi.

SizinWeb SizinWeb . Kullanıcı
  • Üyelik 04.08.2014
  • Yaş/Cinsiyet 40 / E
  • Meslek Yönetici
  • Konum İstanbul Avrupa
  • Ad Soyad Ş** K**
  • Mesajlar 3626
  • Beğeniler 1459 / 1458
  • Ticaret 135, (%100)
Elinize sağlık yaptığınız çalışmaları w3 e uygunluğunu kontrol edin hatalarınızı görerek düzelte bilirsiniz ayrıca çalışmalarınızı demo olarak bir hosta yüklerseniz erişim ve görünüm açısından daha faydalı olucaktir hem calismanizi sosyal medyada link olarakta paylaşır kullanıcı ve isin ehli kişilerin tavsiyeleri hem sizi motive edecek hemde tecrübe kazandıracaktır eksiklerinizi görüp söyledikleri için elinize sağlık tekrar
60423

kişi bu mesajı beğendi.

Bugün Bizim Yarın Çocuklarımızın.

60423 60423 WM Aracı Anonim Üyelik
  • Üyelik 14.02.2016
  • Yaş/Cinsiyet - /
  • Meslek
  • Konum
  • Ad Soyad ** **
  • Mesajlar 1503
  • Beğeniler 584 / 496
  • Ticaret 20, (%100)

SizinWeb adlı üyeden alıntı

Elinize sağlık yaptığınız çalışmaları w3 e uygunluğunu kontrol edin hatalarınızı görerek düzelte bilirsiniz ayrıca çalışmalarınızı demo olarak bir hosta yüklerseniz erişim ve görünüm açısından daha faydalı olucaktir hem calismanizi sosyal medyada link olarakta paylaşır kullanıcı ve isin ehli kişilerin tavsiyeleri hem sizi motive edecek hemde tecrübe kazandıracaktır eksiklerinizi görüp söyledikleri için elinize sağlık tekrar


Kendi adıma şirket gibi bi domain açacaktım projeşerimi paylaşmak için ama domain host alacak para yok ne yazıkki
 

 

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