Şık Bir Duyuru Panosu

[WordS]

Ekran Görüntüsü :

Kod: Tümünü Seç Tümünü Kopyala

<div class="WordS"><font color="#7D7D7D">Yetkili Alımları Başlamıştır..</div>

Kod: Tümünü Seç Tümünü Kopyala

.WordS {
background-color: #EB8C2B;
color: #343434;
font-weight: bold;
height: 15px;   
width: 900px;   
line-height: 15px;
padding: 10px 20px 10px 20px;
font-family: Segoe UI, 'Comic Sans Ms' 3px;
border: solid 1px #C77623;
border-bottom-color: #C8C8C8;
border-bottom-style: solid;
border-bottom-width: 2px;
}

[WaRRioRa]

kullanacagım hocam elinize sağlık

[WordS]

kullanacagım hocam elinize sağlık

Teşekkür ederim.

[WaRRioRa]

@WordS bu arada alttaki uzun kodu global.css ye felanmı ekleyeceğiz ?

[#Power]

@WordS bu arada alttaki uzun kodu global.css ye felanmı ekleyeceğiz ?

Evet herhangi bir CSS 'ye koyacaksın.

[mehmetext]

Senin Kodlamalarini Seviyorum uzerinde degisiklik yapmak istiyorum :)
bi degisiklik ;

Kod: Tümünü Seç Tümünü Kopyala

<style>
.WordS {
background-color: #EB8C2B;
color: #343434;
font-weight: bold;
height: 15px;  
width: %100;  
line-height: 15px;
padding: 10px 20px 10px 5px;
font-family: Trebuchet ms;
border: solid 1px #C77623;
border-left: 20px solid #C77623;
transition: 500ms;
}
.WordS:hover {
border-radius: 20px 0px;
background-color: #EB8C2B;
color: #343434;
font-weight: bold;
height: 15px;  
width: %100;  
line-height: 15px;
padding: 10px 20px 10px 5px;
border: solid 1px #C77623;
border-left: 20px solid #C77623;
}
.WordS:active {
border-radius: 20px 20px;
background-color: #EB8C2B;
color: #343434;
font-weight: bold;
height: 15px;  
width: %100;  
line-height: 15px;
padding: 10px 20px 10px 5px;
border: solid 1px #C77623;
border-left: 20px solid #C77623;
}
</style>


<div class="WordS"><font color="#7D7D7D">Yetkili Alımları Başlamıştır..</div>

hover ve active ekledim :)

[OnLiNe]

O kadar da şık sayılmaz basit, az çok web tasarımla ilgilenen herkesin yapabileceği bir şey. Ayrıca gereksiz kod kullanıyorsun. Hem CSS'de color yazmışsın hemde font color yazmışsın her ikisi de aynı kapıya çıkıyor.

[WordS]

Yorumlarınız için teşekkür ederim.

[Sadooshi]

Basit Ama Güzel Olmuş. Birde OnLiNe'nın da Dediği Gibi Gereksiz Yerler Var.