Gece gece duyuru panosu kodladım sabahta paylaşıyorum :)
-Ufufuk&ASİPaTRoN'un ilk teması'nın mataryelidir.
-Hiçbir yerinde resim yoktur rahatlıkla değiştirebilirsiniz.
Admin KP-Temalar&Şablonlar-Seçili Olan Temanız-Css Oluştur
CSS Kodları
Stil Adı:duyurum.css
Kendi İçeriğimi yazmak istiyorum diyip bu kodu yapıştırın,
Html Kodları
Admin KP-Temalar&Şablonlar-Şablonlar-Temanızın Templetesi-İndex Şablonlar-İndex,
{$header} in altına ekle,
Belki fix sürümünü çıkartabilirim.
Demo:10TR.NET dışı forumum'da olduğundan verme şüphesi veriyorum
@#Power
Yasaksa kaldırır linki :)
dan css kodlarını <style> </style> tagları arasına alabilirsiniz.
-Ufufuk&ASİPaTRoN'un ilk teması'nın mataryelidir.
-Hiçbir yerinde resim yoktur rahatlıkla değiştirebilirsiniz.
Admin KP-Temalar&Şablonlar-Seçili Olan Temanız-Css Oluştur
CSS Kodları
Stil Adı:duyurum.css
Kendi İçeriğimi yazmak istiyorum diyip bu kodu yapıştırın,
PHP Kod:
/*Ufufuk Duyuru Panosu V4
author:Ufufuk
version:V4
/*---------------------------------------------------------------duyurum.css-----------------------------------------*/
/*Küçük Duyuru*/
.duyuru {
font: 12px/16px Helvetica, Arial, sans-serif;
text-shadow: #B06E6E 1px 1px;
color: #fff;
background: #494158;
padding: 15px 15px 10px;
left: -35px;
float: right;
top: -56px;
position: relative;
width: 300px;
border-bottom: 2px solid #7B6;
height: 35px;
}
.duyuru .baslik {
background: #77BB66;
text-shadow: #5d1919 1px 1px;
border: 1px dashed #fff;
color: #fff;
font-size: 10px;
font-weight: bold;
left: 10px;
padding: 2px 8px;
position: absolute;
text-transform: uppercase;
top: -4px;
}
.duyuru .baslik:after {
border-bottom: 4px solid #992424;
border-right: 2px solid transparent;
content: "";
display: block;
height: 0;
position: absolute;
right: -3px;
top: -1px;
width: 0;
}
.duyuru #kapat{
float:right;
color:inherit;
text-decoration:none;
}
/*Küçük Duyuru Bitiş*/
/*Büyük Mavi Duyuru :)*/
<style>
blockquote{
-webkit-transition: all 500ms ease-out ;
-moz-transition: all 500ms ease-out ;
-o-transition: all 500ms ease-out ;
transition: all 500ms ease-out ;
font:16px 'Open Sans';
padding:15px;
}
blockquote span{
font-weight:600;
margin-right:18px;
background-color: #34495E;
border-radius: 354px / 20px 0px;
}
blockquote #close{
float:right;
color:inherit;
text-decoration:none;
}
blockquote#info{
background-color: #2980B9;
border-left: 7px #34495E solid;
color: #FFFFFF;
border-radius: 60px/20px 85px 33px;
padding: 13px;
transition: 700ms;
}
blockquote#info:hover {
/*Yok hover,mover ayarlayamadım :D*/
background:#000;
transition: 500ms;
}
/*Büyül Mavi Duyuru Bitiş :)*/
/*Ufufuk Duyuru Panosu V4 Bitiş*/
Admin KP-Temalar&Şablonlar-Şablonlar-Temanızın Templetesi-İndex Şablonlar-İndex,
{$header} in altına ekle,
Kod:
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,600&subset=latin,latin-ext' rel='stylesheet' type='text/css'></link>
<blockquote id="info">
<a id="close" title="Close" href="#" onClick="document.getElementById('info').setAttribute('style','opacity:0; visibility:hidden;');">×</a>
<span>SUPPORT.10TR.NET</span>Support 17.6.2015 Tarihinde Açılıyor !
</blockquote>
<div class="duyuru">
<p><strong>Duyuru Kısmı-2</strong> Duyuru Kısmımı Beğendinmi ?</p>
<span class="baslik">Duyuru !</span>
</div>Demo:10TR.NET dışı forumum'da olduğundan verme şüphesi veriyorum
@#Power
Yasaksa kaldırır linki :)
Kod:
Edit :)Kod:
onizle.koddostu.com
