[TUTORIAL] Rádio moderna com anúncios

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

Principal Contribuidor

[TUTORIAL] Rádio moderna com anúncios Empty [TUTORIAL] Rádio moderna com anúncios

Mensagem por nikka 17.08.14 14:09


[TUTORIAL] Rádio moderna com anúncios Miniba10

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)
[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}


- 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.


- 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


  • Resultado:
    (carregue na imagem para aumentar)
    [TUTORIAL] Rádio moderna com anúncios Zkd0baH





© Fórum dos Fóruns & Crazy


[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
nikka

nikka
Principal Contribuidor
Principal Contribuidor

Feminino
Membro desde : 17/12/2008
Mensagens : 15620
Pontos : 19897

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

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos