Widget de Acesso Rápido Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema

Fórum dos Fóruns

Fórum grátis: ajuda e atendimento ao utilizador Forumeiros.com

Widget de Acesso Rápido

3 participantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode

Ir para baixo

Tópico resolvido Widget de Acesso Rápido

Mensagem por IsmaelS. 18.06.14 20:16

  • Descrição:
Olá,

Seria possível me passarem o widget deste fórum do "Acesso Rápido"?:
http://temas.forumeiros.net/

  • Informações:
Fórum:http://testarnada.forumeiros.com/Versão:PUNBB
Tipo:Pedido de códigoTags:Widget,Acesso,Rápido


Última edição por IsmaelS. em 19.06.14 0:18, editado 1 vez(es)
avatar
IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget de Acesso Rápido

Mensagem por Sennior 18.06.14 23:57

Saudações,

Coloque o código abaixo em um Widget:
Código:
<div class="ucpbase"><img src="http://www.servimg.com/u/f55/16/87/99/88/favico10.png" style="width: 15px;float: left;padding-right: 2px;padding-top: 3px;"> <span class="ucptitle">Fórum dos Temas e Você</span><br><span class="ucpoption"><a href="/f4-">• Anúncios e atualizações</a></span><br>
<span class="ucpoption"><a href="/f17-">• Regulamento e Staff</a></span><br><span class="ucpoption"><a href="/f30-">• Perguntas e respostas</a></span><br>
<span class="ucpoption"><a href="/f12-" target="_blank">• Sugestões e Melhoras</a></span><br><br>

<img src="http://i56.servimg.com/u/f56/17/57/03/93/5z1hsk10.jpg" style="width: 15px;float: left;padding-right: 2px;padding-top: 3px;"> <span class="ucptitle">Os temas</span><br><span class="ucpoption"><a href="/f40-">• Questões sobre Hitskin</a></span><br>
<span class="ucpoption"><a href="/f7-">• Busca de temas</a></span><br>
<span class="ucpoption"><a href="/f19-">• PhpBB2</a></span><br>
<span class="ucpoption"><a href="/f18-">• PhpBB3</a></span><br>
<span class="ucpoption"><a href="/f23-">• PunBB</a></span><br>
<span class="ucpoption"><a href="/f24-">• Invision</a></span><br>
<br><br>

<img src="http://i56.servimg.com/u/f56/17/57/03/93/miniba10.png" style="width: 15px;float: left;padding-right: 2px;padding-top: 3px;"> <span class="ucptitle">Desenvolvimento e Criação</span><br>
<span class="ucpoption"><a href="/f33-">• Skin padrão</a></span><br>
<span class="ucpoption"><a href="/f6-">• Seção gráfica</a></span><br>
<span class="ucpoption"><a href="/f31-">• CSS</a></span><br>
<span class="ucpoption"><a href="/f1-">• HTML</a></span><br>
<span class="ucpoption"><a href="/f11-">• jQuery</a></span><br>
<br><br>

<img src="http://i58.servimg.com/u/f58/15/88/72/83/s-foru10.png" style="width: 15px;float: left;padding-right: 2px;padding-top: 3px;"> <span class="ucptitle">Miscelânea</span><br>
<span class="ucpoption"><a href="/f16-">• Fórum Promoção</a></span><br>
<span class="ucpoption"><a href="/f15-">• Discussões gerais</a></span><br>
</div>

Depois, este CSS:
Código:
.ucpoption:hover {
margin-left: 10px;
}
.ucpoption {
font-size: 10px;
transition: 0.5s;
}
.ucptitle {
font-size: 14px;
font-weight: bold;
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
}

Até mais.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget de Acesso Rápido

Mensagem por IsmaelS. 19.06.14 0:01

Olá,

Alguns itens estão mais para a frente como os:

- Anúncios e atualizações
- Questões sobre Hitskin
- Fórum Promoção

Será que poderia colocar como os outros?
avatar
IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget de Acesso Rápido

Mensagem por Sennior 19.06.14 0:07

Saudações,

Troque o código HTML pelo abaixo:
Código:
<div class="ucpbase"><img src="http://www.servimg.com/u/f55/16/87/99/88/favico10.png" style="width: 15px;padding-right: 2px;padding-top: 3px;"> <span class="ucptitle">Fórum dos Temas e Você</span><br><span class="ucpoption"><a href="/f4-">• Anúncios e atualizações</a></span><br>
<span class="ucpoption"><a href="/f17-">• Regulamento e Staff</a></span><br><span class="ucpoption"><a href="/f30-">• Perguntas e respostas</a></span><br>
<span class="ucpoption"><a href="/f12-" target="_blank">• Sugestões e Melhoras</a></span><br><br>

<img src="http://i56.servimg.com/u/f56/17/57/03/93/5z1hsk10.jpg" style="width: 15px;float: left;padding-right: 2px;padding-top: 3px;"> <span class="ucptitle">Os temas</span><br><span class="ucpoption"><a href="/f40-">• Questões sobre Hitskin</a></span><br>
<span class="ucpoption"><a href="/f7-">• Busca de temas</a></span><br>
<span class="ucpoption"><a href="/f19-">• PhpBB2</a></span><br>
<span class="ucpoption"><a href="/f18-">• PhpBB3</a></span><br>
<span class="ucpoption"><a href="/f23-">• PunBB</a></span><br>
<span class="ucpoption"><a href="/f24-">• Invision</a></span><br>
<br><br>

<img src="http://i56.servimg.com/u/f56/17/57/03/93/miniba10.png" style="width: 15px;float: left;padding-right: 2px;padding-top: 3px;"> <span class="ucptitle">Desenvolvimento e Criação</span><br>
<span class="ucpoption"><a href="/f33-">• Skin padrão</a></span><br>
<span class="ucpoption"><a href="/f6-">• Seção gráfica</a></span><br>
<span class="ucpoption"><a href="/f31-">• CSS</a></span><br>
<span class="ucpoption"><a href="/f1-">• HTML</a></span><br>
<span class="ucpoption"><a href="/f11-">• jQuery</a></span><br>
<br><br>

<img src="http://i58.servimg.com/u/f58/15/88/72/83/s-foru10.png" style="width: 15px;float: left;padding-right: 2px;padding-top: 3px;"> <span class="ucptitle">Miscelânea</span><br>
<span class="ucpoption"><a href="/f16-">• Fórum Promoção</a></span><br>
<span class="ucpoption"><a href="/f15-">• Discussões gerais</a></span><br>
</div>

Abraços.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget de Acesso Rápido

Mensagem por IsmaelS. 19.06.14 0:09

Olá,

Amigo ainda falta o:

-Questões sobre Hitskin
-Fórum Promoção
avatar
IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget de Acesso Rápido

Mensagem por Sennior 19.06.14 0:13

Aqui está:

Código:
<div class="ucpbase"><img src="http://www.servimg.com/u/f55/16/87/99/88/favico10.png" style="width: 15px;padding-right: 2px;padding-top: 3px;"> <span class="ucptitle">Fórum dos Temas e Você</span><br><span class="ucpoption"><a href="/f4-">• Anúncios e atualizações</a></span><br>
<span class="ucpoption"><a href="/f17-">• Regulamento e Staff</a></span><br><span class="ucpoption"><a href="/f30-">• Perguntas e respostas</a></span><br>
<span class="ucpoption"><a href="/f12-" target="_blank">• Sugestões e Melhoras</a></span><br><br>

<img src="http://i56.servimg.com/u/f56/17/57/03/93/5z1hsk10.jpg" style="width: 15px;float: left;padding-right: 2px;padding-top: 3px;"> <span class="ucptitle">Os temas</span><br><span class="ucpoption"><a href="/f40-">• Questões sobre Hitskin</a></span><br>
<span class="ucpoption"><a href="/f7-">• Busca de temas</a></span><br>
<span class="ucpoption"><a href="/f19-">• PhpBB2</a></span><br>
<span class="ucpoption"><a href="/f18-">• PhpBB3</a></span><br>
<span class="ucpoption"><a href="/f23-">• PunBB</a></span><br>
<span class="ucpoption"><a href="/f24-">• Invision</a></span><br>
<br><br>

<img src="http://i56.servimg.com/u/f56/17/57/03/93/miniba10.png" style="width: 15px;padding-right: 2px;padding-top: 3px;"> <span class="ucptitle">Desenvolvimento e Criação</span><br>
<span class="ucpoption"><a href="/f33-">• Skin padrão</a></span><br>
<span class="ucpoption"><a href="/f6-">• Seção gráfica</a></span><br>
<span class="ucpoption"><a href="/f31-">• CSS</a></span><br>
<span class="ucpoption"><a href="/f1-">• HTML</a></span><br>
<span class="ucpoption"><a href="/f11-">• jQuery</a></span><br>
<br><br>

<img src="http://i58.servimg.com/u/f58/15/88/72/83/s-foru10.png" style="width: 15px;padding-right: 2px;padding-top: 3px;"> <span class="ucptitle">Miscelânea</span><br>
<span class="ucpoption"><a href="/f16-">• Fórum Promoção</a></span><br>
<span class="ucpoption"><a href="/f15-">• Discussões gerais</a></span><br>
</div>
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget de Acesso Rápido

Mensagem por Shek 19.06.14 0:14

Falta estes dois subfóruns porque eu ainda não acredito que ficarão disponíveis por mais tempo no FdT. De qualquer forma, você pode apenas adicionar um novo link:
Código:
<span class="ucpoption"><a href="/f24-">• Invision</a></span><br>
Até!

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre HTML & BBCode'
Shek
Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget de Acesso Rápido

Mensagem por IsmaelS. 19.06.14 0:17

Shek escreveu:Falta estes dois subfóruns porque eu ainda não acredito que ficarão disponíveis por mais tempo no FdT. De qualquer forma, você pode apenas adicionar um novo link:
Código:
<span class="ucpoption"><a href="/f24-">• Invision</a></span><br>
Até!

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre HTML & BBCode'

Olá,

@Sennior, obrigado resultou perfeitamente amigo, resolvido!

@Sheck, apenas queria para alterar agora todo porque gostei muito da forma como estava espero que não se incomode por estar a usar claro que irei retirar as imagens! Piscada
avatar
IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget de Acesso Rápido

Mensagem por Shek 19.06.14 0:20

Sem problemas amigão! Widget de Acesso Rápido Icon_smile

Tópico Resolvido!
Shek
Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode

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