The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

FMChat position.

3 posters

The forum of the forums :: Miscellaneous :: Garbage

Go down

FMChat position. Empty FMChat position.

Post by TH3 R4VEN January 2nd 2013, 11:13 pm

Hey all.
I have a problem with the position of the chatbox t clicking.

FMChat position. PywwM

Codes:
Code:

    <script type="text/javascript" src="http://fmquery.forumotion.com/h1-fmchatjs"></script><div id="FMChatBase" class="chatbase" onclick="openClose()" ><span style="font-weight: bold; line-height: 2em; font-size: 11px;">ChatBox</span></div><div id="chat" style="display: none;"><iframe id="FMChat" name="FMChat" onload="FMChatLoad();" style="border: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;" src="/chatbox" width="100%" height="100%"></iframe></div>

Code:
.chatbase {
  position: fixed;
  bottom: 2px;
  right: 15px;
  background: #56A0D3;
  border: 2px solid #7BB92B;
  width: 75px;
  height: 20px;
  border-radius: 5px;
  text-align: center !important;
  cursor: pointer;
  color: #ffffff;
}
avatar
TH3 R4VEN
New Member

Posts : 4
Reputation : 1
Language : SP. EN

Back to top Go down

FMChat position. Empty Re: FMChat position.

Post by Kaizer Lee January 3rd 2013, 4:40 am

Try and see if this one would work:

Code:
.chatbase {
  position: absolute;
  bottom: 500px;
  right: 905px;
  background: #56A0D3;
  border: 2px solid #7BB92B;
  width: 75px;
  height: 20px;
  border-radius: 5px;
  text-align: center !important;
  cursor: pointer;
  color: #ffffff;
}
Kaizer Lee
Kaizer Lee
Active Poster

Female Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines

http://www.medievalchaos.net/forum

Back to top Go down

FMChat position. Empty Re: FMChat position.

Post by Akkii January 3rd 2013, 1:28 pm

Here is the css:

Code:
/*FMChat Design*/
.chatbase { /*This can be edited to your liking - (the button)*/
  position: fixed;
  bottom: 2px;
  right: 15px;
  background: #56A0D3;
  border: 2px solid #7BB92B;
  width: 75px;
  height: 20px;
  border-radius: 5px;
  text-align: center !important;
  cursor: pointer;
  color: #ffffff;
}

.chatbase:hover { /*This can be edited to your liking - (hovering over the button)*/
  border-color: #D30C3F;
  color: #000000;
}

#chat { /*This can be edited to your liking - (box surrounding the chatbox)*/
  border: 2px solid #7BB92B;
  width: 65%;
  position: fixed;
  right: 15px;
  bottom: 27px;
  height: 50%;
  border-radius: 5px;
  z-index: 1000;
}
Akkii
Akkii
Forumember

Male Posts : 710
Reputation : 107
Language : English,HTML, CSS,Photoshop,Javascript!
Location : Here on Forumotion!

http://www.csshelp.net

Back to top Go down

Back to top

- Similar topics

The forum of the forums :: Miscellaneous :: Garbage

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