Utilizando este código -2

4 participantes

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

Tópico resolvido Utilizando este código -2

Mensagem por ZeMuhammad 15.09.12 20:55

Qual é minha questão:
Gostaria de, utilizando este código
Código:


    #conectFor * {
    font-size: 12px;
    }
    #conectFor{
    padding: 13px;
    padding-right : 20px;
    text-align: right;
    background-image: url(http://cdn2.play4free.com/static/theme/p4f-common-theme/images/global/topnav-full/p4fnav-full-bg-bfp4f.png);
    border-bottom: 0px solid #000;
    font: 15px Tahoma;
    height: 10px;
    display: block;
    color: #F1F1F1;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    }
    #conectFor a{
    color:#f1f1f1;
    font-family:Arial;
    padding:8px 5px ;
    margin:0 1px;
    text-decoration:none;
    }
    #conectFor a:hover{
    color:#111;
    border-radius:5px 5px 0 0;
    -moz-border-radius:5px 5px 0 0;
    -webkit-border-radius:5px 5px 0 0;
    -o-border-radius:5px 5px 0 0;
    background:#f1f1f1;
    }
    #conectFor a:hover ul{display:inline;}
    #conectFor ul {
    margin-top: -1px;
    z-index:1;
    border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    -o-border-radius: 0px 0px 5px 5px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    top: 100%;
    width: 390px;
    padding:20px 13px;
    color: #333;
    background: #F1F1F1 url() no-repeat bottom right;
    list-style: none;
    display: none;
    float: left;
    right: 0em;
    position: absolute;
    }
    #conectFor ul li{
    float: left;
    width: 47%;
    display: inline;
    text-align:left;
    margin:5px;
    }
    #conectFor ul li a{color:#3689D1; background-image:none !important;}
    #conectFor ul li a:hover{color:#111; background:transparent;}

    #conectFor a[href="/profile?mode=editprofile"] {
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 10px;
    background-image: url(http://i42.servimg.com/u/f42/17/32/13/00/dropdo10.png);
    }

    #conectFor a[href="/profile?mode=editprofile"]:hover {
    background-image: url(http://i42.servimg.com/u/f42/17/32/13/00/dropdo11.png);
    }


Que é uma barra de login superior,

Eu gostaria de adicionar nesta barra, links de: (por exemplo:) Facebook, Twiiter, etc.

É possivel?

Obrigado!

Links e imagens do meu problema:
Não é necessário.

Endereço do meu fórum:
http://battlefieldplay4free.forumeiros.com

Versão do meu fórum:
PHPBB3


Última edição por ZeMuhammad em 16.09.12 17:53, editado 1 vez(es)
ZeMuhammad

ZeMuhammad
***

Membro desde : 31/08/2012
Mensagens : 150
Pontos : 236

http://battlefieldplay4free.forumeiros.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Utilizando este código -2

Mensagem por Sennior 15.09.12 21:02

Olá,

A um modo sim! Teria as imagens que deseja que coloque? Digo do Twitter, Facebook...?

Até mais.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Utilizando este código -2

Mensagem por ZeMuhammad 15.09.12 21:27

Gostaria de Facebook, apenas, mais para frente poderá colocar mais?
ZeMuhammad

ZeMuhammad
***

Membro desde : 31/08/2012
Mensagens : 150
Pontos : 236

http://battlefieldplay4free.forumeiros.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Utilizando este código -2

Mensagem por Sennior 16.09.12 5:59

Boa noite querido.

Descobri um jeito melhor, sem a edição do teu CSS.

Aceda à "Gestão dos códigos JavaScript":
Painel de Controle Seta Módulos Seta Gestão dos códigos JavaScript

Clique em "Criar um novo JavaScript".

Título Seta Escolha o título que quiser
Investimento Seta Em todas as páginas

Codigo JavaScript:
jQuery(document).ready(function(){jQuery('body').prepend('<div style=position:absolute;top:12px;right:114px><a href="LINK"><img src="IMAGEM"></a> <a href="LINK"><img src="IMAGEM"></a> <a href="LINK"><img src="IMAGEM"></a></div>')});
LINK = Link da página na rede social.
IMAGEM = Imagem da rede social.

Clique em "Confirmar".

Até mais. Piscada
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Utilizando este código -2

Mensagem por •Found G. 16.09.12 12:18


Uma pergunta, aonde ele vai aparecer?
•Found G.

•Found G.
Novo Membro

Membro desde : 09/09/2012
Mensagens : 23
Pontos : 35

http://foundgamers.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Utilizando este código -2

Mensagem por ZeMuhammad 16.09.12 14:09

Mikéé escreveu:Boa noite querido.

Descobri um jeito melhor, sem a edição do teu CSS.

Aceda à "Gestão dos códigos JavaScript":
Painel de Controle Seta Módulos Seta Gestão dos códigos JavaScript

Clique em "Criar um novo JavaScript".

Título Seta Escolha o título que quiser
Investimento Seta Em todas as páginas

Codigo JavaScript:
jQuery(document).ready(function(){jQuery('body').prepend('<div style=position:absolute;top:12px;right:114px><a href="LINK"><img src="IMAGEM"></a> <a href="LINK"><img src="IMAGEM"></a> <a href="LINK"><img src="IMAGEM"></a></div>')});
LINK = Link da página na rede social.
IMAGEM = Imagem da rede social.

Clique em "Confirmar".

Até mais. Piscada


A imagem ficou por traz da barra!
ZeMuhammad

ZeMuhammad
***

Membro desde : 31/08/2012
Mensagens : 150
Pontos : 236

http://battlefieldplay4free.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta
  • 0

Tópico resolvido Re: Utilizando este código -2

Mensagem por Luciano98 16.09.12 16:09

Olá!

Aceda à "Gestão dos códigos JavaScript":
Painel de Controle Seta Módulos Seta Gestão dos códigos JavaScript

Clique em "Criar um novo JavaScript".

Título Seta Escolha o título que quiser
Investimento Seta Em todas as páginas

Codigo JavaScript:
jQuery(document).ready(function(){jQuery('body').prepend('<div style=position:absolute;top:12px;left:0px;z-index:1><a href="LINK"><img src="IMAGEM"></a> <a href="LINK"><img src="IMAGEM"></a> <a href="LINK"><img src="IMAGEM"></a></div>')});
LINK = Link da página na rede social.
IMAGEM = Imagem da rede social.

Clique em "Confirmar".

Até mais.
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: Utilizando este código -2

Mensagem por ZeMuhammad 16.09.12 17:53

Obrigado! Funcionou!
ZeMuhammad

ZeMuhammad
***

Membro desde : 31/08/2012
Mensagens : 150
Pontos : 236

http://battlefieldplay4free.forumeiros.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