![[TUTORIAL] Rádio moderna com anúncios Hitskin_logo](https://2img.net/i/fa/hitskin/hitskin_logo.png){kind=logo}
Hitskin.comIsto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Artigos[TUTORIAL] Rádio moderna com anúncios
Fórum dos Fóruns :: Forumeiros e você ::
Página 1 de 1
[TUTORIAL] Rádio moderna com anúncios
por nikka 17.08.14 14:09
![[TUTORIAL] Rádio moderna com anúncios Miniba10](https://i.servimg.com/u/f23/12/73/11/63/miniba10.png) | 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
Rádio moderna com anúncios
1º - 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)
![[TUTORIAL] Rádio moderna com anúncios Css11](https://i.servimg.com/u/f48/15/88/72/83/css11.png)
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}
2º - 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>
Link -> Altere o endereço de ao clicar na descrição para qual será redimensionado.
3º - 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)
![[TUTORIAL] Rádio moderna com anúncios Untitl22](https://i.servimg.com/u/f11/11/81/27/88/untitl22.png)
- Resultado:(carregue na imagem para aumentar)
![[TUTORIAL] Rádio moderna com anúncios Zkd0baH](https://i.imgur.com/Zkd0baH.png)
© Fórum dos Fóruns & Crazy
![[TUTORIAL] Rádio moderna com anúncios Act_bottom](https://www.forumeiros.com/i/img/act_bottom.png) | 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 |
nikka- Principal Contribuidor
- Membro desde : 17/12/2008
Mensagens : 15620
Pontos : 19897 -
Tópicos semelhantes» [TUTORIAL] Player de rádio fixo no fórum
» [Tutorial] Inputs radio e checkbox com estilos diferentes
» Ranks Fórum Brasil Vida Moderna
» radio bh fm
» Código da rádio
» [Tutorial] Inputs radio e checkbox com estilos diferentes
» Ranks Fórum Brasil Vida Moderna
» radio bh fm
» Código da rádio
Fórum dos Fóruns :: Forumeiros e você ::
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos