Konuyu Oyla:
  • Toplam: 2 Oy - Ortalama: 5
  • 1
  • 2
  • 3
  • 4
  • 5
Şık Bir Duyuru Panosu
#1
Ekran Görüntüsü :

ZDNaYV.png



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


Kod:
.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;
}
Ara
Cevapla PGM
Teşekkür verenler:
#2
kullanacagım hocam elinize sağlık
Ara
Cevapla PGM
Teşekkür verenler:
#3
(17-04-2015 Saat: 21:28)WaRRioRa Nickli Kullanıcıdan Alıntı: kullanacagım hocam elinize sağlık


Teşekkür ederim.
Ara
Cevapla PGM
Teşekkür verenler:
#4
@WordS bu arada alttaki uzun kodu global.css ye felanmı ekleyeceğiz ?
Ara
Cevapla PGM
Teşekkür verenler:
#5
(17-04-2015 Saat: 21:47)WaRRioRa Nickli Kullanıcıdan Alıntı: @WordS bu arada alttaki uzun kodu global.css ye felanmı ekleyeceğiz ?

Evet herhangi bir CSS 'ye koyacaksın.
Ara
Cevapla PGM
Teşekkür verenler:
#6
Senin Kodlamalarini Seviyorum uzerinde degisiklik yapmak istiyorum :)
bi degisiklik ;

Kod:
<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 :)
5bo0ov6.png
HTML CSS Javascript jQuery PHP Dart Flutter

"Son Tema Ekibi Lideri"
Cevapla PGM
Teşekkür verenler:
#7
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.

Hayatta üç şey insanın özüne zarar verir; öfke,açgözlülük, kibir..  Hz.Muhammed (s.a.v)
Ara
Cevapla PGM
Teşekkür verenler:
#8
Yorumlarınız için teşekkür ederim.
Ara
Cevapla PGM
Teşekkür verenler:
#9
Basit Ama Güzel Olmuş. Birde OnLiNe'nın da Dediği Gibi Gereksiz Yerler Var.
Ara
Cevapla PGM
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 1 Ziyaretçi



YILLARIN FORUMU / Forumcu.10TL.NeT -

Online Shopping App
Online Shopping - E-Commerce Platform
Online Shopping - E-Commerce Platform
Feinunze Schmuck Jewelery Online Shopping