Ícones no cabeçalho

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.

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):

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

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

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

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

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.

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

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

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

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