Problema script mesaj pentru vizitatori

Hristos a Inviat!Intampin , din nou o problema.Am gasit prin topicurile mai vechi , un script care arata vizitatorilor un mesaj.Este destul de bun , dar problema este ca textul nu apare centrat , as vrea sa adaug un "X" (pentru a putea inchide mesajul respectiv) si as vrea sa schimb conturul.Aveti scriptul si o imagine mai jos.
Adaugat in JS:

Cod:

$(function() {
$('body').after('<div class="guest">Mesaj vizitatori</div>');
var x = document.getElementById("logout");
if(x) {
$('body').after('<div class="membru">Mesaj membri</div>');
$('.guest').remove();
}
});

La codul JS , daca puteti sa stergeti partea pentru membrii , adica sa arate doar celor neinregistrati.Eu l-am sters , dar nu stiu cum sa elimin definitiv partea aceea pentru memrbi.
Adaugat in CSS:

Cod:

.guest, .membru {
position: fixed;
float: right;
right: 10px;
top: 10px;
width: 300px;
height: 100px;
background: #000;
box-shadow: 0 0 5px blue;
color: white;
}

Poza:


Sper sa se poata realiza ceea ce doresc eu.Daca nu , puteti sa imi oferiti un script cu ceea ce as vrea eu!


// *bump*

Au trecut deja 2 zile de cand am postat..Cineva , va rog frumos?

Adevarat a inviat!

Inlocuiti codul CSS cu:

Cod:

.guest, .membru {
position: fixed;
float: right;
right: 10px;
top: 10px;
width: 300px;
height: 100px;
background: #000;
box-shadow: 0 0 5px blue;
color: white;
border: 2px dashed blue;
padding: 3px;
text-align: center;
}

Pentru ca sa adaugam acel "X", avem nevoie si de codul HTML pe care l-ati folosit.

Multumesc e totul ok , dar nu am folosit nici un cod HTML.
Altcumva nu as putea adauga acel ''X" , deoarece in topicul acela nu erau decat aceste coduri.

Imi cer scuze, eram putin neatent. Inlocuiti codul JavaScript cu:

Cod:

$(function() {
$('body').after('<div class="guest"><div class="inchide">X</div><br>Mesaj vizitatori</div>');
var x = document.getElementById("logout");
if(x) {
$('body').after('<div class="membru"><div class="inchide">X</div><br>Mesaj membri</div>');
$('.guest').remove();
}

$('.inchide').click(function(){
$('.membru, .guest').hide('300', function(){ $('.membru, .guest').remove();});
});
});

Iar codul CSS cu:

Cod:

.guest, .membru {
position: fixed;
float: right;
right: 10px;
top: 10px;
width: 300px;
height: 100px;
background: #000;
box-shadow: 0 0 5px blue;
color: white;
border: 2px dashed blue;
padding: 3px;
text-align: center;
}

.inchide{
font-weight: bold;
text-align: right;
}

Multumesc mult , poti inchide topicul!

Pentru putin.