İlk Duyuru Paneli Kodlamam

[mehmetext]

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

<div class="kutu">

<center><p class="duyuru">Yeni Duyuru Paneli</center>

<style>.duyuru {
padding: 3px ;
border-top: 5px dashed red ;
border-bottom: 5px dashed red ;
border-right: 5px dashed red ;
border-left: 5px  dashed red ;
font-size: 20px ;
background: yellow ;
font-color: red ;
font-family: Arial Black;
}</style> 


Nasıl Olmuş Arkadaşlar Önizleme İçin ;

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

http://onizle.koddostu.com/

[HonoraryMore]

Sarının üstüne kırmızı biraz kötü durmuş göz yoruyor geliştirmelisin teşekkürler

[mehmetext]

Rica Ederim Nede Olsa İlk Deneme Artık Flat Renk Kullanacağım

[Treebzy]

Başarılı :)
ilk yapıma göre

[Ufufuk]

İlke göre başarılı olmuş artık hover'e geç :)

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

<center><p class="duyuru">Yeni Duyuru Paneli</center>

<style>.duyuru {
padding: 5px ;
border-top: 5px dashed  yellow;
border-bottom: 5px dashed yellow;
border-right: 5px dashed #000;
border-left: 5px  dashed #000;
font-size: 20px ;
background: #CCCC99;
font-color: #fff;
font-family: Arial Black;
}
.duyuru:hover {
background: #f39c12;
color: #fff;
border-left: 5px solid yellow;
border-right: 5px solid yellow;
border-top: 5px solid #000;
border-bottom: 5px solid  #000;
}

Biraz geliştirdim ilerde resimde ekleyebilirsin :)

[mehmetext]

hmm teşekkürler birde hoverli deniyeyim :)

[Ufufuk]

hmm teşekkürler birde hoverli deniyeyim :)

Benim yaptığım hover'e baktınmı ?

[mehmetext]

bakmazmıyım yarın onun ile ilgili bi çalışma yapacağım ama yavaş yavaş geçse iyi olurdu
o kodu verebilirmsiniz

[Ufufuk]

Al bakalım hem yazı geç geçiyor hem menü :);

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

<center><p class="duyuru">Yeni Duyuru Paneli</center>

<style>.duyuru {
padding: 5px ;
border-top: 5px dashed  yellow;
border-bottom: 5px dashed yellow;
border-right: 5px dashed #000;
border-left: 5px  dashed #000;
font-size: 20px ;
background: #CCCC99;
font-color: #fff;
font-family: Arial Black;
}
.duyuru:hover {
background: #f39c12;
color: #fff;
border-left: 5px solid yellow;
border-right: 5px solid yellow;
border-top: 5px solid #000;
border-bottom: 5px solid  #000;
transition:color .5s ease-in;
transition: .6s ease-in;
}

Eklediğim kodlar
Color(yazı rengi için)

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

transition:color .5s ease-in;

Menü İçin;

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

transition: .6s ease-in;

[Krons]

Bende böyle editledim borderlar çok kalındı buyur 

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

<center><p class="duyuru">Yeni Duyuru Paneli</center>

<style>.duyuru {
padding: 5px ;
border-top: 3px dashed  yellow;
border-bottom: 3px dashed yellow;
border-right: 3px dashed #000;
border-left: 3px  dashed #000;
font-size: 15px ;
background: #CCCC99;
font-color: #fff;
font-family: Arial Black;
transition:color 500ms ease-in;
transition: 500ms ease-in;
}
.duyuru:hover {
background: #f39c12;
color: #fff;
border-left: 3px solid yellow;
border-right: 3px solid yellow;
border-top: 3px solid #000;
border-bottom: 3px solid  #000;
transition:color 500ms ease-in;
transition: 500ms ease-in;
}  

[Ufufuk]

Bende böyle editledim borderlar çok kalındı buyur 

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

<center><p class="duyuru">Yeni Duyuru Paneli</center>

<style>.duyuru {
padding: 5px ;
border-top: 3px dashed  yellow;
border-bottom: 3px dashed yellow;
border-right: 3px dashed #000;
border-left: 3px  dashed #000;
font-size: 15px ;
background: #CCCC99;
font-color: #fff;
font-family: Arial Black;
transition:color 500ms ease-in;
transition: 500ms ease-in;
}
.duyuru:hover {
background: #f39c12;
color: #fff;
border-left: 3px solid yellow;
border-right: 3px solid yellow;
border-top: 3px solid #000;
border-bottom: 3px solid  #000;
transition:color 500ms ease-in;
transition: 500ms ease-in;
}  

Onun yaptığı ilk halinin boyutunda yaptım 5'idi sen 3 yapmışın 3 yapmayıda biliyordur :)

[Krons]

Bende böyle editledim borderlar çok kalındı buyur 

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

<center><p class="duyuru">Yeni Duyuru Paneli</center>

<style>.duyuru {
padding: 5px ;
border-top: 3px dashed  yellow;
border-bottom: 3px dashed yellow;
border-right: 3px dashed #000;
border-left: 3px  dashed #000;
font-size: 15px ;
background: #CCCC99;
font-color: #fff;
font-family: Arial Black;
transition:color 500ms ease-in;
transition: 500ms ease-in;
}
.duyuru:hover {
background: #f39c12;
color: #fff;
border-left: 3px solid yellow;
border-right: 3px solid yellow;
border-top: 3px solid #000;
border-bottom: 3px solid  #000;
transition:color 500ms ease-in;
transition: 500ms ease-in;
}  

Onun yaptığı ilk halinin boyutunda yaptım 5'idi sen 3 yapmışın 3 yapmayıda biliyordur :)

 Evet biliyordur sadece kalındı dedim oraya da yazdım sadece onu küçülttüm diye :)

[mehmetext]

teşekkürler :)