Codigo para dar benvindos ao usuario

Qual é minha questão:
minha questao é onde eu devo aplicar este codigo
<link href='http://fonts.googleapis.com/css?family=Wire+One' rel='stylesheet' type='text/css'><font style="color: Gray; font-size: 40px; font-family: wire one; text-shadow: #C8D365 1pt 1pt 1px; font-weight: bold; padding-right: 3px;">Bem-vindo Convidado</font>

se é no geral ou no opções do CSS?
tambem a dias vi aqui no forum algo parecido mas com otro Designer mas o segnificado era o mesmo,mas ja o Designer ja era mais bonito,mas ja nao o encontro.
Espero ter postado no lucal corecto!
Aguardo resposta

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

Endereço do meu fórum:
http://www.somcriolo.org

Versão do meu fórum:
Invision

O que eu estava querendo dizer encontrace neste forum
http://bcvgames.forumbrasil.net/forum
o que eu quero ta por cima do logotipo do rado direito

Olá!
Este fórum é meu, o código que estou usando basta seguir as instruções:

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

Cole este código em sua CSS:

Código:

/* Login personalizado flutuante FIXO - Edição By: HeadShot_. */
.hlogin {
-moz-border-radius: 0 0 7px 7px;
-moz-box-shadow: 0 0 8px 0 #353535;
-webkit-border-radius: 0 0 7px 7px;
-webkit-box-shadow: 0 0 8px 0 #353535;
background: -moz-linear-gradient(white,#F2F2F2);
background-color: white;
background-image: -webkit-linear-gradient(white,#F2F2F2);
border: 1px solid #C4C4C4;
border-radius: 0 0 7px 7px;
box-shadow: 0 0 8px 0 #353535;
float: right;
font-size: 13px;
height: 31px;
margin: 0 20px 0 0;
padding: 0 0 0 10px;
text-align: right;
vertical-align: middle;
position: fixed !important;
z-index: 1;
right: 165px;
top: 0px;
}

e Valide!

Depois vá:

Painel de Controle Módulos HTML e JavaScript Gestão dos Códigos JavaScript Criar um novo JavaScript

Título * : Escolha um Titulo qualquer.
Investimento : Marque todas as Paginas.
Código JavaScript * :
Coloque este código:

Código:

jQuery(document).ready(function(){if(jQuery('#page-header .navbar a.mainmenu #i_icon_mini_login').length){d='Bem vindo Visitante! <a href="/login">Login</a> | <a href="/register">Criar Conta</a> '}else{d='Conectado como <b>'+jQuery('#page-header .navbar a.mainmenu #i_icon_mini_logout').parent().html().split('[ ')[1].split(' ]')[0]+'</b> | <a href="/profile?mode=editprofile">Minha conta</a> | <a href="/login?logout=1">Sair</a> '};jQuery('#wrap').prepend('<style>.hlogin,.hlogin a:link,.hlogin a:visited{color:#666;font-family:Arial,Geneva,Helvetica,Verdana,sans-serif;text-decoration:none}.hlogin{-moz-border-radius:0 0 7px 7px;-moz-box-shadow:0 0 8px 0 #353535;-webkit-border-radius:0 0 7px 7px;-webkit-box-shadow:0 0 8px 0 #353535;background:-moz-linear-gradient(#ffffff,#f2f2f2);background-color:#fff;background-image:-webkit-linear-gradient(#ffffff,#f2f2f2);border:1px solid #c4c4c4;border-radius:0 0 7px 7px;box-shadow:0 0 8px 0 #353535;float:right;font-size:13px;height:31px;margin:0 20px 0 0;padding:0 0 0 10px;text-align:right;vertical-align:middle;position:absolute;z-index:1;right:40px;top:0px}.hlogin #header{height:26px;padding:5px 20px 0 10px;vertical-align:middle}</style><div class="hlogin"><div id="header">'+d+'</div></div>')});

E Salve! Resulta?

@EDIT:
Caso não resulte, leia este tutorial:

https://ajuda.forumeiros.com/t64389-

Abraços,
HeadShot_.

Boa tarde fiz como diz aqui e nao apareceu nada,e depois fiz como diz aqui neste link https://ajuda.forumeiros.com/t64389- mas tambem nao aparece nada

Tem otra forma?

Olá!
Lamento, mais acho que se não deu certo nenhum desses modelos, não tem outro.. Acho que é possivel so para versões PhpBB3 e PhpBB2 Lamento.

Abraços,
HeadShot_.

Mas no topico de ajuda diz assim:
.Para quais versões este código funciona?
Para todas as versões, como o script é JS, funcionará em todas as versões.

Olá!
Quando você seguiu os passos do tutorial, você retirou os códigos que forneci a cima antes de seguir o tutorial? Pois poderá ser por conflito, veja se está tudo certo..

Abraços,
HeadShot_.

Olá,

Tente este código:

Código:

  <script>
var nnome = "{USERNAME}" ;
if ( nnome != "Convidado"){
document.write(' <style> ');
document.write(' #loginn{display:none!important;} ');
document.write(' </style> ');
}</script>


<!-- The CSS -->
<link rel="stylesheet" href="http://web-kreation.com/demos/login_form_mootools_1.2/fx.slide.css" type="text/css" media="screen" />
<style>
#login {
overflow: visible;
height: auto;
-webkit-transition: margin-top 0.5s ease-in-out 0s;
-moz-transition: margin-top 0.5s ease-in-out 0s;
-o-transition: margin-top 0.5s ease-in-out 0s;
transition: margin-top 0.5s ease-in-out 0s;

}

/* Login Panel */
#top {
background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/login_top.jpg) repeat-x 0 0;}

#top ul.login {
background: url(http://img18.imageshack.us/img18/3017/loginrw.png) no-repeat right 0;}

#top ul.login li.left {
background: url(http://img41.imageshack.us/img41/3439/loginlc.png) no-repeat left 0;}

#top ul.login li {
background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/login_m.jpg) repeat-x 0 0;}

/*Login*/
/* toggle effect - show/hide login*/
#login {
background: #1E1E1E;}

#login .loginContent input:focus.field {
background: #545454;}

#login .loginContent input.button_login {
background: transparent url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_login.jpg) no-repeat 0 0;}

#login .loginClose a {
background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_close.jpg) no-repeat right 0;}

#login .loginClose a:hover {
background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_close.jpg) no-repeat right -20px;}
</style>

<!-- Login --><div id="loginn" style="display: block;position: absolute;left: 0px;top: 0px;width: 100%;"><div id="login" style="margin-top:-105px;"><div class="loginContent">

<form action="/login.forum" method="post" enctype="multipart/form-data" name="form_login" id="form_login2">

<label for="log"><b>Username: </b></label>
<input name="username" size="23" class="field" maxlength="25" type="text" style="clear: both;" />

<label for="pwd"><b>Password:</b></label>
<input name="password" class="field" size="23" maxlength="25" type="password" style="clear: both;" />

<input class="menuoption button_login" type="submit" name="login" value=" " />

<input type="hidden" name="redirect" value="" />

</form><div class="left">

<label for="rememberme">
<input name="autologin" id="autologin" type="checkbox" tabindex="4" checked="checked" class="radio" /> Conexão automática
</label>

</div><div class="right">Não é um membro? <a href="/profile.forum?mode=register">Registar-me</a> | <a class="gensmall" href="/profile.forum?mode=sendpassword"> Recuperar Senha</a></div>

</div><div class="loginClose"><a href="#" id="closeLogin" onclick="document.getElementById('login').style.marginTop=((document.getElementById('login').style.marginTop=='0px')? '-105px' : '0px');">Fechar Painel</a></div>

</div>


<!-- /login --><div id="container"><div id="top">

<!-- login -->

<ul class="login">

<li class="left"> </li>

<li>Olá Visitante!</li>

<li>|</li>

<li><a id="toggleLogin" href="#" onclick="document.getElementById('login').style.marginTop=((document.getElementById('login').style.marginTop=='0px')? '-105px' : '0px');">Entrar</a></li>

</ul> <!-- / login -->

</div> <!-- / top --><div class="clearfix"></div>
</div>



</div>

Aplique em:

Painel >> Módulos >> Gestão dos widgets >> Novo widget personalizado >> Usar table type >> Não >> Conteúdo >> Cole o código

Cordialmente!

Boa tarde,nenhum dos dois dao meus amigos

Olá,

Aceda à:

Painel >> Geral >> Mensagens e e-mails >> Configuração >> Permitir HTML >> Sim

Além disso, pode nos mandar uma imagem de como fica o código em seu fórum no widget? Eles estão ativos?

Cordialmente.

HTML sempre esteve ativo,sobre a imagem n me aparece nada mesmo

Olá,

Eu acessei seu fórum e o menu que lhe passei está lá e funcionando normalmente! (Parte superior direita)

Ele apenas não aparece para contas que já estejam logadas, mas caso deslogue, verá o menu.

Cordialmente!

tem um problema,o forum fica pequeno,sentralizado ao meio,vou tirar o codigo e volte a ver a largura do forum

Olá,

Isso acontece porque você não apresenta widgets na estrutura e, ao adicionar um, a largura da coluna está afetando seu fórum.

Para reparar isso, aceda à:

Painel >> Módulos >> Portal e Widgets >> Gestão dos widgets do fórum >> Largura das colunas (1px) >> Coloque novamente o widget.

Cordialmente!

Fazendo isso que voce dice e clicando e salvar ele volta novamente para os 180 Pixels na mesma

Olá,

Então altere o valor para 0. Creio que resultará normalmente!

Cordialmente!

nao resulta,mas eu mete o codigo em visualizaçao»pagina inicial»geral e deu,pode ver se ficou normal como indica o codigo k me forneceu?

Olá,

Sim, resultou normalmente!

Podemos finalizar este tópico?

Cordialmente!

Obrigado pela grande ajuda