Widget com aparência personalizada

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Widget com aparência personalizada

Mensagem por Nagato-Sama em 19/01/11, 03:08 pm

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):
http://img256.imageshack.us/img256/3749/elitev20.png
Nessa Imagem Como cola uma imagem de um personagem no Widget? Como faz esse Widget duplo?


http://img839.imageshack.us/img839/2470/elitev202.png
Nessa Imagem: Como colaca meia Imagem? Como Coloca o Texto com o Nome do Forum?


http://img842.imageshack.us/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!
avatar

Nagato-Sama
Usuário destaque

Masculino
Inscrito dia : 06/12/2008
Mensagens : 909
Pontos Ativos : 1133

Ver perfil do usuário http://narutostadium.forumeiros.com/

Resolvido Re: Widget com aparência personalizada

Mensagem por Callie em 19/01/11, 05:27 pm

Olá Nagato-Sama,

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

Até mais.
avatar

Callie
Principal contribuidor
Principal contribuidor

Feminino
Inscrito dia : 20/12/2009
Mensagens : 5007
Pontos Ativos : 7285

Ver perfil do usuário

Resolvido Re: Widget com aparência personalizada

Mensagem por muryllodantas em 19/01/11, 06:54 pm

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?
avatar

muryllodantas
Usuário destaque

Masculino
Inscrito dia : 31/10/2010
Mensagens : 760
Pontos Ativos : 1013

Ver perfil do usuário http://rendersdesigner.forumeiro.com/

Resolvido Re: Widget com aparência personalizada

Mensagem por Nagato-Sama em 19/01/11, 09:34 pm

Bem, Vamos lá:

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

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

O Codigo não Funciounou!
avatar

Nagato-Sama
Usuário destaque

Masculino
Inscrito dia : 06/12/2008
Mensagens : 909
Pontos Ativos : 1133

Ver perfil do usuário http://narutostadium.forumeiros.com/

Resolvido Re: Widget com aparência personalizada

Mensagem por muryllodantas em 20/01/11, 06:51 pm

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

muryllodantas
Usuário destaque

Masculino
Inscrito dia : 31/10/2010
Mensagens : 760
Pontos Ativos : 1013

Ver perfil do usuário http://rendersdesigner.forumeiro.com/

Resolvido Re: Widget com aparência personalizada

Mensagem por muryllodantas em 20/01/11, 07:07 pm

Olá enquanto sua primeira duvida Tutorial widget duplo

Até daqui a pouco!

EDIT:

Encontrei o que quer, menu com dropdown

Resulta?
avatar

muryllodantas
Usuário destaque

Masculino
Inscrito dia : 31/10/2010
Mensagens : 760
Pontos Ativos : 1013

Ver perfil do usuário http://rendersdesigner.forumeiro.com/

Resolvido Re: Widget com aparência personalizada

Mensagem por Nagato-Sama em 21/01/11, 12:34 am

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é
avatar

Nagato-Sama
Usuário destaque

Masculino
Inscrito dia : 06/12/2008
Mensagens : 909
Pontos Ativos : 1133

Ver perfil do usuário http://narutostadium.forumeiros.com/

Resolvido Re: Widget com aparência personalizada

Mensagem por Nagato-Sama em 22/01/11, 01:44 am

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
avatar

Nagato-Sama
Usuário destaque

Masculino
Inscrito dia : 06/12/2008
Mensagens : 909
Pontos Ativos : 1133

Ver perfil do usuário http://narutostadium.forumeiros.com/

Resolvido Re: Widget com aparência personalizada

Mensagem por muryllodantas em 22/01/11, 04:43 pm

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!
avatar

muryllodantas
Usuário destaque

Masculino
Inscrito dia : 31/10/2010
Mensagens : 760
Pontos Ativos : 1013

Ver perfil do usuário http://rendersdesigner.forumeiro.com/

Resolvido Re: Widget com aparência personalizada

Mensagem por Nagato-Sama em 23/01/11, 12:54 am

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é
avatar

Nagato-Sama
Usuário destaque

Masculino
Inscrito dia : 06/12/2008
Mensagens : 909
Pontos Ativos : 1133

Ver perfil do usuário http://narutostadium.forumeiros.com/

Resolvido Re: Widget com aparência personalizada

Mensagem por muryllodantas em 23/01/11, 06:16 pm

Olhe este site:

http://www.cssmenumaker.com

Até
avatar

muryllodantas
Usuário destaque

Masculino
Inscrito dia : 31/10/2010
Mensagens : 760
Pontos Ativos : 1013

Ver perfil do usuário http://rendersdesigner.forumeiro.com/

Resolvido Re: Widget com aparência personalizada

Mensagem por Nagato-Sama em 23/01/11, 11:11 pm

Olá,

Não acheio o que eu queria! Eu quero igual a esses: http://img842.imageshack.us/img842/329/elitev203.png
avatar

Nagato-Sama
Usuário destaque

Masculino
Inscrito dia : 06/12/2008
Mensagens : 909
Pontos Ativos : 1133

Ver perfil do usuário http://narutostadium.forumeiros.com/

Resolvido Re: Widget com aparência personalizada

Mensagem por #Frank! em 23/01/11, 11:16 pm

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, Piscada
Ravenger.
avatar

#Frank!
Membro do Fórum

Feminino
Inscrito dia : 14/09/2009
Mensagens : 1128
Pontos Ativos : 1606

Ver perfil do usuário http://finite.forumeiros.com

Resolvido Re: Widget com aparência personalizada

Mensagem por Nagato-Sama em 24/01/11, 12:50 am

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.
avatar

Nagato-Sama
Usuário destaque

Masculino
Inscrito dia : 06/12/2008
Mensagens : 909
Pontos Ativos : 1133

Ver perfil do usuário http://narutostadium.forumeiros.com/

Resolvido Re: Widget com aparência personalizada

Mensagem por muryllodantas em 24/01/11, 09:00 pm

@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!
avatar

muryllodantas
Usuário destaque

Masculino
Inscrito dia : 31/10/2010
Mensagens : 760
Pontos Ativos : 1013

Ver perfil do usuário http://rendersdesigner.forumeiro.com/

Resolvido Re: Widget com aparência personalizada

Mensagem por Nagato-Sama em 24/01/11, 11:32 pm

@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!
avatar

Nagato-Sama
Usuário destaque

Masculino
Inscrito dia : 06/12/2008
Mensagens : 909
Pontos Ativos : 1133

Ver perfil do usuário http://narutostadium.forumeiros.com/

Resolvido Re: Widget com aparência personalizada

Mensagem por Nagato-Sama em 25/01/11, 01:36 pm

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!
avatar

Nagato-Sama
Usuário destaque

Masculino
Inscrito dia : 06/12/2008
Mensagens : 909
Pontos Ativos : 1133

Ver perfil do usuário http://narutostadium.forumeiros.com/

Resolvido Re: Widget com aparência personalizada

Mensagem por muryllodantas em 25/01/11, 07:09 pm

@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é
avatar

muryllodantas
Usuário destaque

Masculino
Inscrito dia : 31/10/2010
Mensagens : 760
Pontos Ativos : 1013

Ver perfil do usuário http://rendersdesigner.forumeiro.com/

Resolvido Re: Widget com aparência personalizada

Mensagem por Nagato-Sama em 25/01/11, 08:32 pm

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é
avatar

Nagato-Sama
Usuário destaque

Masculino
Inscrito dia : 06/12/2008
Mensagens : 909
Pontos Ativos : 1133

Ver perfil do usuário http://narutostadium.forumeiros.com/

Resolvido Re: Widget com aparência personalizada

Mensagem por Nagato-Sama em 26/01/11, 04:17 pm

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:
http://img843.imageshack.us/img843/5356/elitev201.png

E Quero os Widgets do Forum assim: http://img517.imageshack.us/img517/2470/elitev202.png


Me ajudem a deixar assim! Por favor!


Até
avatar

Nagato-Sama
Usuário destaque

Masculino
Inscrito dia : 06/12/2008
Mensagens : 909
Pontos Ativos : 1133

Ver perfil do usuário http://narutostadium.forumeiros.com/

Resolvido Re: Widget com aparência personalizada

Mensagem por Nagato-Sama em 28/01/11, 06:05 pm

Será que ninguem consegue me ajudar?
avatar

Nagato-Sama
Usuário destaque

Masculino
Inscrito dia : 06/12/2008
Mensagens : 909
Pontos Ativos : 1133

Ver perfil do usuário http://narutostadium.forumeiros.com/

Resolvido Re: Widget com aparência personalizada

Mensagem por muryllodantas em 28/01/11, 06:44 pm

Olá, novamente!

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

Aguardo respostas
Até mais
avatar

muryllodantas
Usuário destaque

Masculino
Inscrito dia : 31/10/2010
Mensagens : 760
Pontos Ativos : 1013

Ver perfil do usuário http://rendersdesigner.forumeiro.com/

Resolvido Re: Widget com aparência personalizada

Mensagem por Nagato-Sama em 28/01/11, 06:52 pm

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é!
avatar

Nagato-Sama
Usuário destaque

Masculino
Inscrito dia : 06/12/2008
Mensagens : 909
Pontos Ativos : 1133

Ver perfil do usuário http://narutostadium.forumeiros.com/

Resolvido Re: Widget com aparência personalizada

Mensagem por Nagato-Sama em 28/01/11, 11:38 pm

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: http://img843.imageshack.us/img843/5356/elitev201.png
avatar

Nagato-Sama
Usuário destaque

Masculino
Inscrito dia : 06/12/2008
Mensagens : 909
Pontos Ativos : 1133

Ver perfil do usuário http://narutostadium.forumeiros.com/

Resolvido Re: Widget com aparência personalizada

Mensagem por Nagato-Sama em 30/01/11, 05:56 pm

UP
avatar

Nagato-Sama
Usuário destaque

Masculino
Inscrito dia : 06/12/2008
Mensagens : 909
Pontos Ativos : 1133

Ver perfil do usuário http://narutostadium.forumeiros.com/

Resolvido Re: Widget com aparência personalizada

Mensagem por muryllodantas em 31/01/11, 07:26 pm

Coloque no titulo do widget assim:

Código:
[img]link da imagem[/img]

Resolve?
avatar

muryllodantas
Usuário destaque

Masculino
Inscrito dia : 31/10/2010
Mensagens : 760
Pontos Ativos : 1013

Ver perfil do usuário http://rendersdesigner.forumeiro.com/

Resolvido Re: Widget com aparência personalizada

Mensagem por Nagato-Sama em 31/01/11, 08:47 pm

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é!
avatar

Nagato-Sama
Usuário destaque

Masculino
Inscrito dia : 06/12/2008
Mensagens : 909
Pontos Ativos : 1133

Ver perfil do usuário http://narutostadium.forumeiros.com/

Resolvido Re: Widget com aparência personalizada

Mensagem por cyllaz em 02/02/11, 12:31 am

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...

cyllaz
Usuário destaque

Masculino
Inscrito dia : 28/11/2009
Mensagens : 890
Pontos Ativos : 1258

Ver perfil do usuário http://sparquitetura.livreforum.com/

Resolvido Re: Widget com aparência personalizada

Mensagem por Nagato-Sama em 02/02/11, 01:02 am

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. Feliz

Parabens pelo Design do seu Forum.


Até!
avatar

Nagato-Sama
Usuário destaque

Masculino
Inscrito dia : 06/12/2008
Mensagens : 909
Pontos Ativos : 1133

Ver perfil do usuário http://narutostadium.forumeiros.com/

Resolvido Re: Widget com aparência personalizada

Mensagem por Callie em 06/02/11, 10:26 am

Olá Nagato-Sama,

Ainda necessita de suporte adicional?

Até mais.
avatar

Callie
Principal contribuidor
Principal contribuidor

Feminino
Inscrito dia : 20/12/2009
Mensagens : 5007
Pontos Ativos : 7285

Ver perfil do usuário

Resolvido Re: Widget com aparência personalizada

Mensagem por Nagato-Sama em 06/02/11, 10:59 pm

sim!
avatar

Nagato-Sama
Usuário destaque

Masculino
Inscrito dia : 06/12/2008
Mensagens : 909
Pontos Ativos : 1133

Ver perfil do usuário http://narutostadium.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum