Posted April 23rd 2013, 8:07 pm
if u visit my forum (www.myplanet.gorumgreek.com) as guest u will see a red rectangular at the top of the right side which saying "welcome guest and blabla"... i want to change its position to go at bottom of the right side and follow u if u scroll down the page.
the codes i used to create it:
CSS:
Widget:
the codes i used to create it:
CSS:
- Code:
#guestmessagemastersly1{
font-size: 12px;
padding: 11px 17px;
position: absolute;
right: 10px;
top: 50px;
border-radius: 2px;
border:groove 3px #FF0000;
background-color: rgba(255, 0, 0, 0.8);
background: rgba(255, 0, 0, 0.8);
color: rgba(255, 0, 0, 0.8);
}
#guestmessagemastersly1:hover{
font-size: 12px;
padding: 11px 17px;
position: absolute;
right: 10px;
top: 50px;
border-radius: 2px;
border:groove 3px #FF0000;
background-color: rgba(255, 0, 0, 1);
background: rgba(255, 0, 0, 1);
color: rgba(255, 0, 0, 0.8);
}
Widget:
- Code:
<div id="guestmessagemastersly1"><font color="white"><center><p>Καλώς Ήρθατε</p>
<p>Προκειμένου να έχετε πλήρη πρόσβαση σε όλους τους</p> τομείς θα πρέπει να κάνετε μια <a href="/register"><strong><font color="white">εγγραφή!</font></strong></a></center></font></div>