Utilizando este código -2

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

Olá,

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

Até mais.

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

Boa noite querido.

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

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

Clique em "Criar um novo JavaScript".

Título Escolha o título que quiser
Investimento 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.

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 Módulos Gestão dos códigos JavaScript

Clique em "Criar um novo JavaScript".

Título Escolha o título que quiser
Investimento 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.

A imagem ficou por traz da barra!

Olá!

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

Clique em "Criar um novo JavaScript".

Título Escolha o título que quiser
Investimento 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.

Obrigado! Funcionou!