Criação de um Widget personalizado

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

Resolvido Criação de um Widget personalizado

Mensagem por Lucas Neves em 06/02/13, 11:25 pm

Qual é minha questão:
Gostaria como eu crio um Widget igual a desse fórum.
 http://i.imgur.com/oSe05RO.png

Aonde está escrito Servidor e Raidcall !

Endereço do meu fórum:
http://www.brasilplayforever.com

Versão do fórum:
PHPBB3
avatar

Lucas Neves
Nível 3

Masculino
Inscrito dia : 05/02/2013
Mensagens : 23
Pontos Ativos : 39

Ver perfil do usuário http://brasilgreatliife.forumeiros.com/forum

Resolvido Re: Criação de um Widget personalizado

Mensagem por Mafioso em 06/02/13, 11:33 pm

Olá, vai em PA Seta Modulos Seta Configuração do Portal Seta Portal Seta Estrutura Seta Criar um Widget personalizado Seta Nome: Qualquer 1 Seta Utilizar um Table type marque Sim Seta Título do Widget " Servidor e Raidcall " Seta Font do Widget* coloque esse código
Código:
 <div style="text-align: center;"><font size="6"><span style="font-style: italic; color: SeaGreen;">IP DO SERVIDOR:ip.brasilplayforever.com.br:7777 <a href="http://files.sa-mp.com/sa-mp-0.3e-install.exe" class="postlink">[SA-MP 0.3e]</a> <br><br><br><br> IP DO <a href="http://www.teamspeak.com/?page=downloads" class="postlink" target="_blank" rel="nofollow">TS3</a><span style="font-weight: bold;"></span></span></font><a href="http://teamspeak.gameserver.gamed.de/ts3/releases/3.0.2/TeamSpeak3-Client-win32-3.0.2.exe" class="postlink" target="_blank" rel="nofollow"><span style="font-size: 24px; line-height: normal"><font color="violet"><strong></strong></font></span><font size="6"><span style="font-style: italic; color: SeaGreen;"></span></font></a><font size="6">:</font><font size="6"><span style="font-style: italic; color: SeaGreen;">ip.brasilplayforever.com.br<sup></sup></span></font><br><font size="6"><span style="font-style: italic; color: 

depois vá em Seta Adição/remoção de widgets pessoais procure oque você acabou de fazer na lista vai na Colocação Coluna 1 e salve.
avatar

Mafioso
Usuário destaque

Masculino
Inscrito dia : 13/11/2012
Mensagens : 707
Pontos Ativos : 903

Ver perfil do usuário http://www.brasilplaycity.com.br/forum

Resolvido Re: Criação de um Widget personalizado

Mensagem por Lucas Neves em 06/02/13, 11:53 pm

Pode me dizer como eu faço esses quadrados ?
http://i.imgur.com/jYKhMm6.png
avatar

Lucas Neves
Nível 3

Masculino
Inscrito dia : 05/02/2013
Mensagens : 23
Pontos Ativos : 39

Ver perfil do usuário http://brasilgreatliife.forumeiros.com/forum

Resolvido Re: Criação de um Widget personalizado

Mensagem por Mafioso em 07/02/13, 01:09 am

Desculpe, uma dúvida por tópico.
avatar

Mafioso
Usuário destaque

Masculino
Inscrito dia : 13/11/2012
Mensagens : 707
Pontos Ativos : 903

Ver perfil do usuário http://www.brasilplaycity.com.br/forum

Resolvido Re: Criação de um Widget personalizado

Mensagem por Firenando em 07/02/13, 01:26 am

Veja se resulta.

Adicione este código ao seu CSS.

Código:
.module .h3 {
background-image: url("http://www.sebrasil.com.br/styles/AeroBlack/theme/images/cellpic1.gif");
background-repeat: repeat;
border: 1px solid #eee;
color: #FFF;
-moz-border-radius-topleft: 10px;
-webkit-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-radius-bottomright: 10px;
-moz-box-shadow: 0px 5px 5px #CCCCCC;
-webkit-box-shadow: 0px 5px 5px #CCCCCC;
text-align: center;
}


Última edição por Firenando em 07/02/13, 02:13 am, editado 1 vez(es)
avatar

Firenando
Membro do Fórum

Masculino
Inscrito dia : 22/10/2011
Mensagens : 1665
Pontos Ativos : 2318

Ver perfil do usuário http://divineartz.forumeiros.com/

Resolvido Re: Criação de um Widget personalizado

Mensagem por Mafioso em 07/02/13, 02:12 am

Esse código passado vai deixar os bagulho tudo branco, use esse é o mesmo mais mudei as cores.
Código:
 .module .h3 {
background-image: url("http://www.sebrasil.com.br/styles/AeroBlack/theme/images/cellpic1.gif");
background-repeat: repeat;
border: 1px solid #FFFFF;
color: #FFFFF;
-moz-border-radius-topleft: 10px;
-webkit-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-radius-bottomright: 10px;
-moz-box-shadow: 0px 5px 5px #CCCCCC;
-webkit-box-shadow: 0px 5px 5px #CCCCCC;
text-align: center;
}


Última edição por Mafioso em 07/02/13, 02:19 am, editado 1 vez(es)
avatar

Mafioso
Usuário destaque

Masculino
Inscrito dia : 13/11/2012
Mensagens : 707
Pontos Ativos : 903

Ver perfil do usuário http://www.brasilplaycity.com.br/forum

Resolvido Re: Criação de um Widget personalizado

Mensagem por Lucas Neves em 07/02/13, 02:13 am

Valeu amigo , funfou aqui (:
avatar

Lucas Neves
Nível 3

Masculino
Inscrito dia : 05/02/2013
Mensagens : 23
Pontos Ativos : 39

Ver perfil do usuário http://brasilgreatliife.forumeiros.com/forum

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

- Tópicos similares

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