Simbolo do orkut na esquerda e mensagem no topo direito do fórum

[soulblue]

Qual é minha questão:
Como coloco essa janela de quando não sou membro do site, o simbolo do orkut,e o negocio azul com a palvra escrito convidado?

Imagens do meu problema:
https://2img.net/r/ihimizer/img822/9196/imagemcjj.jpg

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

Versão do meu fórum:
PHPBB3

[Convidad]

Icons de Orkut, Twitter? Essas coisas?

[Luciano98]

Olá!

Coloque esse código em um Widget personalizado:

Código:

<div style="position: fixed; top: 0px; right: 0px;"><table style="padding-bottom: 5px; width: 250px; height: 60px; -moz-border-radius: 4px;  -webkit-border-radius: 4px; background-color: #00426f;"><tbody><tr><td><table><tbody><tr><td style="padding-right: 10px; padding-left: 5px;"><img src="http://2img.net/i/bl/logo.png" width="27" height="35"></td><td style="-moz-border-radius: 4px;  -webkit-border-radius: 4px; border: 1px solid #9a9a95; background-color: white; padding-left: 5px; padding-right: 15px; width: 90%; height: 20px; font-weight: bold; font-size: 14px; color: #9a9a95;">Convidado</td>
</tr></tbody></table><br><a href="/login.forum?logout" style="color: #80e6ff;font-size: 14px;">Sair</a><font color="#80e6ff"> - </font><a href="/faq.htm" style="color: #80e6ff; font-size: 14px;">Ajuda</a></td></tr></tbody></table><!--

<script src='http://www.google.com/jsapi'-->
<script>
google.load("jquery", "1.3.2");

</script>
<script type="text/javascript">
$(function() {
$('#menusisi a').stop().animate({'marginLeft':'-50px'},1000);
$('#menusisi > li').hover(
function () {
$('a',$(this)).stop().animate({'marginLeft':'-4px'},200);
},
function () {
$('a',$(this)).stop().animate({'marginLeft':'-50px'},200);
}
);
});
</script>



<style type="text/css">
/* Footer
----------------------------------------------- */
.footer-outer {
margin: -0 0 0px;
padding: 0 0 0;
color: #333333;
overflow: hidden;
}
.footer-fauxborder-left {
border-top: 0px solid transparent;
background: transparent url(http://www.blogblog.com/1kt/awesomeinc/header_gradient_artsy.png) repeat scroll 0 0;
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-goog-ms-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
box-shadow: 0 0 0 rgba(0, 0, 0, .2);
margin: 0 -0;
}
.paginator {
margin-top:80px;
font-size:1em;
}
.paginator table {
border-collapse:collapse;
table-layout:fixed;
width:100%;
}
.paginator table td {
padding:0;
white-space:nowrap;
text-align:center;
}
.paginator span {
display:block;
padding:0px 0;
color:#fff;
}
.paginator span strong,
.paginator span a {
padding:0px 6px;
}
.paginator span strong {
background:#ff6c24;
font-style:normal;
font-weight:normal;
}
.paginator .scroll_bar {
width:100%; height:20px;
position:relative;
margin-top:10px;
}
.paginator .scroll_trough {
width:100%;height:0px;
background:#ccc;
overflow:hidden;
}
.paginator .scroll_thumb {
position:absolute;
z-index:0;
width:0; height:0px;
top:0; left:0px;
font-size:1px;
background:#363636;
}
.paginator .scroll_knob {
position:absolute;
top:-5px; left:50%;
margin-left:-10px;
width:20px; height:20px;
overflow:hidden;
background:url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/slider_knob.gif) no-repeat 50% 50%;
cursor:pointer; cursor:hand;
}
.paginator .current_page_mark {
position:absolute;
z-index:0;
top:0; left:0;
width:0; height;
overflow:hidden;
background:#ff6c24;
}
.fullsize .scroll_thumb {
display:none;
}
.paginator_pages {
width:600px;
text-align:right;
font-size:0.8em;
color:#808080;
margin-top:-10px;
}
ul#menusisi {
position:fixed;
margin:0;
padding:0;
top:250px;
left:3px;
list-style:none;
z-index:9999;
}
ul#menusisi li {
width:100px;
}
ul#menusisi li a {
display:block;
margin-left:-50px;
width:100px;
height:55px;
background-color:#585248;  /* Cor de fundo do botão */
background-repeat:no-repeat;
background-position:48px center;
border:1px solid #cfcfcf;  /* Cor da borda do botão*/
-moz-border-radius:0px 10px 10px 0px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-top-right-radius: 10px;
-khtml-border-bottom-right-radius: 10px;
-khtml-border-top-right-radius: 10px;
/*-moz-box-shadow: 0px 4px 3px #000;
-webkit-box-shadow: 0px 4px 3px #000;
*/
opacity:0.8;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}

ul#menusisi .Orkut a {
background-image:url(http://static1.orkut.com/img/castro/newdesignbadge.png);


--></style>

<ul id="menusisi">
<li class="Orkut"><a href="http://www.orkut.com.br/Main#Community?cmm=106727809&amp;refresh=1" target="new" title="Orkut"></a></li></ul></div><style type="text/css">
/* Footer
----------------------------------------------- */
.footer-outer {
margin: -0 0 0px;
padding: 0 0 0;
color: #333333;
overflow: hidden;
}
.footer-fauxborder-left {
border-top: 0px solid transparent;
background: transparent url(http://www.blogblog.com/1kt/awesomeinc/header_gradient_artsy.png) repeat scroll 0 0;
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-goog-ms-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
box-shadow: 0 0 0 rgba(0, 0, 0, .2);
margin: 0 -0;
}
.paginator {
margin-top:80px;
font-size:1em;
}
.paginator table {
border-collapse:collapse;
table-layout:fixed;
width:100%;
}
.paginator table td {
padding:0;
white-space:nowrap;
text-align:center;
}
.paginator span {
display:block;
padding:0px 0;
color:#fff;
}
.paginator span strong,
.paginator span a {
padding:0px 6px;
}
.paginator span strong {
background:#ff6c24;
font-style:normal;
font-weight:normal;
}
.paginator .scroll_bar {
width:100%; height:20px;
position:relative;
margin-top:10px;
}
.paginator .scroll_trough {
width:100%;height:0px;
background:#ccc;
overflow:hidden;
}
.paginator .scroll_thumb {
position:absolute;
z-index:0;
width:0; height:0px;
top:0; left:0px;
font-size:1px;
background:#363636;
}
.paginator .scroll_knob {
position:absolute;
top:-5px; left:50%;
margin-left:-10px;
width:20px; height:20px;
overflow:hidden;
background:url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/slider_knob.gif) no-repeat 50% 50%;
cursor:pointer; cursor:hand;
}
.paginator .current_page_mark {
position:absolute;
z-index:0;
top:0; left:0;
width:0; height;
overflow:hidden;
background:#ff6c24;
}
.fullsize .scroll_thumb {
display:none;
}
.paginator_pages {
width:600px;
text-align:right;
font-size:0.8em;
color:#808080;
margin-top:-10px;
}
ul#menusisi {
position:fixed;
margin:0;
padding:0;
top:250px;
left:3px;
list-style:none;
z-index:9999;
}
ul#menusisi li {
width:100px;
}
ul#menusisi li a {
display:block;
margin-left:-50px;
width:100px;
height:55px;
background-color:#585248;  /* Cor de fundo do botão */
background-repeat:no-repeat;
background-position:48px center;
border:1px solid #cfcfcf;  /* Cor da borda do botão*/
-moz-border-radius:0px 10px 10px 0px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-top-right-radius: 10px;
-khtml-border-bottom-right-radius: 10px;
-khtml-border-top-right-radius: 10px;
/*-moz-box-shadow: 0px 4px 3px #000;
-webkit-box-shadow: 0px 4px 3px #000;
*/
opacity:0.8;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}

ul#menusisi .Orkut a {
background-image:url(http://static1.orkut.com/img/castro/newdesignbadge.png);


--></style><ul id="menusisi">
<li class="Orkut"><a href="http://www.orkut.com.br/Main#Community?cmm=106727809&amp;refresh=1" target="new" title="Orkut"></a></li></ul>

Até mais.