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
Página 1 de 1
Widget de Acesso Rápido
- 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ódigo | Tags: | Widget,Acesso,Rápido |
Última edição por IsmaelS. em 19.06.14 0:18, editado 1 vez(es)
Re: Widget de Acesso Rápido
Saudações,
Coloque o código abaixo em um Widget:
Depois, este CSS:
Até mais.
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.
Re: Widget de Acesso Rápido
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?
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?
Re: Widget de Acesso Rápido
Saudações,
Troque o código HTML pelo abaixo:
Abraços.
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.
Re: Widget de Acesso Rápido
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>
Re: Widget de Acesso Rápido
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:
Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre HTML & BBCode'
- Código:
<span class="ucpoption"><a href="/f24-">• Invision</a></span><br>
Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre HTML & BBCode'
Re: Widget de Acesso Rápido
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:Até!
- Código:
<span class="ucpoption"><a href="/f24-">• Invision</a></span><br>
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](/users/2612/28/77/07/smiles/426228.gif)
![-](https://2img.net/i/fa/fdf3/moins10.png)
» Widget acesso rapido
» Como criar widget Acesso rápido?
» Widget de acesso rápido
» Widget acesso rápido
» Como colocar esse widget "Acesso rápido"
» Como criar widget Acesso rápido?
» Widget de acesso rápido
» Widget acesso rápido
» Como colocar esse widget "Acesso rápido"
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos