Widget com aparência personalizada

Qual é sua questão:
Bem olhando alguns foruns vi uma coisa que me chamou atenção! Vi em dois foruns. Widget do Forum e do Portal Modificados. Bem teve muitas coisas que me chamaram atenção vejam abaixo com as imagens.

Que medidas você tomou para corrigir o problema:
________________

Apresente-nos imagens do problema (se necessário):
https://2img.net/r/ihimizer/img256/3749/elitev20.png
Nessa Imagem Como cola uma imagem de um personagem no Widget? Como faz esse Widget duplo?


https://2img.net/r/ihimizer/img839/2470/elitev202.png
Nessa Imagem: Como colaca meia Imagem? Como Coloca o Texto com o Nome do Forum?


https://2img.net/r/ihimizer/img842/329/elitev203.png
Nessa Imagem: Como fazer esses botões principalmente fazer um que quando você passe o mouse apareça outros? que nem está na imagem.


Obrigado!

Olá Nagato-Sama,

Poderia indicar-me o endereço do fórum onde viu isso por favor?

Até mais.

A terceira duvi, o codigo:

Código:

<ul class="ulmenu" id="nav">
    <li class="limenu"><a href="/portal.htm" class="off" onmouseover="className='on'" onmouseout="className='off'">Portal</a></li>
    <li class="limenu"><a href="/forum.htm" class="off" onmouseover="className='on'" onmouseout="className='off'">Fórum</a>

 <ul class="ulmenu" id="nav">
          <li class="limenu"><a href="http://www.narutorpgakatsuki.com/vila-da-folhakonoha-c2/" class="off" onmouseover="className='on'" onmouseout="className='off'">Konoha</a></li>
          <li class="limenu"><a href="http://www.narutorpgakatsuki.com/aldeia-da-nevoakiri-c4/" class="off" onmouseover="className='on'" onmouseout="className='off'">Kiri</a></li>
          <li class="limenu"><a href="http://www.narutorpgakatsuki.com/vila-da-areiasuna-c3/" class="off" onmouseover="className='on'" onmouseout="className='off'">Suna</a></li>
          <li class="limenu"><a href="http://www.narutorpgakatsuki.com/aldeia-da-nuvem-kumo-c7/" class="off" onmouseover="className='on'" onmouseout="className='off'">Kumo</a></li>
          <li class="limenu"><a href="http://www.narutorpgakatsuki.com/aldeia-da-pedraiwa-c6/" class="off" onmouseover="className='on'" onmouseout="className='off'">Iwa</a></li>                                       
          <li class="limenu"><a href="http://www.narutorpgakatsuki.com/akatsuki-c5/" class="off" onmouseover="className='on'" onmouseout="className='off'">Akatsuki</a></li>
      </ul>


</li>

  <li class="limenu"><a href="http://www.narutorpgakatsuki.com/tutorial-f119/" class="off" onmouseover="className='on'" onmouseout="className='off'">Tutoriais</a></li>

    <li class="limenu"><a href="http://www.narutorpgakatsuki.com/regras-gerais-f1/" class="off" onmouseover="className='on'" onmouseout="className='off'">Regras Gerais</a></li>

    <li class="limenu"><a href="http://www.narutorpgakatsuki.com/atendimento-f120/" class="off" onmouseover="className='on'" onmouseout="className='off'">Atendimento</a> </li>

    <li class="limenu"><a href="http://www.narutorpgakatsuki.com/apresentacoes-e-despedidas-f127/" class="off" onmouseover="className='on'" onmouseout="className='off'">Apresentações</a></li>

    <li class="limenu"><a href="http://www.narutorpgakatsuki.com/ficha-de-personagem-f26/" class="off" onmouseover="className='on'" onmouseout="className='off'">Registro Ninja</a></li>

  <li class="limenu"><a href="/profile?mode=editprofile" class="on" onmouseover="className='on'" onmouseout="className='off'">Perfil</a>
      <ul class="ulmenu" id="nav">
          <li class="limenu"><a href="/profile?mode=editprofile#" class="off" onmouseover="className='on'" onmouseout="className='off'">Informações</a></li>
          <li class="limenu"><a href="/profile?mode=editprofile&amp;page_profil=preferences" class="off" onmouseover="className='on'" onmouseout="className='off'">Personagem</a></li>
          <li class="limenu"><a href="/profile?mode=editprofile&amp;page_profil=preferences" class="off" onmouseover="className='on'" onmouseout="className='off'">Preferencias</a></li>
          <li class="limenu"><a href="/profile?mode=editprofile&amp;page_profil=signature" class="off" onmouseover="className='on'" onmouseout="className='off'">Assinatura</a></li>
          <li class="limenu"><a href="/profile?mode=editprofile&amp;page_profil=attachments" class="off" onmouseover="className='on'" onmouseout="className='off'">Anexos</a></li>
          <li class="limenu"><a href="/profile?mode=editprofile&amp;page_profil=friendsfoes" class="off" onmouseover="className='on'" onmouseout="className='off'">Amigos</a></li>
          <li class="limenu"><a href="/search?search_id=watchsearch" class="off" onmouseover="className='on'" onmouseout="className='off'">Topicos Super</a></li>
          <li class="limenu"><a href="/search?search_id=draftsearch" class="off" onmouseover="className='on'" onmouseout="className='off'">Rascunhos</a></li>
          <li class="limenu"><a href="/rpg_sheet_edit.forum?u=2" class="off" onmouseover="className='on'" onmouseout="className='off'">Personagem</a></li>
      </ul>
  </li>

<li class="limenu"><a href="http://www.narutorpgakatsuki.com/parceria-f72/" class="off" onmouseover="className='on'" onmouseout="className='off'">Parceria</a></li>

<li class="limenu"><a href="http://www.narutorpgakatsuki.com/diversos-f124/" class="off" onmouseover="className='on'" onmouseout="className='off'">Diversos</a>
<ul class="ulmenu" id="nav">
          <li class="limenu"><a href="http://www.narutorpgakatsuki.com/bingo-book-f86/" class="off" onmouseover="className='on'" onmouseout="className='off'">Bingo Book</a></li>
          <li class="limenu"><a href="http://www.narutorpgakatsuki.com/selo-amaldicoado-juin-f70/" class="off" onmouseover="className='on'" onmouseout="className='off'">Selo Amaldicoado</a></li>
          <li class="limenu"><a href="http://www.narutorpgakatsuki.com/akatsuki-shop-f156/" class="off" onmouseover="className='on'" onmouseout="className='off'">Akatsuki Shop</a></li>
          <li class="limenu"><a href="http://www.narutorpgakatsuki.com/bijuus-f52/" class="off" onmouseover="className='on'" onmouseout="className='off'">Bijus</a></li> 
          <li class="limenu"><a href="http://www.narutorpgakatsuki.com/animais-lendarios-f53/" class="off" onmouseover="className='on'" onmouseout="className='off'">Animais Lendarios</a></li>
          <li class="limenu"><a href="http://www.narutorpgakatsuki.com/armas-especiais-f54/" class="off" onmouseover="className='on'" onmouseout="className='off'">Armas Especiais</a></li>
          <li class="limenu"><a href="http://www.narutorpgakatsuki.com/banco-internacional-f55/" class="off" onmouseover="className='on'" onmouseout="className='off'">Banco</a></li>

      </ul>

</li>

<li class="limenu"><a href="http://www.narutorpgakatsuki.com/flood-f58/" class="off" onmouseover="className='on'" onmouseout="className='off'">Area Livre</a></li>
 
<li class="limenu"><a href="http://www.orkut.com.br/Main#Community?cmm=99034108" target="_area" class="off" onmouseover="className='on'" onmouseout="className='off'">Orkut</a></li>
  </ul>
</div>


<!--Fim do Menu principal.............................................................................................-->
</td>


Resolve a terceira?

Bem, Vamos lá:

João aqui está o Site: http://www.narutorpgakatsuki.com/

Edit.:
===========================

O Codigo não Funciounou!

Não sei qual o codigo estão ultilizando mas vou continuar a tentar procurar o codigo!

Olá enquanto sua primeira duvida Tutorial widget duplo

Até daqui a pouco!

EDIT:

Encontrei o que quer, menu com dropdown

Resulta?

Olá,

Bem no Primeiro não deu Muito certo. Até deu pra dividir mais quero colocar uma imagem, um texto personalizado e barra meio inclinada que nem o do site que mandei com os prints.


O Menu não consehui criar.


até

Olá,

Achei outro forum que tem o mesmo tipo de Widget que eu quero ter:

http://narutorpgfuture.forumeiros.com/
http://narutorpgfuture.forumeiros.com/forum


Até!


Edit:
==================

Bem tentei refazer aquele Menu do Dropdown enviado pelo muryllodantas, até que deu certo funciona o unico problema é o visual deles. Quero eles cinzas estilos o do site que enviei só que o meu ficou branco.

To textando os codigos em outro forum vejam:
http://cdzstadium.forumeiros.com/forum

Olá para editar a cor basta modificar esta parte:

Código:

ul li a {
   display: block;
   text-decoration: none;
   color: #777;
   background: #fff;
   padding: 5px;
   border: 1px solid #ccc;
   border-bottom: 0;
   }

Até mais!

Olá,

Eu não quero editar a cor eu quero o botão estilo aquele que eu enviei com o print. Se for atarves da cor pode me passar esse codigo pronto para ser colocado para que o botão fique igual.


até

Olhe este site:

http://www.cssmenumaker.com

Até

Olá,

Não acheio o que eu queria! Eu quero igual a esses: https://2img.net/r/ihimizer/img842/329/elitev203.png

Prezado Nagato-Sama ,
Acho que deseja isso que irei lhe mostrar há baixo.
Há um site no qual faz um menu em FLASH, que ao clicar no botão irá ser linckado , há vários tipos de modelos de menus.
Escolha um e faça o menu, se tiver com dificuldades manda MP que lhe ajudo.
Site :
http://flashvortex.com/menus.php

Abraços,
Ravenger.

Olá,

Ja Tentei fazer por esse site mais ele não tem o mesmo efeito do menu da foto que enviei. Quero que ao ficar com um mouse sobre um botão abra outro menu.

Nagato-Sama escreveu:Olá,

Ja Tentei fazer por esse site mais ele não tem o mesmo efeito do menu da foto que enviei. Quero que ao ficar com um mouse sobre um botão abra outro menu.

Eu ja te dei o codigo!

Nagato-Sama escreveu:Olá,

Eu não quero editar a cor eu quero o botão estilo aquele que eu enviei com o print. Se for atarves da cor pode me passar esse codigo pronto para ser colocado para que o botão fique igual.


até

Sim mais como eu disse não sei mecher com codigos não pode me passar ele pronto pra deixar da tonalidade do site que eu passei!

Olá,

Só para avisar que eu desisti desse Menu. Resolvi fazer em forma de flashvortex é mais pratico. Mais ainda quero a solução para os Widgets que eu pedi acima.


Obrigado!

Nagato-Sama escreveu:

Nagato-Sama escreveu:Olá,

Eu não quero editar a cor eu quero o botão estilo aquele que eu enviei com o print. Se for atarves da cor pode me passar esse codigo pronto para ser colocado para que o botão fique igual.


até

Sim mais como eu disse não sei mecher com codigos não pode me passar ele pronto pra deixar da tonalidade do site que eu passei!

Me diga as paginas a cor e o codigo que esta ultilizando!

Até

muryllo agradeço sua ajuda mais como disse acima fiz os botões pelo flash agora só quero descobrir com deixar os Widgets do geito que coloquei acima.



Até

Olá Novamente!

Achei outro site com este efeito nos Widgets e achei este mais interessante:
Quero que os Widgets da esquerda do Meu Portal fiquem assim:
https://2img.net/r/ihimizer/img843/5356/elitev201.png

E Quero os Widgets do Forum assim: https://2img.net/r/ihimizer/img517/2470/elitev202.png


Me ajudem a deixar assim! Por favor!


Até

Será que ninguem consegue me ajudar?

Olá, novamente!

Quero que leia este tutorial, Widget com a aparencia "dupla"

Aguardo respostas
Até mais

eu ja li você ja me passou isso e mesmo assim não adiantou quero deixar dois widgets sem que eles fiquem presos dentro de outro, quero eles soltos que nem nas Novas Imagens que enviei. Quero com as pontas daquele geito e quero por um a imagem emm vez do nome.

Edit:
Só me passa um codigo pra tirar as bordas do widget que abriga os dois. e tambem como deixar as bordas do geito que ta na imagem


até!

Só pra avisar que consegui tirar o contorno do Widget que falei acima. Agora só quero saber como colocar uma imagem no Titulo do Widget e deixar exatamente assim: https://2img.net/r/ihimizer/img843/5356/elitev201.png

UP

Coloque no titulo do widget assim:

Código:

[img]link da imagem[/img]

Resolve?

Olá,

Então codigo não é o problema, portanto que no tutorial que você me passou tinha um codigo pra por imagem. Mais quando eu ponho um fundo se cria atras dela um fundo feito das barras de Categoria e eu quero acabar com esse fundo.


Até!

kkkkkkkkkkkkkkk
que polêmica aqui em ^^
a quantidade de visitas desse tópico me chamou a atenção...
Sou o criador do Future e do Akatsuki ^^
posso lhe passar os códigos, menos as imagens que são de minha autoria OK...

Olá,

Não sei se lembra de mim mais somos parceiros.
Bem, é claro que não quero suas imagens só o codigo pra deixar mais ou menos daquele geito. Ficaria Grato se me ajuda-se.

Parabens pelo Design do seu Forum.


Até!

Olá Nagato-Sama,

Ainda necessita de suporte adicional?

Até mais.

sim!