Widget com aparência personalizada

5 participantes

Ir para baixo

Tópico resolvido Widget com aparência personalizada

Mensagem por Nagato-Sama 19.01.11 17:08

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!
Nagato-Sama
Nagato-Sama
Membro

Membro desde : 06/12/2008
Mensagens : 909
Pontos : 1133

http://narutostadium.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget com aparência personalizada

Mensagem por Callie 19.01.11 19:27

Olá Nagato-Sama,

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

Até mais.
Callie
Callie
Membro Entusiasta

Membro desde : 20/12/2009
Mensagens : 5007
Pontos : 7285

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget com aparência personalizada

Mensagem por muryllodantas 19.01.11 20:54

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?
muryllodantas
muryllodantas
Membro

Membro desde : 31/10/2010
Mensagens : 760
Pontos : 1013

http://rendersdesigner.forumeiro.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget com aparência personalizada

Mensagem por Nagato-Sama 19.01.11 23:34

Bem, Vamos lá:

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

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

O Codigo não Funciounou!
Nagato-Sama
Nagato-Sama
Membro

Membro desde : 06/12/2008
Mensagens : 909
Pontos : 1133

http://narutostadium.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget com aparência personalizada

Mensagem por muryllodantas 20.01.11 20:51

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

Membro desde : 31/10/2010
Mensagens : 760
Pontos : 1013

http://rendersdesigner.forumeiro.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget com aparência personalizada

Mensagem por muryllodantas 20.01.11 21:07

Olá enquanto sua primeira duvida Tutorial widget duplo

Até daqui a pouco!

EDIT:

Encontrei o que quer, menu com dropdown

Resulta?
muryllodantas
muryllodantas
Membro

Membro desde : 31/10/2010
Mensagens : 760
Pontos : 1013

http://rendersdesigner.forumeiro.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget com aparência personalizada

Mensagem por Nagato-Sama 21.01.11 2:34

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é
Nagato-Sama
Nagato-Sama
Membro

Membro desde : 06/12/2008
Mensagens : 909
Pontos : 1133

http://narutostadium.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget com aparência personalizada

Mensagem por Nagato-Sama 22.01.11 3:44

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
Nagato-Sama
Nagato-Sama
Membro

Membro desde : 06/12/2008
Mensagens : 909
Pontos : 1133

http://narutostadium.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget com aparência personalizada

Mensagem por muryllodantas 22.01.11 18:43

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!
muryllodantas
muryllodantas
Membro

Membro desde : 31/10/2010
Mensagens : 760
Pontos : 1013

http://rendersdesigner.forumeiro.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget com aparência personalizada

Mensagem por Nagato-Sama 23.01.11 2:54

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é
Nagato-Sama
Nagato-Sama
Membro

Membro desde : 06/12/2008
Mensagens : 909
Pontos : 1133

http://narutostadium.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget com aparência personalizada

Mensagem por muryllodantas 23.01.11 20:16

Olhe este site:

http://www.cssmenumaker.com

Até
muryllodantas
muryllodantas
Membro

Membro desde : 31/10/2010
Mensagens : 760
Pontos : 1013

http://rendersdesigner.forumeiro.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget com aparência personalizada

Mensagem por Nagato-Sama 24.01.11 1:11

Olá,

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

Membro desde : 06/12/2008
Mensagens : 909
Pontos : 1133

http://narutostadium.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget com aparência personalizada

Mensagem por BlueAngel 24.01.11 1:16

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.
BlueAngel
BlueAngel
Super Membro

Membro desde : 14/09/2009
Mensagens : 1128
Pontos : 1606

http://finite.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget com aparência personalizada

Mensagem por Nagato-Sama 24.01.11 2:50

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
Nagato-Sama
Membro

Membro desde : 06/12/2008
Mensagens : 909
Pontos : 1133

http://narutostadium.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget com aparência personalizada

Mensagem por muryllodantas 24.01.11 23:00

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!
muryllodantas
muryllodantas
Membro

Membro desde : 31/10/2010
Mensagens : 760
Pontos : 1013

http://rendersdesigner.forumeiro.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget com aparência personalizada

Mensagem por Nagato-Sama 25.01.11 1:32

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!
Nagato-Sama
Nagato-Sama
Membro

Membro desde : 06/12/2008
Mensagens : 909
Pontos : 1133

http://narutostadium.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget com aparência personalizada

Mensagem por Nagato-Sama 25.01.11 15:36

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
Nagato-Sama
Membro

Membro desde : 06/12/2008
Mensagens : 909
Pontos : 1133

http://narutostadium.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget com aparência personalizada

Mensagem por muryllodantas 25.01.11 21:09

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é
muryllodantas
muryllodantas
Membro

Membro desde : 31/10/2010
Mensagens : 760
Pontos : 1013

http://rendersdesigner.forumeiro.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget com aparência personalizada

Mensagem por Nagato-Sama 25.01.11 22:32

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é
Nagato-Sama
Nagato-Sama
Membro

Membro desde : 06/12/2008
Mensagens : 909
Pontos : 1133

http://narutostadium.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget com aparência personalizada

Mensagem por Nagato-Sama 26.01.11 18:17

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é
Nagato-Sama
Nagato-Sama
Membro

Membro desde : 06/12/2008
Mensagens : 909
Pontos : 1133

http://narutostadium.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget com aparência personalizada

Mensagem por Nagato-Sama 28.01.11 20:05

Será que ninguem consegue me ajudar?
Nagato-Sama
Nagato-Sama
Membro

Membro desde : 06/12/2008
Mensagens : 909
Pontos : 1133

http://narutostadium.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget com aparência personalizada

Mensagem por muryllodantas 28.01.11 20:44

Olá, novamente!

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

Aguardo respostas
Até mais
muryllodantas
muryllodantas
Membro

Membro desde : 31/10/2010
Mensagens : 760
Pontos : 1013

http://rendersdesigner.forumeiro.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget com aparência personalizada

Mensagem por Nagato-Sama 28.01.11 20:52

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é!
Nagato-Sama
Nagato-Sama
Membro

Membro desde : 06/12/2008
Mensagens : 909
Pontos : 1133

http://narutostadium.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget com aparência personalizada

Mensagem por Nagato-Sama 29.01.11 1:38

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
Nagato-Sama
Nagato-Sama
Membro

Membro desde : 06/12/2008
Mensagens : 909
Pontos : 1133

http://narutostadium.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget com aparência personalizada

Mensagem por Nagato-Sama 30.01.11 19:56

UP
Nagato-Sama
Nagato-Sama
Membro

Membro desde : 06/12/2008
Mensagens : 909
Pontos : 1133

http://narutostadium.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget com aparência personalizada

Mensagem por muryllodantas 31.01.11 21:26

Coloque no titulo do widget assim:

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

Resolve?
muryllodantas
muryllodantas
Membro

Membro desde : 31/10/2010
Mensagens : 760
Pontos : 1013

http://rendersdesigner.forumeiro.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget com aparência personalizada

Mensagem por Nagato-Sama 31.01.11 22:47

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é!
Nagato-Sama
Nagato-Sama
Membro

Membro desde : 06/12/2008
Mensagens : 909
Pontos : 1133

http://narutostadium.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget com aparência personalizada

Mensagem por cyllaz 02.02.11 2:31

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

Membro desde : 28/11/2009
Mensagens : 890
Pontos : 1258

http://sparquitetura.livreforum.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget com aparência personalizada

Mensagem por Nagato-Sama 02.02.11 3:02

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é!
Nagato-Sama
Nagato-Sama
Membro

Membro desde : 06/12/2008
Mensagens : 909
Pontos : 1133

http://narutostadium.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget com aparência personalizada

Mensagem por Callie 06.02.11 12:26

Olá Nagato-Sama,

Ainda necessita de suporte adicional?

Até mais.
Callie
Callie
Membro Entusiasta

Membro desde : 20/12/2009
Mensagens : 5007
Pontos : 7285

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget com aparência personalizada

Mensagem por Nagato-Sama 07.02.11 0:59

sim!
Nagato-Sama
Nagato-Sama
Membro

Membro desde : 06/12/2008
Mensagens : 909
Pontos : 1133

http://narutostadium.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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