Chat Border and Grayscale Question

Go down

In progress Chat Border and Grayscale Question

Post by Akeno1 on July 13th 2013, 3:37 am

Question 1.

How do I get rid of this red border.
https://i.imgur.com/ZxktdOX.png
Here's the code for it:
Code:
  <style type="text/css">
/*<![CDATA[*/
  div.c4 {z-index: 10000; position: fixed; bottom: -5pt; right: -5pt;}
  iframe.c3 {width: 850px; height: 350px; display: none; border-top: 3px solid rgb(148, 11, 11); border-left: 3px solid rgb(148, 11, 11); border-bottom: 10px solid rgb(148, 11, 11); border-right: 10px solid rgb(148, 11, 11);}
  div.c2 {font-size: 12px; font-family: 'trebuchet ms',serif; cursor: pointer; padding: 3px;}
  span.c1 {color: skyblue;}
  /*]]>*/
  </style>

  <div id="chatbox_ret_cont" onmouseout="" onclick="" onmousever="" class="c4">
    <div onclick=
    "(document.getElementById('chatbox_ret').style.display=='block')?my_setcookie('chatbox_ret','0',0,0):my_setcookie('chatbox_ret','1',1,0); $('#chatbox_ret').toggle('normal');"
    class="c2">
      <img src="http://i43.tinypic.com/qrhog5.png" />
    </div>
<iframe scrolling="no" frameborder=".1" onload=
    "if(cb_new) { cb_start(); cb_new=0; };" class="c3" marginheight="0" marginwidth="0"
    name="chatbox_ret" id="chatbox_ret" src="/chatbox/index.forum"></iframe>
  </div>

Question 2.
How do I reverse a Gray Scale? Like make it so that it turns gray on mouseover.
avatar
Akeno1
Forumember

Male Posts : 55
Reputation : 1
Language : English

http://mistvalleyacademy.forumotion.com/

Back to top Go down

In progress Re: Chat Border and Grayscale Question

Post by SLGray on July 13th 2013, 7:42 am

This is the border parts:
Code:
border-top: 3px solid rgb(148, 11, 11); border-left: 3px solid rgb(148, 11, 11); border-bottom: 10px solid rgb(148, 11, 11); border-right: 10px solid rgb(148, 11, 11);}
Color:
Code:
rgb(148, 11, 11)


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 43471
Reputation : 3086
Language : English
Location : United States

http://fmthemesdesignteam.forumotion.com/

Back to top Go down

In progress Re: Chat Border and Grayscale Question

Post by levy on July 13th 2013, 12:28 pm

For reverse it is very simple , you need only a hover , I will use the who is online image for example ,

Code:
.img-whois:hover{
-webkit-filter: grayscale(1);
filter: gray;
}

Just replace .img-whois with your image Wink

and for chatbox , repace the code with this :

Code:
  <style type="text/css">
/*<![CDATA[*/
  div.c4 {z-index: 10000; position: fixed; bottom: -5pt; right: -5pt;}
  iframe.c3 {width: 850px; height: 350px; display: none; }
  div.c2 {font-size: 12px; font-family: 'trebuchet ms',serif; cursor: pointer; padding: 3px;}
  span.c1 {color: skyblue;}
  /*]]>*/
  </style>

  <div id="chatbox_ret_cont" onmouseout="" onclick="" onmousever="" class="c4">
    <div onclick=
    "(document.getElementById('chatbox_ret').style.display=='block')?my_setcookie('chatbox_ret','0',0,0):my_setcookie('chatbox_ret','1',1,0); $('#chatbox_ret').toggle('normal');"
    class="c2">
      <img src="http://i43.tinypic.com/qrhog5.png" />
    </div>
<iframe scrolling="no" frameborder=".1" onload=
    "if(cb_new) { cb_start(); cb_new=0; };" class="c3" marginheight="0" marginwidth="0"
    name="chatbox_ret" id="chatbox_ret" src="/chatbox/index.forum"></iframe>
  </div>
avatar
levy
Hyperactive

Male Posts : 2587
Reputation : 346
Language : Romanian, English
Location : criticize artwork, not people!

https://help.forumotion.com/

Back to top Go down

Back to top


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