jQuery(document).ready(function() { jQuery("#logo").after('
TEXTO QUE APARECERÁ NO BOTÃO QUANDO ELE ESTIVER FECHADO
'); jQuery("#efeito-logo_texto").click(function() { jQuery("#efeito-logo_textoescondido").slideToggle(); }); });

Painel de Controle>>Visualização>>Imagens e Cores>>Cores>>Folha de Estilo CSS

#efeito-logo_textoescondido { /*MODIFIQUE ESSA ÁREA PARA POSICIONAR O BOTÃO ABERTO E MODIFICAR O VISUAL DELE*/
position: absolute;
margin-left: -201px;
background: #B8FCC8;
padding: 10px;
top: 20px;
border: 2px solid black;
border-radius: 20px 0px 20px 10px;
width: 300px;
filter:alpha(opacity=65);
-moz-opacity: 0.6;
opacity: 0.6;
}
#efeito-logo_texto { /*MODIFIQUE ESSA ÁRE PARA MODIFICAR O VISUAL DO BOTÃO FECHADO*/
background: #005915;
color: #ffffff;
font-weight: bold;
padding: 8px;
border: 2px solid black;
border-radius: 20px 0px 0px 0px;
cursor: pointer;
filter:alpha(opacity=65);
-moz-opacity: 0.6;
opacity: 0.6;
}
#efeito-logo { /*MODIFIQUE ESSA ÁREA PARA ALTERAR A POSIÇÃO DO BOTÃO FECHADO*/
position: absolute;
right: 51px;
top: 100px;
filter:alpha(opacity=65);
-moz-opacity: 0.6;
opacity: 0.6;
}
#efeito-logo_textoescondido:hover {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}
#efeito-logo_texto:hover {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}
#efeito-logo:hover {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}

Código:

#efeito-logo { Registrar
url: /register
position: absolute;
right: 51px;
top: 100px;
filter:alpha(opacity=65);
-moz-opacity: 0.6;
opacity: 0.6;
}