Newsong30[N30] Duyuru Panosu V2 - 3. Deneyimim

[newsong30]

Merhaba Arkadaşlar, Yaptığım duyur panosunun 2. Versiyonunu Sizlere sunmaktan gurur duyuyorum. Bence Gayet Şıklar.

NOT: Gördüğünüz Sorunları Bana Bildirn Ki V2.5'te Onları Çözeyim :)

Önizlemek İçin

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

http://onizle.koddostu.com/

Sitesini Kullanın :)

Kodumuz :)

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

<center>
<table>
<tr>
<td>
<br>
<style>
section{
transition: 800ms;
max-height: 18px;
overflow: hidden; 
background: #D49A52;
border-bottom: 5px solid #CF8C3A;
border-top: 5px solid #E1AE71;
border-left: 5px solid #E1AE71;
border-right: 5px solid #CF8C3A;
width: 250px; padding: 15px; color: #ecf0f1;
}
section:hover{
transition: 800ms;
background: #D49A52;
border-bottom: 10px solid #CF8C3A;
border-top: 10px solid #E1AE71;
border-left: 10px solid #E1AE71;
border-right: 10px solid #CF8C3A;
max-height:60px
width:500px; padding-right: 70px; padding-left: 70px; padding-bottom: 212px; color: #ecf0f1;
}
</style>
       
<style>
section{
transition: 1200ms
position:absolute;
transform:rotate(-360deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
 -webkit-transform: rotate(6deg);
 -moz-transform: rotate(6deg);
}
section:hover{
position:absolute;
transform:rotate(-360deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=4);
 -webkit-transform: rotate(-365deg);
 -moz-transform: rotate(-365deg);
transition: 1200ms
}
</style>

<section>
<center>
<span><center><font size=4 color=#585C5E face= Arial><b>DUYURULARIMIZ<b></font></center></span>
<br>
<br>

<fieldset>
<legend><font size=4 color=#585C5E face= 'Segoe UI Light' family= 'Segoe UI Light', Arial, Tahoma, Verdana><b>Duyurunun Konusu</b></font></legend>
<center><font size=3 color=#585C5E face= 'Segoe UI Light' family= 'Segoe UI Light', Arial, Tahoma, Verdana>BURAYA DUYURUNU YAZ DOSTUM</font></center>
</fieldset>



<style>
fieldset { 
border-bottom: 10px solid #CF8C3A;
border-top: 10px solid #E1AE71;
border-left: 10px solid #E1AE71;
border-right: 10px solid #CF8C3A;
}

legend {
  padding: 0.2em 0.5em;
  border-bottom: 4px solid #CF8C3A;
border-top: 4px solid #E1AE71;
border-left: 4px solid #E1AE71;
border-right: 4px solid #CF8C3A;
  font-size:100%;
  text-align:center;
  }
</style>
</section>
<br>
</td>
</tr>
</table>
</center> 


Yakında 3D Bir Tasarımla Geliyorummm :) Umarım Beğenirsiniz

[Einstein™]

Fikirde güzel, kodlamada. Eline sağlık.

[newsong30]

Sağol Dostum :)

[Testere]

iyi olmuş kardeş

[newsong30]

Sağol Testere

[Testere]

farklı renkleri varmı

[Treebzy]

Güzel Olmuş Ama Yan Yerine Normal Dursa Daha İyi :)

[newsong30]

farklı renkleri varmı

Yaparız :)

[newsong30]

Güzel Olmuş Ama Yan Yerine Normal Dursa Daha İyi :)

Yaparız :) Yorumlar İçin Sağol

[newsong30]

Hangi Renk İstiyosun Dostum :) @Testere

[Testere]

Yeşil

[newsong30]

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

<center>
<table>
<tr>
<td>
<br>
<style>
section{
transition: 800ms;
max-height: 18px;
overflow: hidden; 
background: #6CA83B;
border-bottom: 5px solid #5D962E;
border-top: 5px solid #89B862;
border-left: 5px solid #5D962E;
border-right: 5px solid #89B862;
width: 250px; padding: 15px; color: #ecf0f1;
}
section:hover{
transition: 800ms;
background: #6CA83B;
border-bottom: 10px solid #5D962E;
border-top: 10px solid #89B862;
border-left: 10px solid #5D962E;
border-right: 10px solid #89B862;
max-height:60px
width:500px; padding-right: 70px; padding-left: 70px; padding-bottom: 212px; color: #ecf0f1;
}
</style>
       
<style>
section{
transition: 1200ms
position:absolute;
transform:rotate(-360deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
 -webkit-transform: rotate(6deg);
 -moz-transform: rotate(6deg);
}
section:hover{
position:absolute;
transform:rotate(-360deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=4);
 -webkit-transform: rotate(-365deg);
 -moz-transform: rotate(-365deg);
transition: 1200ms
}
</style>

<section>
<center>
<span><center><font size=4 color=#DDE3D8 face= Arial><b>DUYURULARIMIZ<b></font></center></span>
<br>
<br>

<fieldset>
<legend><font size=4 color=#DDE3D8 face= 'Segoe UI Light' family= 'Segoe UI Light', Arial, Tahoma, Verdana><b>Duyurunun Konusu</b></font></legend>
<center><font size=3 color=#DDE3D8 face= 'Segoe UI Light' family= 'Segoe UI Light', Arial, Tahoma, Verdana>BURAYA DUYURUNU YAZ DOSTUM</font></center>
</fieldset>



<style>
fieldset { 
border-bottom: 10px solid #5D962E;
border-top: 10px solid #89B862;
border-left: 10px solid #5D962E;
border-right: 10px solid #89B862
}

legend {
padding: 0.2em 0.5em;
border-bottom: 4px solid #5D962E;
border-top: 4px solid #89B862;
border-left: 4px solid #5D962E;
border-right: 4px solid #89B862;
  font-size:90%;
  text-align:center;
  }
</style>
</section>
<br>
</td>
</tr>
</table>
</center> 


Al Bakalım Yeşil :) Beğenmezsen Başka Yaprım :)

[newsong30]

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

<center>
<table>
<tr>
<td>
<br>
<style>
section{
transition: 800ms;
max-height: 18px;
overflow: hidden; 
background: #D49A52;
border-bottom: 5px solid #CF8C3A;
border-top: 5px solid #E1AE71;
border-left: 5px solid #E1AE71;
border-right: 5px solid #CF8C3A;
width: 250px; padding: 15px; color: #ecf0f1;
}
section:hover{
transition: 800ms;
background: #D49A52;
border-bottom: 10px solid #CF8C3A;
border-top: 10px solid #E1AE71;
border-left: 10px solid #E1AE71;
border-right: 10px solid #CF8C3A;
max-height:60px
width:500px; padding-right: 70px; padding-left: 70px; padding-bottom: 212px; color: #ecf0f1;
}
</style>
       
<style>
section{
transition: 1200ms
position:absolute;
transform:rotate(0deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
}
section:hover{
position:absolute;
transform:rotate(-360deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=4);
 -webkit-transform: rotate(-360deg);
 -moz-transform: rotate(-360deg);
transition: 1200ms
}
</style>

<section>
<center>
<span><center><font size=4 color=#585C5E face= Arial><b>DUYURULARIMIZ<b></font></center></span>
<br>
<br>

<fieldset>
<legend><font size=4 color=#585C5E face= 'Segoe UI Light' family= 'Segoe UI Light', Arial, Tahoma, Verdana><b>Duyurunun Konusu</b></font></legend>
<center><font size=3 color=#585C5E face= 'Segoe UI Light' family= 'Segoe UI Light', Arial, Tahoma, Verdana>BURAYA DUYURUNU YAZ DOSTUM</font></center>
</fieldset>



<style>
fieldset { 
border-bottom: 10px solid #CF8C3A;
border-top: 10px solid #E1AE71;
border-left: 10px solid #E1AE71;
border-right: 10px solid #CF8C3A;
}

legend {
  padding: 0.2em 0.5em;
  border-bottom: 4px solid #CF8C3A;
border-top: 4px solid #E1AE71;
border-left: 4px solid #E1AE71;
border-right: 4px solid #CF8C3A;
  font-size:100%;
  text-align:center;
  }
</style>
</section>
<br>
</td>
</tr>
</table>
</center> 


Al @Red0x - Beğenmezsen Başka Yaparım :)

[Testere]

Teşekkürler rep

[newsong30]

Sağol Kardeşim :)

[Treebzy]

eyw adamsın

[newsong30]

Sağol

[QuitterTR]

Kapanmalı falan yap da kullanalım :)