Huracine Duyuru Panosu [4 Renk]

[Furkomm]

Merhabalar, düşündüm ki sadece bir renkle olmaz. Ben bunun her rengini çıkarmalıyım, ve çıkarttım. Umarım beğenirsiniz. :)

Mavi:



CSS kodu:

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

#duyuru {
width: 1000px;
height: 35px;
background: #2fb1e0;
border-bottom: 1px solid #2ba1cc;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-bottom-left-radius:1em;
border-bottom-right-radius:1em;
-moz-box-shadow: inset 0 0 2px #fff;
-webkit-box-shadow: inset 0 0 2px #fff;
box-shadow: inner 0 0 2px #fff;
}

#yazı{
padding: 8px;
font-family: Tahoma;
font-size: 15px;
text-decoration: none;
list-style: none;
color: #fff;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.90);
}

HTML kodu,

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

<link rel="stylesheet" type="text/css" href="style.css" />
<div id="duyuru">
<div id="yazı">
<center>Huracine, duyuru kodlamasi tamam!
</div>
</div>

Sarı:



CSS kodu:

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

#duyuru {
width: 1000px;
height: 35px;
background: #ffd500;
border-bottom: 1px solid #d6b617;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-bottom-left-radius:1em;
border-bottom-right-radius:1em;
-moz-box-shadow: inset 0 0 2px #fff;
-webkit-box-shadow: inset 0 0 2px #fff;
box-shadow: inner 0 0 2px #fff;
}

#yazı{
padding: 8px;
font-family: Tahoma;
font-size: 15px;
text-decoration: none;
list-style: none;
color: #fff;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.90);
}

HTML kodu:

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

<link rel="stylesheet" type="text/css" href="style.css" />
<div id="duyuru">
<div id="yazı">
<center>Huracine, duyuru kodlamasi tamam!
</div>
</div>

Yeşil:



CSS kodu:

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

#duyuru {
width: 1000px;
height: 35px;
background: #139413;
border-bottom: 1px solid #20bd20;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-bottom-left-radius:1em;
border-bottom-right-radius:1em;
-moz-box-shadow: inset 0 0 2px #fff;
-webkit-box-shadow: inset 0 0 2px #fff;
box-shadow: inner 0 0 2px #fff;
}

#yazı{
padding: 8px;
font-family: Tahoma;
font-size: 15px;
text-decoration: none;
list-style: none;
color: #fff;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.90);
}

HTML kodu:

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

<link rel="stylesheet" type="text/css" href="style.css" />
<div id="duyuru">
<div id="yazı">
<center>Huracine, duyuru kodlamasi tamam!
</div>
</div>

Pembe



CSS kodu:

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

#duyuru {
width: 1000px;
height: 35px;
background: #cc9191;
border-bottom: 1px solid #c27272;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-bottom-left-radius:1em;
border-bottom-right-radius:1em;
-moz-box-shadow: inset 0 0 2px #fff;
-webkit-box-shadow: inset 0 0 2px #fff;
box-shadow: inner 0 0 2px #fff;
}

#yazı{
padding: 8px;
font-family: Tahoma;
font-size: 15px;
text-decoration: none;
list-style: none;
color: #fff;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.90);
}

HTML kodu:

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

<div id="duyuru">
<div id="yazı">
<center>Huracine, duyuru kodlamasi tamam!
</div>
</div>

Başka bir forumda, ben yaptım şeklinde gösterilemez..

[next155]

Teşekkürler.

[Saint]

güzelde anlamıyorum ama bişey dicem

içindeki renk kodlarını değiştirsek değişmezmi zaten

[Furkomm]

güzelde anlamıyorum ama bişey dicem

içindeki renk kodlarını değiştirsek değişmezmi zaten

Evet, normalde 1 tane olsaydı konun altına not düşecektim kendiniz değiştirebilirsiniz diye. Ama 2 tane renk kodu var, birinin açığa yakın diğerininde kapalıya yakın olması gerekiyor..

[Nebulous]

Harika ellerine sağlık.

[Furkomm]

Harika ellerine sağlık.

Teşekkür ederim. :)

[Ramsey]

Herzamanki gibi Harika...

[Furkomm]

Teşekkürler...

[Rutin]

güzel paylaşım..teşekkürler