Por muitas vezes podemos optar por uma melhor aparência de nosso fórum, de diversas maneiras. Aprenderemos neste tutorial
como implantar uma radio com um visual bem inovador e moderno,podendo tambem por os tópicos que achar melhor ao lado dela para destacar os mesmos. Tutorial apenas para a versão Punbb.

---

--> Tutoriais, dicas e astúcias <--
Radio Moderna com Anuncios!

1º - Conhecendo o codigo

Código:

<style>
/* Raadio Moderna com Anuncios! */
.kvnotice{width:960px;height:326px;position:relative;margin:20px 0 0;padding:0}
.kvntleft{background:url(http://i48.servimg.com/u/f48/16/58/89/73/1dntle10.png) top left no-repeat;float:left;width:472px;height:326px;position:relative;margin:0;padding:0}
.kvntleftct{margin:13px 10px}
#kvstick{position:absolute;margin-top:-23px;margin-left:-0px;z-index:999;width:45px;height:45px}
.kvntright{background:url(http://i48.servimg.com/u/f48/16/58/89/73/1dntri10.png) top left no-repeat;float:left;width:458px;height:326px;position:relative;margin:0;padding:0}
.kvntrightct{position:relative;text-align:left;margin:35px 16px 65px}
.kvntrightct ul{margin:0;padding:0}
.kvntrightct li{line-height:34px;height:34px;margin-left:5px;margin-right:10px;border-bottom:1px #ccc dashed;list-style-type:none;font-weight:700;font-size:15px}
#kvflfb{height:32px;position:absolute;bottom:15px;right:62px}
#kvflzing{height:32px;position:absolute;bottom:15px;right:10px}
#kvevent{background:url(http://i48.servimg.com/u/f48/16/58/89/73/1deven10.png) top left no-repeat;position:absolute;margin-top:-13px;margin-left:10px;width:181px;height:32px;z-index:999}
</style><div class="kvnotice">

   <div class="kvntleft">

       <div id="kvstick"><a href="#" target="_blank"><img onmouseout="this.src='http://forum.teendatviet.com/images/news/1dstickhv.png'" onmouseover="this.src='http://forum.teendatviet.com/images/news/1dstickhv.png'" src="http://forum.teendatviet.com/images/news/1dstickhv.png" border="0"></a></div>

        <div class="kvntleftct">
        <!-- chu y chi dc paste noi dung voi chieu cao 300px va chieu rong 452px, neu size to hon se lam vo~ khung, nen chu' y ki nhe -->

<object width="452" height="300"><param name="allowScriptAccess" value="always"><param name="movie" value="http://st.nhacso.net/flash/v81/embedPlaylistjs.swf?xmlPath=http://nhacso.net/flash/playlist/xnl/1/uid/X1pVVUNZawEACQ==,XVhYVUFY,Xg==,1337221362&adsLink=&colorAux=0x017CA6&colorMain=0xafafaf&colorBorder=0x333333&typePlayer=playlist&mAuto=false&autoplay=0"><param name="quality" value="high"><param name="wmode" value="transparent"><embed width="452" height="300" src="http://st.nhacso.net/flash/v81/embedPlaylistjs.swf?xmlPath=http://nhacso.net/flash/playlist/xnl/1/uid/X1pVVUNZawEACQ==,XVhYVUFY,Xg==,1337221362&adsLink=&colorAux=0x017CA6&colorMain=0xafafaf&colorBorder=0x333333&typePlayer=playlist&mAuto=false&autoplay=0" quality="high" wmode="transparent" type="application/x-shockwave-flash"></object><br>


   

        </div>

    </div>

    <div class="kvntright">

       <div id="kvevent"> </div>

     

        <div id="kvflzing"><a href="#" target="_blank"><img src="http://forum.teendatviet.com/images/news/1dzing.png" border="0"></a></div>
  <div id="kvflfb"><a href="https://www.facebook.com/" target="_blank"><img src="http://forum.teendatviet.com/images/news/1dfb.png" border="0"></a></div>

       <div class="kvntrightct">

           <ul>

      <li><a href="#"> <font color="#eb0000">Regras Gerais de todo o forum <img src="http://forum.teendatviet.com/images/news/kvnew.gif" border="0"> </font></a></li>


                <li><a rel="nofollow" href="#"> <font color="darkcyan">EQUIPE STAFF FDF<img src="http://forum.teendatviet.com/images/news/kvnew.gif" border="0"> </font></a></li>

                <li><a href="#"> <font color="#eb0000">TESTE SO PRA VE<img src="http://forum.teendatviet.com/images/news/kvnew.gif" border="0"> </font></a></li>

       
               <li><a href="#"> <font color="blue">[NEW] VAGAS ABERTAS <img src="http://forum.teendatviet.com/images/news/kvnew.gif" border="0"> </font></a></li>

                <li><a href="#"><font color="#eb0000">TESTE CODE  <img src="http://forum.teendatviet.com/images/news/kvnew.gif" border="0"> </font></a></li>

                <font sze="6"><li><a href="#"> <font color="red"><b><blink>[HOT][EVENT] NOVO EVENTO </blink></b><img src="http://forum.teendatviet.com/images/news/kvnew.gif" border="0"> </font></a></li></font>

            </ul>

        </div>

    </div>

    <div style="clear: both;"></div>

</div>

2º - Modificando o template "index_body":
Acesse: Painel de Controle :seta2: Visúalização :seta2: Templantes :seta2: Geral :seta2:
Index_body :seta2: ( )

:seta: Localize o código abaixo:

Código:

{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in -->

:seta: Encima dele cole esse codigo

Código:

<style>
/* Bảng thông báo */
.kvnotice{width:960px;height:326px;position:relative;margin:20px 0 0;padding:0}
.kvntleft{background:url(http://i48.servimg.com/u/f48/16/58/89/73/1dntle10.png) top left no-repeat;float:left;width:472px;height:326px;position:relative;margin:0;padding:0}
.kvntleftct{margin:13px 10px}
#kvstick{position:absolute;margin-top:-23px;margin-left:-0px;z-index:999;width:45px;height:45px}
.kvntright{background:url(http://i48.servimg.com/u/f48/16/58/89/73/1dntri10.png) top left no-repeat;float:left;width:458px;height:326px;position:relative;margin:0;padding:0}
.kvntrightct{position:relative;text-align:left;margin:35px 16px 65px}
.kvntrightct ul{margin:0;padding:0}
.kvntrightct li{line-height:34px;height:34px;margin-left:5px;margin-right:10px;border-bottom:1px #ccc dashed;list-style-type:none;font-weight:700;font-size:15px}
#kvflfb{height:32px;position:absolute;bottom:15px;right:62px}
#kvflzing{height:32px;position:absolute;bottom:15px;right:10px}
#kvevent{background:url(http://i48.servimg.com/u/f48/16/58/89/73/1deven10.png) top left no-repeat;position:absolute;margin-top:-13px;margin-left:10px;width:181px;height:32px;z-index:999}
</style><div class="kvnotice">

   <div class="kvntleft">

       <div id="kvstick"><a href="#" target="_blank"><img onmouseout="this.src='http://forum.teendatviet.com/images/news/1dstickhv.png'" onmouseover="this.src='http://forum.teendatviet.com/images/news/1dstickhv.png'" src="http://forum.teendatviet.com/images/news/1dstickhv.png" border="0"></a></div>

        <div class="kvntleftct">
        <!-- chu y chi dc paste noi dung voi chieu cao 300px va chieu rong 452px, neu size to hon se lam vo~ khung, nen chu' y ki nhe -->

<object width="452" height="300"><param name="allowScriptAccess" value="always"><param name="movie" value="http://st.nhacso.net/flash/v81/embedPlaylistjs.swf?xmlPath=http://nhacso.net/flash/playlist/xnl/1/uid/X1pVVUNZawEACQ==,XVhYVUFY,Xg==,1337221362&adsLink=&colorAux=0x017CA6&colorMain=0xafafaf&colorBorder=0x333333&typePlayer=playlist&mAuto=false&autoplay=0"><param name="quality" value="high"><param name="wmode" value="transparent"><embed width="452" height="300" src="http://st.nhacso.net/flash/v81/embedPlaylistjs.swf?xmlPath=http://nhacso.net/flash/playlist/xnl/1/uid/X1pVVUNZawEACQ==,XVhYVUFY,Xg==,1337221362&adsLink=&colorAux=0x017CA6&colorMain=0xafafaf&colorBorder=0x333333&typePlayer=playlist&mAuto=false&autoplay=0" quality="high" wmode="transparent" type="application/x-shockwave-flash"></object><br>


   

        </div>

    </div>

    <div class="kvntright">

       <div id="kvevent"> </div>

     

        <div id="kvflzing"><a href="#" target="_blank"><img src="http://forum.teendatviet.com/images/news/1dzing.png" border="0"></a></div>
  <div id="kvflfb"><a href="https://www.facebook.com/" target="_blank"><img src="http://forum.teendatviet.com/images/news/1dfb.png" border="0"></a></div>

       <div class="kvntrightct">

           <ul>

      <li><a href="#"> <font color="#eb0000">Regras Gerais de todo o forum <img src="http://forum.teendatviet.com/images/news/kvnew.gif" border="0"> </font></a></li>


                <li><a rel="nofollow" href="#"> <font color="darkcyan">EQUIPE STAFF FDF<img src="http://forum.teendatviet.com/images/news/kvnew.gif" border="0"> </font></a></li>

                <li><a href="#"> <font color="#eb0000">TESTE SO PRA VE<img src="http://forum.teendatviet.com/images/news/kvnew.gif" border="0"> </font></a></li>

       
               <li><a href="#"> <font color="blue">[NEW] VAGAS ABERTAS <img src="http://forum.teendatviet.com/images/news/kvnew.gif" border="0"> </font></a></li>

                <li><a href="#"><font color="#eb0000">TESTE CODE  <img src="http://forum.teendatviet.com/images/news/kvnew.gif" border="0"> </font></a></li>

                <font sze="6"><li><a href="#"> <font color="red"><b><blink>[HOT][EVENT] NOVO EVENTO </blink></b><img src="http://forum.teendatviet.com/images/news/kvnew.gif" border="0"> </font></a></li></font>

            </ul>

        </div>

    </div>

    <div style="clear: both;"></div>
</div>

:seta: Ao terminar, Salve e clique em Publicar


3º - Resultado

---

© SnapShot & Cʀɑzy

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: Radio Moderna com Anuncios!