Ícones no cabeçalho

3 participantes

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

Tópico resolvido Ícones no cabeçalho

Mensagem por camposrica 28.05.11 18:06

Qual é sua questão:
Olá muito Boa Tarde,

Eu gostaria que me ajuda-sse numa pequena coisa ..
Eu tenho este código todo preparado.
Só que agora eu gostaria por aonde esta o arredondamento a vermelho .
Vou mostrar a imagem.
Ícones no cabeçalho Sem_ta12
Cumps ;D


<div style="position: absolute; top: 50px; left: 1050px;">
<a href="https://www.facebook.com/pages/F%C3%B3rum-TechSoft/173425006047783" target="_blank"><img src="http://cdn3.iconfinder.com/data/icons/inside/PNG/048x048/icontexto-inside-facebook.png" alt="" width="40" border="0" height="40"></div><div style="position: absolute; top: 50px; left: 1099px;">
<a href="http://www.myspace.com/techsoft.forumeiros#!/techsoft.forumeiros" target="_blank"><img src="http://cdn3.iconfinder.com/data/icons/inside/PNG/048x048/icontexto-inside-myspace.png" alt="" width="40" border="0" height="40"></div><div style="position: absolute; top: 50px; left: 1199px;">
<a href="http://twitter.com/#!/TechTechsoft" target="_blank"><img src="http://cdn3.iconfinder.com/data/icons/inside/PNG/048x048/icontexto-inside-twitter.png" alt="" width="40" border="0" height="40"></div><div style="position: absolute; top: 50px; left: 1299px;">
<a href="http://techsoftpt.blogspot.com/" target="_blank"><img src="http://cdn3.iconfinder.com/data/icons/inside/PNG/048x048/icontexto-inside-blogger.png" alt="" width="40" border="0" height="40"></div>





Que medidas você tomou para corrigir o problema:
..

Apresente-nos imagens do problema (se necessário):
Ícones no cabeçalho Sem_ta12
camposrica

camposrica
***

Membro desde : 01/01/2010
Mensagens : 148
Pontos : 237

http://techsoft.livreforum.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícones no cabeçalho

Mensagem por Byte 29.05.11 1:29

Olá camposrica!

Não sei se entendi direito a sua dúvida...
Você gostaria de juntar todos os ícones e colocar no canto superior direito do fórum?

Até logo camposrica!
Byte
Byte

Byte
Super Membro

Membro desde : 12/02/2009
Mensagens : 1272
Pontos : 2341

http://gabionicle.forum.st/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Ícones no cabeçalho

Mensagem por Luciano98 29.05.11 2:33

Olá!

Codigo:
Código:
;jQuery(document).ready(function(){jQuery("#logo").after("<div style=position:absolute;top:50px;left:1050px><a href=http://facebook.com/pages/F%C3%B3rum-TechSoft/173425006047783 target=_blank><img src=http://cdn3.iconfinder.com/data/icons/inside/PNG/048x048/icontexto-inside-facebook.png alt= width=40 border=0 height=40></div><div style=position:absolute;top:50px;left:1099px><a href=http://myspace.com/techsoft.forumeiros#!/techsoft.forumeiros target=_blank><img src=http://cdn3.iconfinder.com/data/icons/inside/PNG/048x048/icontexto-inside-myspace.png alt= width=40 border=0 height=40></div><div style=position:absolute;top:50px;left:1199px><a href=http://twitter.com/#!/TechTechsoft target=_blank><img src=http://cdn3.iconfinder.com/data/icons/inside/PNG/048x048/icontexto-inside-twitter.png alt= width=40 border=0 height=40></div><div style=position:absolute;top:50px;left:1299px><a href=http://techsoftpt.blogspot.com target=_blank><img src=http://cdn3.iconfinder.com/data/icons/inside/PNG/048x048/icontexto-inside-blogger.png alt= width=40 border=0 height=40></div>")});


Não sabe onde utilizar o código?
Spoiler:

Até mais.
Luciano98
Luciano98

Luciano98
Membro Entusiasta
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícones no cabeçalho

Mensagem por camposrica 29.05.11 10:42

Byte escreveu:Olá camposrica!

Não sei se entendi direito a sua dúvida...
Você gostaria de juntar todos os ícones e colocar no canto superior direito do fórum?

Até logo camposrica!
Byte

Sim é isso mesmo Byte Muito feliz
camposrica

camposrica
***

Membro desde : 01/01/2010
Mensagens : 148
Pontos : 237

http://techsoft.livreforum.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícones no cabeçalho

Mensagem por camposrica 29.05.11 10:44

Luciano98 escreveu:Olá!

Codigo:
Código:
;jQuery(document).ready(function(){jQuery("#logo").after("<div style=position:absolute;top:50px;left:1050px><a href=http://facebook.com/pages/F%C3%B3rum-TechSoft/173425006047783 target=_blank><img src=http://cdn3.iconfinder.com/data/icons/inside/PNG/048x048/icontexto-inside-facebook.png alt= width=40 border=0 height=40></div><div style=position:absolute;top:50px;left:1099px><a href=http://myspace.com/techsoft.forumeiros#!/techsoft.forumeiros target=_blank><img src=http://cdn3.iconfinder.com/data/icons/inside/PNG/048x048/icontexto-inside-myspace.png alt= width=40 border=0 height=40></div><div style=position:absolute;top:50px;left:1199px><a href=http://twitter.com/#!/TechTechsoft target=_blank><img src=http://cdn3.iconfinder.com/data/icons/inside/PNG/048x048/icontexto-inside-twitter.png alt= width=40 border=0 height=40></div><div style=position:absolute;top:50px;left:1299px><a href=http://techsoftpt.blogspot.com target=_blank><img src=http://cdn3.iconfinder.com/data/icons/inside/PNG/048x048/icontexto-inside-blogger.png alt= width=40 border=0 height=40></div>")});


Não sabe onde utilizar o código?
Spoiler:

Até mais.
Luciano98

Olá Luciano98
Fiz tudo direitinho e ficou igual os icons separados,e não ficam como quero no cantinho como mostrei no arredondamento vermelho daquele print do fórum.
Fica aqui o link se precisar para ver alguma coisa: http://techsoft.livreforum.com/

Cumps zen
camposrica

camposrica
***

Membro desde : 01/01/2010
Mensagens : 148
Pontos : 237

http://techsoft.livreforum.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícones no cabeçalho

Mensagem por Byte 29.05.11 21:16

Olá Camposrica!

Evite o DoublePost nos tópicos de ajuda, sempre edite a última mensagem e coloque no final o conteúdo da outra mensagem. Piscada

Você gostaria de todos os espaços entre os ícones fossem como os que estão dentro do retângulo que fez?

Só mais uma coisa... O código que fez está posicionando os elementos da esquerda para a direita, sendo que recomendaria você posicionar da direita para a esquerda, pois assim, independente de resolução da tela do internauta, os ícones ficariam no canto direito do fórum.

Se for isso que queria, aqui está o código com os erros HTML corrigidos, a posição da direita para a esquerda, e os espaços entre os ícones os mesmos.

O código ajeitado, e organizado(Somente irá usar este em caso de modificações futuras):
Spoiler:

O código pronto para pôr aonde foi especificado pelo nosso amigo Luciano98 ^^ :
Código:
jQuery(document).ready(function(){
    jQuery("#logo").after('<div style="position:absolute;top:50px;right:310px"><a href="http://facebook.com/pages/F%C3%B3rum-TechSoft/173425006047783" target="_blank"><img src="http://cdn3.iconfinder.com/data/icons/inside/PNG/048x048/icontexto-inside-facebook.png" alt="" width="40" border="0" height="40" /></a></div><div style="position:absolute;top:50px;right:210px"><a href="http://myspace.com/techsoft.forumeiros#!/techsoft.forumeiros" target="_blank"><img src="http://cdn3.iconfinder.com/data/icons/inside/PNG/048x048/icontexto-inside-myspace.png" alt="" width="40" border="0" height="40" /></a></div><div style="position:absolute;top:50px;right:110px"><a href="http://twitter.com/#!/TechTechsoft" target="_blank"><img src="http://cdn3.iconfinder.com/data/icons/inside/PNG/048x048/icontexto-inside-twitter.png" alt="" width="40" border="0" height="40" /></a></div><div style="position:absolute;top:50px;right:10px"><a href="http://techsoftpt.blogspot.com" target="_blank"><img src="http://cdn3.iconfinder.com/data/icons/inside/PNG/048x048/icontexto-inside-blogger.png" alt="" width="40" border="0" height="40"></a></div>')
});

Espero ter lhe ajudado Camposrica!
Byte
Byte

Byte
Super Membro

Membro desde : 12/02/2009
Mensagens : 1272
Pontos : 2341

http://gabionicle.forum.st/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícones no cabeçalho

Mensagem por camposrica 29.05.11 21:31

Olá ,
os icons já estão no sitio aonde quero , como pode ver :
http://techsoft.livreforum.com/
Mas só queria juntar mais os icons uns aos outros , para não ficar com muita distância.
Cumps zen
camposrica

camposrica
***

Membro desde : 01/01/2010
Mensagens : 148
Pontos : 237

http://techsoft.livreforum.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícones no cabeçalho

Mensagem por Byte 29.05.11 22:08

Olá Camposrica!

camposrica escreveu:[...]Mas só queria juntar mais os icons uns aos outros , para não ficar com muita distância.

Um problema é que eu não sei essa distância para poder colocar no código..
Eu tentei dar um chute na distância, e aproximei os ícones agora para que fiquem com distância de 12px em 12px.

Aqui o código organizado(Para futuras modificações):
Spoiler:


Aqui o código final a ser colocado no lugar indicado pelo Luciano98:
Código:
jQuery(document).ready(function(){
    jQuery("#logo").after('<div style="position:absolute;top:50px;right:190px"><a href="http://facebook.com/pages/F%C3%B3rum-TechSoft/173425006047783" target="_blank"><img src="http://cdn3.iconfinder.com/data/icons/inside/PNG/048x048/icontexto-inside-facebook.png" alt="" width="40" border="0" height="40" /></a></div><div style="position:absolute;top:50px;right:130px"><a href="http://myspace.com/techsoft.forumeiros#!/techsoft.forumeiros" target="_blank"><img src="http://cdn3.iconfinder.com/data/icons/inside/PNG/048x048/icontexto-inside-myspace.png" alt="" width="40" border="0" height="40" /></a></div><div style="position:absolute;top:50px;right:70px"><a href="http://twitter.com/#!/TechTechsoft" target="_blank"><img src="http://cdn3.iconfinder.com/data/icons/inside/PNG/048x048/icontexto-inside-twitter.png" alt="" width="40" border="0" height="40" /></a></div><div style="position:absolute;top:50px;right:10px"><a href="http://techsoftpt.blogspot.com" target="_blank"><img src="http://cdn3.iconfinder.com/data/icons/inside/PNG/048x048/icontexto-inside-blogger.png" alt="" width="40" border="0" height="40"></a></div>')
});

Veja se ficou como queria ^^

Espero estar lhe ajudando Camposrica!
Byte
Byte

Byte
Super Membro

Membro desde : 12/02/2009
Mensagens : 1272
Pontos : 2341

http://gabionicle.forum.st/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícones no cabeçalho

Mensagem por camposrica 29.05.11 22:11

Agora sim , ficou como queria ..

Só lhe pesso se me pode ajudar nos seguintes tópicos ..

https://ajuda.forumeiros.com/t41681-avatares-etc

https://ajuda.forumeiros.com/t41679-caixa-do-menu-buscar


Obrigado ..
camposrica

camposrica
***

Membro desde : 01/01/2010
Mensagens : 148
Pontos : 237

http://techsoft.livreforum.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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