Widget de Acesso Rápido
Fórum dos Fóruns :: Atendimento ao Usuário Forumeiros :: Questões sobre códigos :: Questões resolvidas sobre HTML & BBCode
Página 1 de 1 • Compartilhe •
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 18/06/14, 08:18 pm, editado 1 vez(es)
IsmaelS.- Usuário experiente
-
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096
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.
Sennior- Ex-Admineiro
-
Inscrito dia : 10/06/2011
Mensagens : 16315
Pontos Ativos : 20817
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?
IsmaelS.- Usuário experiente
-
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096
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.
Sennior- Ex-Admineiro
-
Inscrito dia : 10/06/2011
Mensagens : 16315
Pontos Ativos : 20817
Re: Widget de Acesso Rápido
Olá,
Amigo ainda falta o:
-Questões sobre Hitskin
-Fórum Promoção
Amigo ainda falta o:
-Questões sobre Hitskin
-Fórum Promoção
IsmaelS.- Usuário experiente
-
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096
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>
Sennior- Ex-Admineiro
-
Inscrito dia : 10/06/2011
Mensagens : 16315
Pontos Ativos : 20817
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'

Bem-vindo ao Fórum dos Fóruns! |
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte. Antes de criar um tópico, verifique se sua questão já não foi respondida. Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum. |
Shek — Ajudeiro |
Shek- Ajudeiro
-
Inscrito dia : 11/04/2009
Mensagens : 17444
Pontos Ativos : 21685
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!

IsmaelS.- Usuário experiente
-
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096
Re: Widget de Acesso Rápido
Sem problemas amigão!
Tópico Resolvido!

Tópico Resolvido!

Bem-vindo ao Fórum dos Fóruns! |
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte. Antes de criar um tópico, verifique se sua questão já não foi respondida. Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum. |
Shek — Ajudeiro |
Shek- Ajudeiro
-
Inscrito dia : 11/04/2009
Mensagens : 17444
Pontos Ativos : 21685
Fórum dos Fóruns :: Atendimento ao Usuário Forumeiros :: Questões sobre códigos :: Questões resolvidas sobre HTML & BBCode
Página 1 de 1
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum