[TUTORIAL] Rádio moderna com anúncios

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

[TUTORIAL] Rádio moderna com anúncios

Mensagem por nikka em 17/08/14, 10:09 am



Rádio moderna com anúncios

Sempre queremos deixar o nosso fórum mais moderno, com uma boa aparência e organizado. Com este tutorial, será possível adicionar uma rádio e ao lado anúncios e atualizações que ocorrem em seus fóruns.


--> Tutoriais, dicas e astúcias <--
Rádio moderna com anúncios




- Aplicação do CSS:
Será necessário aplicar o código em vossa folha de estilo CSS.
Painel de controle ->> Visualização ->> Imagens e Cores ->> Cores ->> Folha de estilo CSS ->>

(carregue na imagem para aumentar)

No conteúdo CSS, adicione este código:
Código:
/* Radio 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}


- Conhecendo código HTML:

Spoiler:
<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="Link"> <font color="#eb0000">Descrição<img src="http://forum.teendatviet.com/images/news/kvnew.gif" border="0"> </font></a></li>


               <li><a rel="nofollow" href="Link2"> <font color="darkcyan">Descrição2<img src="http://forum.teendatviet.com/images/news/kvnew.gif" border="0"> </font></a></li>

               <li><a href="Link3"> <font color="#eb0000">Descrição3<img src="http://forum.teendatviet.com/images/news/kvnew.gif" border="0"> </font></a></li>

       
             <li><a href="Link4"> <font color="blue">Descrição4<img src="http://forum.teendatviet.com/images/news/kvnew.gif" border="0"> </font></a></li>

               <li><a href="Link5"><font color="#eb0000">Descrição5<img src="http://forum.teendatviet.com/images/news/kvnew.gif" border="0"> </font></a></li>

               <font sze="6"><li><a href="Link6"> <font color="red"><b><blink>Descrição6</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>
Descrição -> Altere para a descrição desejada.
Link -> Altere o endereço de ao clicar na descrição para qual será redimensionado.


- Aplicando código HTML na Homepage:
Para que o efeito funcione corretamente, terá de aplicar o código trabalhado no passo anterior no 'conteúdo da home-page'.
Painel de Controle -> Visualização -> Homepage -> Geral

(carregue na imagem para aumentar)


  • Resultado:
    (carregue na imagem para aumentar)





© Fórum dos Fóruns & Crazy


Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Rádio moderna com anúncios
avatar

nikka
Membro profissional
Membro profissional

Feminino
Inscrito dia : 16/12/2008
Mensagens : 15621
Pontos Ativos : 19897

Ver perfil do usuário https://ajuda.forumeiros.com/ https://www.facebook.com/forumeirospt https://twitter.com/Forumeiros_PT

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum