Coding-Spot

You are not connected. Please login or register

 
 
 

Guests Message [Position]

Message (Page 1 of 1)

#1

J0k3R^

J0k3R^
 
Advance Member

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:

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>





#2

Mark

Mark
 
Administrator
Administrator

Posted April 23rd 2013, 8:10 pm

 
Use this as your CSS instead:
Code:
    #guestmessagemastersly1{
      font-size: 12px;
      padding: 11px 17px;
      position: fixed;
      right: 10px;
      bottom: 25px;
      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: fixed;
      right: 10px;
      bottom: 25px;
      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);
    }

:):



https://coding-spot.darkbb.com


#3

J0k3R^

J0k3R^
 
Advance Member

Posted April 23rd 2013, 8:13 pm

 
Topic Solved + Locked





#4

Mark

Mark
 
Administrator
Administrator

Posted April 23rd 2013, 8:18 pm

 
Will add the same feature soon. :D:

Since the problem is solved, i'll locked this and move to archive section.
~ Locked and Moved



https://coding-spot.darkbb.com


#5

Sponsored content


 

Posted

 





Message (Page 1 of 1)

Permissions in this forum:
You cannot reply to topics in this forum

In total there is 0 user online :: 0 Registered, 0 Hidden and 0 Guests

Users browsing this forum: None