Boas-vindas ao Power Pixel

Junte-se a comunidade! Crie o seu próprio conteúdo, e faça amizades.EntrarCriar uma conta

Widget imagens

2 participantes

Joker' Joker'  • Qui 15 maio 2014 - 16:59

[S]herlock H. [S]herlock H.  • Qui 15 maio 2014 - 18:05

Widget imagens  Empty Re: Widget imagens Qui 15 maio 2014 - 18:05

Reputação da mensagem: 100% (1 votos)
Crie um widget personalizado em seu fórum.
Painel de Controle > Módulos > Gestão dos widgets do fórum > Criar widget personalizado.

Título: escolha o que preferir.
Código:
Código:
<ul style="
    text-align: center;  padding-top: 8px !important;
    margin-left: 1px !important;
    padding: 0;
">
      <li style="
    position: relative;  display: inline-block;
    list-style: none;
"><a href="#"><img style="
    width: 78px;  height: 95px;
" src="http://awalkerbit.me/images/rick3.png" class="Tooltip"></a></li>
      <li style="
    position: relative;  display: inline-block;
    list-style: none;
"><a href="#"><img class="Tooltip" src="http://awalkerbit.me/images/carl3.png" style="
    width: 78px;  height: 95px;
"></a></li>
                <li style="
    position: relative;  display: inline-block;
    list-style: none;
"><a href="#"><img class="Tooltip" src="http://awalkerbit.me/images/judithgrimes3.png" style="
    width: 78px;  height: 95px;
"></a></li>
                <li style="
    position: relative;  display: inline-block;
    list-style: none;
"><a href="#"><img class="Tooltip" src="http://awalkerbit.me/images/glenn3.png" style="
    width: 78px;  height: 95px;
"></a></li>
      <li style="
    position: relative;  display: inline-block;
    list-style: none;
"><a href="#"><img class="Tooltip" src="http://awalkerbit.me/images/daryl3.png" style="
    width: 78px;  height: 95px;
"></a></li>
                <li style="
    position: relative;  display: inline-block;
    list-style: none;
"><a href="#"><img class="Tooltip" src="http://awalkerbit.me/images/carol3.png" style="
    width: 78px;  height: 95px;
"></a></li>
                <li style="
    position: relative;  display: inline-block;
    list-style: none;
"><a href="#"><img class="Tooltip" src="http://awalkerbit.me/images/morganjones3.png" style="
    width: 78px;  height: 95px;
"></a></li>
                <li style="
    position: relative;  display: inline-block;
    list-style: none;
"><a href="#"><img class="Tooltip" src="http://awalkerbit.me/images/hershel3.png" style="
    width: 78px;  height: 95px;
"></a></li>
                <li style="
    position: relative;  display: inline-block;
    list-style: none;
"><a href="#"><img class="Tooltip" src="http://awalkerbit.me/images/maggie3.png" style="
    width: 78px;  height: 95px;
"></a></li>
                <li style="
    position: relative;  display: inline-block;
    list-style: none;
"><a href="#"><img class="Tooltip" src="http://awalkerbit.me/images/beth3.png" style="
    width: 78px;  height: 95px;
"></a></li>
                <li style="
    position: relative;  display: inline-block;
    list-style: none;
"><a href="#"><img class="Tooltip" src="http://awalkerbit.me/images/michonne3.png" style="
    width: 78px;  height: 95px;
"></a></li>
                <li style="
    position: relative;  display: inline-block;
    list-style: none;
"><a href="#"><img class="Tooltip" src="http://awalkerbit.me/images/governor3.png" style="
    width: 78px;  height: 95px;
"></a></li>
      <li style="
    position: relative;  display: inline-block;
    list-style: none;
"><a href="#"><img style="
    width: 78px;  height: 95px;
" src="http://awalkerbit.me/images/ceasar3.png" class="Tooltip"></a></li>         
                <li style="
    position: relative;  display: inline-block;
    list-style: none;
"><a href="#"><img class="Tooltip" src="http://awalkerbit.me/images/shumpert3.png" style="
    width: 78px;  height: 95px;
"></a></li>
                <li style="
    position: relative;  display: inline-block;
    list-style: none;
"><a href="#"><img class="Tooltip" src="http://awalkerbit.me/images/tyreese3.png" style="
    width: 78px;  height: 95px;
"></a></li>
      <li style="
    position: relative;  display: inline-block;
    list-style: none;
"><a href="#"><img class="Tooltip" src="http://awalkerbit.me/images/sasha3.png" style="
    width: 78px;  height: 95px;
"></a></li>         
   </ul>

Resultado - [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Agrada?
Até.

Joker' Joker'  • Qui 15 maio 2014 - 18:15

Widget imagens  Empty Re: Widget imagens Qui 15 maio 2014 - 18:15

Perfeito, [sucesso=Resolvido][/sucesso]

[S]herlock H. [S]herlock H.  • Qui 15 maio 2014 - 18:42

Widget imagens  Empty Re: Widget imagens Qui 15 maio 2014 - 18:42

[sucesso=Tópico Resolvido; e Bloqueado][/sucesso]Movido para: Arquivo - Pedido de código

Conteúdo patrocinado  • 

Widget imagens  Empty Re: Widget imagens

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