Código css disso

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

Resolvido Código css disso

Mensagem por Showman em 02/10/12, 11:53 am

Qual é minha questão:
Olá eu gostaria do código desse quadro vermelho que aparece no canto inferior direito desta imagem abaixo.

Links e imagens do meu problema:
Http://i.imgur.com/ImcRI.jpg

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

Versão do meu fórum:
PHPBB3


Última edição por Showman em 02/10/12, 04:25 pm, editado 1 vez(es)
avatar

Showman
Nível 9

Masculino
Inscrito dia : 01/10/2012
Mensagens : 222
Pontos Ativos : 333

Ver perfil do usuário http://narutonewageforum.forumeiros.com/

Resolvido Re: Código css disso

Mensagem por Nickname em 02/10/12, 12:03 pm

Olá,
Crie um widget com o seguinte código:
Código:
<div id="bar_float" align="center">
<script language="JavaScript">
function controlaCamada(bar_float)
{
                if( document.getElementById(bar_float).style.visibility == "hidden" )
                {
                                document.getElementById(bar_float).style.visibility = "visible";
                } else
                {
                                document.getElementById(bar_float).style.visibility = "hidden";
                }
}
</script>
<style type="text/css">
#bar_float a{
position: fixed;
bottom: 80px;
text-decoration:none;
                right: 20px;
z-index:3000;
}
a#return_to_ipbfs {
position: fixed;
bottom: 10px;
line-height: 16px;
text-align: left;
right: 10px;
z-index: 1;
opacity: 0.8;
width: 260px;
height: 70px;
background: #cf3737;
color: #fff;
text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
padding: 10px;
text-decoration: none;
font-size: 11px;
font-family: Tahoma;
border: 1px solid #771b1b;
box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset #f66c6c 0px 1px 0px;
border-radius: 3px;
}
a#return_to_ipbfs:hover  { opacity: 1; }
#return_to_ipbfs strong { font-family: "Trebuchet MS"; display: block; font-size: 14px; padding-bottom: 5px; }
</style>
<a onclick="controlaCamada('bar_float')"><img src="http://www.goldwave.com/images/x.png'=""><a href="#" id="return_to_ipbfs">EDITE ESTÁ PARTE PELO QUE VOCÊ DESEJAR!
</div>
Proucure por EDITE ESTÁ PARTE PELO QUE VOCÊ DESEJAR! e modifique pelo que você quer que apareça na mensagem.

Cordialmente
Upload

Nickname
Membro do Fórum

Masculino
Inscrito dia : 13/11/2011
Mensagens : 1551
Pontos Ativos : 2048

Ver perfil do usuário http://ajuda.forumeiros.com https://www.facebook.com/gabrielstiflerz

Resolvido Re: Código css disso

Mensagem por Showman em 02/10/12, 04:23 pm

Vlw Resultou.
avatar

Showman
Nível 9

Masculino
Inscrito dia : 01/10/2012
Mensagens : 222
Pontos Ativos : 333

Ver perfil do usuário http://narutonewageforum.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum