The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Hover Effect Text

View previous topic View next topic Go down

Solved Hover Effect Text

Post by iPur3Talent on March 25th 2013, 7:18 pm

Hello FM Support Forum,

On my forum, when you hover over a forum the background of it slightly glows and suddenly on the right side, you see the text "Merry Christmas" and it appears over the topic title on the right side of the home page. I wanted to ask if there was a way to remove this. I have posted the CSS template below to see what modifications may be needed.

Code:
#wrap {
width : 985px;
border : 1px solid #004b72;
-moz-border-radius : 8px;
-webkit-border-radius : 8px;
}

body{
background-image:url('http://i62.servimg.com/u/f62/14/52/34/74/bg10.jpg');
}

.introduction, .panel, .post {
background-color: #f8fbff;
border: 1px solid ;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-color: #ccc;
}

blockquote, blockquote blockquote, blockquote blockquote blockquote {
border-color: #9fd1ff;
background-color: #f9f9f9;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

#text_editor_textarea{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 7px;
background-color:#d0e5ff;
border: 1px solid #808080;}

#page-header #search-box {
display: none;
}

li.row:hover dd {
border-left-color: #A1A3A3;
}

li.row {
  border-top: 1px solid #A1A3A3;
  border-bottom: 0px solid #81A3C4;
  }

.row dl dd.dterm {
border-left: none;
}

ul#picture_legend {
        background-position: center;
        background-repeat: no-repeat;
        background-image: url('http://i63.servimg.com/u/f63/14/63/83/43/legend10.png');
  text-align: CENTER;
  padding: 24px 0;
  }

.icon-home{
background: url('http://i63.servimg.com/u/f63/14/63/83/43/icon_h10.gif') no-repeat left;
padding-left: 15px;}


.forabg {
  border: 1px solid #8a8a8a;
  padding: 0px 5px;
-moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
}


.forumbg {
  background-color: #;
  background-repeat: repeat-x;
  background-position: 0 0;
  border: 1px solid #8a8a8a;
  padding: 0px 5px;
  margin-bottom: 4px;
  clear: both;
-moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
    -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
 }

.navbar ul {
border : none;
}

.forabg .corners-top , .forabg .corners-bottom {
display:none;
}

.forumbg .corners-top, .forumbg .corners-bottom {display:none;}

a.mainmenu:hover img {
opacity : .5;
-khtml-opacity : 0.5;
-moz-opacity : 0.5;
filter : alpha(opacity=50);
opacity : 0.5;
}

#page-header .navbar {
background-image: url("http://i62.servimg.com/u/f62/14/52/65/41/bg310.png");
padding:0px 10px;
}

.postprofile {
color: #666666;
border-left-color: #CCC;
}

p em b a.gensmall { font-style: normal; }
p em { font-style: normal;
}

.postbody .content {
  font-size: 1.4em;
}

.content {
color: #333333;
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
}

li.row:hover {
background: url(http://i62.servimg.com/u/f62/14/52/65/41/mc10.png) 100% 100% repeat;
background-position: right;
background-repeat: no-repeat;
background-color: #F0F9FF;}

.copyright a {
color: #333 !important;
}

#page-footer .navbar{
padding-bottom: 15px;
background: url(http://i63.servimg.com/u/f63/14/73/12/96/maki10.png) no-repeat bottom right !important;}

Thank you Smile


Last edited by iPur3Talent on March 25th 2013, 7:26 pm; edited 1 time in total

iPur3Talent
Forumember

Posts : 91
Reputation : 3
Language : English

http://ultimategaming.forumotion.com/

Back to top Go down

Solved Re: Hover Effect Text

Post by Sanket on March 25th 2013, 7:22 pm


Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Hover Effect Text

Post by iPur3Talent on March 25th 2013, 7:28 pm

Ah, thank you Sanket! The code that you gave in that thread worked and I have now added it and this issue is now marked Solved!

Thanks again!

iPur3Talent
Forumember

Posts : 91
Reputation : 3
Language : English

http://ultimategaming.forumotion.com/

Back to top Go down

Solved Re: Hover Effect Text

Post by Sanket on March 25th 2013, 7:29 pm

Topic Solved & Locked

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

View previous topic View next topic Back to top


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