[TUTORIAL] Rádio moderna com anúncios

por nikka 17.08.14 14:09

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

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)
rádio - [TUTORIAL] Rádio moderna com anúncios Css11

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:

Descrição -> Altere para a descrição desejada.
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)

rádio - [TUTORIAL] Rádio moderna com anúncios Untitl22

Resultado:
(carregue na imagem para aumentar)

rádio - [TUTORIAL] Rádio moderna com anúncios Act_bottom

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