css olarak etiketli yazılar

Css menülerinizi hızlı,zahmetsiz ve ücretsiz yapın.

9 Tem

admin tarafından Java & CSS kategorisinde yayınlanmıştır

ARA DÜZENLE YÜKLE sloganıyla ziyaretcilerine CSS olarak online menü hazırlamasına yardımcı olan bir web sayfasının olduğunu biliyormusunuz.

http://www.cssmenumaker.com adresinde bulunan web sayfasına girerek siteniz için birbirinden güzel css menüler hazırlayabilirsiniz.

Dediğimi gibi hızlıca ve zahmetsizce menülerinizi bir kaç dakika içinde yapabilirsiniz.

Kategoriler halinde ayrılmış menüler ise ;

Drop Down CSS Menü, Horizontal CSS Menü (Yatay Css menü). Vertical CSS Menü (Dikey Css menü)

sitede ayrıca Dreamweaver için Css menü pluginleride mevcut.

İStediğiniz menü şekline tıkladığınız zaman açılan sayfadan Customize bağlantısına tıklarsanız yeni bir sayfada menü oluşturmanızı sağyalacak basit bir arayüz görüyorsunuz.

ADD Button tuşuna basarsanız yeni bir menü ögesi ekleyebiliyorsunuz böylece css menünüz size uygun hale geliyor linkleri ekledikten sonra Prewiev tusuna basarsanız menünüz için önizleme yapabiliyorsunuz.

3. Aşamada ise hazırladığınız menünüzü bilgisayarınıza indirip web sayfanızda kullanabilirsiniz.

css, css menü, css menüler, güzel css menüleri

Css ile yanyana kutular yapalım.

6 Tem

admin tarafından Java & CSS kategorisinde yayınlanmıştır

Yorum yok

Artık Css öğrenme vakti geldi. Yıllardan beri tablolar tablolar yetti artık css ile tek tıklama ile istediğiniz yerin rengini değiştirmek arka plana bir resim atmak için dakikalarca uğraşmak istemiyorum.

İlk dersim sayfa temelinde oldukca kullanılacak yapıyı oluşturmak için gerekli bir örnek

Div = Kutu

Kutuları yanyana koymak. aşağıdaki gibi yaparsanız ne yazarsanız yazın kutular alt alta gelecektir.
Bunun için biraz css yazmamız gerekiyor.

CSS 3.0

CSS yazıyoruz.

CSS 3.0

Buradaki en önemli css kodu float:inherit; bu sayade kutuda gerekli bir alan varsa içindeki kutular alt alta değil yanyana gelecek eğeryer kalmazsa alta inecek.

Kutum özelliklerine bir daha bakalım

Kutum içinde yanyana kutuları barındaracak ana kutumuz.

float:inherit; ile gerekli alan varsa yanyana dizim devam edecek
height:300px; kutumun yüksekliğini bu kodla belirledik.
width:1000px; kutunun genişliğini bu kodlar belirledik.
background:#333333; kutu gözle görülsün diye arka plana renk atadık.

CSS 3.0

İç kutu css özellikleri
float:left; ile sol tarafa kutuların yerleşmesini istiyoruz.
border:#000000;
border:dotted; ile kutuları daha belirgin yaptım.

CSS 3.0

ve işte sonuç