Chenar Transparent in coltul forumului

Cum pun un mesaj intr-un chenar transparent si sa apara in partea dreapta jos? Daca se poate sa si dispara atunci cand vizitatorul se logheaza.

Salut,

Introdu urmatorul cod in generalitati:

Cod:

<div style="position: fixed; bottom: 3%; right: 3px;border: 1px solid #FF0055; background-color: #FF5500;">TEXT!</i></font></div>


Adi. a scris:Salut,

Introdu urmatorul cod in generalitati:

Cod:

<div style="position: fixed; bottom: 3%; right: 3px;border: 1px solid #FF0055; background-color: #FF5500;">TEXT!</i></font></div>


Dar cum il fac sa apara doar pentru cei care nu sunt logati, iar cand se logheaza sa dispara?
Gen asta:

O sa revin eu cu un edit

PS: Functioneaza doar pentru phpbb3

Cod:

$(function(e) {
$('body').append('<div class="guest"><span class="close">X</span><b>Nu sunteti autentificat !</b><br />
Nu puteti profita de toate caracteristicile forumului, si cred intadevar ca merita ! Va rugam sa va <a href="/register">inregistrati</a>, este simplu si rapid.</div>');

// Show guest and hide of user logged.
$('.guest').show();
if ($("a#logout").length > 0){
$('.guest').remove();
}
});

$(function(e) {
$(".close").click(function() {
$(".guest").hide();
});
});

CSS

Cod:

.guest {
position: fixed;
float: right;
top: 80px;
right: 10px;
width: 250px;
background: black;
opacity: 0.8;
box-shadow: 0px -2px 5px #42A5DD;
padding: 3px 5px;
}

.close {
float: right;
box-shadow: 0px 0px 8px #42A5DD;
padding: 3px 5px;
border-radius: 2px;
}

ET Gaming a scris:O sa revin eu cu un edit

PS: Functioneaza doar pentru phpbb3

Cod:

$(function(e) {
$('body').append('<div class="guest"><span class="close">X</span><b>Nu sunteti autentificat !</b><br />
Nu puteti profita de toate caracteristicile forumului, si cred intadevar ca merita ! Va rugam sa va <a href="/register">inregistrati</a>, este simplu si rapid.</div>');

// Show guest and hide of user logged.
$('.guest').show();
if ($("a#logout").length > 0){
$('.guest').remove();
}
});

$(function(e) {
$(".close").click(function() {
$(".guest").hide();
});
});

CSS

Cod:

.guest {
position: fixed;
float: right;
top: 80px;
right: 10px;
width: 250px;
background: black;
opacity: 0.8;
box-shadow: 0px -2px 5px #42A5DD;
padding: 3px 5px;
}

.close {
float: right;
box-shadow: 0px 0px 8px #42A5DD;
padding: 3px 5px;
border-radius: 2px;
}

Primul cod unde se adauga?

In : ACP > Module > HTML & JAVASCRIPT > Gestionarea codurilor Javascipt > Creaza un nu cod JavaScript
Amplsare: Toate Paginile

ET Gaming a scris:In : ACP > Module > HTML & JAVASCRIPT > Gestionarea codurilor Javascipt > Creaza un nu cod JavaScript
Amplsare: Toate Paginile

Multumesc pentru ajutor!

Cum fac sa apara jos de tot in dreapta, el acum apare sus

Inlocuiti codul CSS de mai sus cu acesta:

Cod:

.guest {
position: fixed;
float: right;
bottom: 4px;
right: 10px;
width: 250px;
background: black;
opacity: 0.8;
box-shadow: 0px -2px 5px #42A5DD;
padding: 3px 5px;
}

.close {
float: right;
box-shadow: 0px 0px 8px #42A5DD;
padding: 3px 5px;
border-radius: 2px;
}

AlexandruMatei a scris:Inlocuiti codul CSS de mai sus cu acesta:

Cod:

.guest {
position: fixed;
float: right;
bottom: 4px;
right: 10px;
width: 250px;
background: black;
opacity: 0.8;
box-shadow: 0px -2px 5px #42A5DD;
padding: 3px 5px;
}

.close {
float: right;
box-shadow: 0px 0px 8px #42A5DD;
padding: 3px 5px;
border-radius: 2px;
}

Multumesc inca odata, respect!

Cu placere.