Como criar widget personalizado?

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

Resolvido Como criar widget personalizado?

Mensagem por TappedOut em 02/07/14, 07:17 pm

  • Descrição:
Queria botar um widget que mostra-se isto:


OBS: Isto é uma montagem, para entender melhor o geito que quero o widget.

  • Informações:
Fórum:http://testesforumf.forumeiros.com/Versão:PHPBB2
Tipo:Pedido de códigoTags:criar,widget,personalizado?



Última edição por Boo em 03/07/14, 11:21 am, editado 1 vez(es)
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com
  • 0

Resolvido Re: Como criar widget personalizado?

Mensagem por iPrompt em 02/07/14, 07:55 pm

Olá,

Veja se esta a seu agrado crie um widget com o código abaixo

Código:
<ul class="List_data" id="stats_sidebar">
<li>
<span class="srl">Total de Mensagens</span>
<span class="srr">{FORUMCOUNTPOST}</span>
</li>
<li>
<span class="srl">Total de Membros</span>
<span class="srr">{FORUMCOUNTUSER}</span>
</li>
<li>
<span class="srl"><font><font>Membro mais novo</span>
<span class="srr">{FORUMLASTUSER}</span>
</li>
<li>
<span class="srl">Recorde de usuários online</span>
<span class="srr">{FORUMONLINEUSER}</span>
</li>
</ul>
<style>
#stats_sidebar {
margin: -10px;
}
.List_data li {
padding: 6px;
line-height: 1.3;
}
#stats_sidebar li {
border-bottom: 1px solid #E9EDEE;
}
#stats_sidebar .srl {
font-weight: bold;
}
#stats_sidebar .srr {
float: right;
}
.pun {
    color: #660;
}
</style>

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Como criar widget personalizado?

Mensagem por TappedOut em 02/07/14, 11:24 pm

Ficou estranho, veja meu forum. Irá reparar que ficou tipo.. Grandão e tals
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com
  • 0

Resolvido Re: Como criar widget personalizado?

Mensagem por Hancki em 03/07/14, 06:04 am

Olá!

Boo, onde viu isso? Assim posso verificar os estilos.

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Como criar widget personalizado?

Mensagem por TappedOut em 03/07/14, 09:12 am

avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Como criar widget personalizado?

Mensagem por Duel em 03/07/14, 10:23 am

@Hancki; "OBS: Isto é uma montagem, para entender melhor o geito que quero o widget."

Segue o código do Widget:
Código:
<ul class="List_data" id="stats_sidebar">
<li>
<span class="srl">Total de Mensagens</span>
<span class="srr">{FORUMCOUNTPOST}</span>
</li>
<li>
<span class="srl">Total de Membros</span>
<span class="srr">{FORUMCOUNTUSER}</span>
</li>
<li>
<span class="srl"><font><font>Membro mais novo</font></font></span><font><font>
<span class="srr">{FORUMLASTUSERLINK}</span>
</font></font></li><font><font>
<li>
<span class="srl">Recorde de usuários online</span>
<span class="srr">{FORUMONLINEUSER}</span>
</li>
</font></font></ul>

Seta CSS:
Código:

#stats_sidebar {
margin: -10px;
}
.List_data li {
padding: 6px;
line-height: 1.3;
}
#stats_sidebar li {
border-bottom: 1px solid #E9EDEE;
}
#stats_sidebar .srl {
font-weight: bold;
}
#stats_sidebar .srr {
float: right;
}
    #right .main-content ol, #right .main-content ul, #left .main-content ol, #left.main-content ul {
    padding-left: 0px !important;
    }

Atenciosamente, Duel.

Duel
Usuário avançado

Masculino
Inscrito dia : 21/05/2014
Mensagens : 323
Pontos Ativos : 446

Ver perfil do usuário http://ajuda.forumeiros.com/ https://www.facebook.com/Não uso. https://twitter.com/Não tenho

Resolvido Re: Como criar widget personalizado?

Mensagem por TappedOut em 03/07/14, 11:18 am

A CSS eu retirei, porque ficou meio estranho, mas ficou bom tambem.
Grato á todos!
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

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