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.

Online Icon overlapping post text

View previous topic View next topic Go down

Solved Online Icon overlapping post text

Post by dwarmij on August 5th 2013, 8:21 am

The icon on my forum that shows a user is online in posts is overlapping the post text. I was wondering if someone could give me some help with this. Below is an image of what I'm talking about. It's noticeable in the second post.


dwarmij
New Member

Posts : 7
Reputation : 1
Language : english

Back to top Go down

Solved Re: Online Icon overlapping post text

Post by E-Mark on August 5th 2013, 11:54 am

Hi, can you go online on your forum, so i can check it. Smile

E-Mark
Active Poster

Male Posts : 1389
Reputation : 164
Language : English, Tagalog
Location : Republic of the Philippines

http://coding-spot.darkbb.com/

Back to top Go down

Solved Re: Online Icon overlapping post text

Post by Sir. Mayo on August 5th 2013, 5:48 pm

Can you Paste your CSS in a reply please that is if you have anything in there! As well as your forum type please!

Sir. Mayo
Forumember

Male Posts : 963
Reputation : 85
Language : English, Some french.
Location : Working 11Pm-7Am EST I will try to respond ASAP

http://sir-mayo.forumotion.com/

Back to top Go down

Solved Re: Online Icon overlapping post text

Post by dwarmij on August 6th 2013, 6:32 am

Sorry, I should have known to do this. It's a phpbb3 forum. here's the css.

Code:
#search{
display:none;
}

#wrap {

background-repeat: repeat-x;
background-image: url('http://i60.servimg.com/u/f60/14/70/09/25/gradie16.png');

-moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
 border-radius: 10px;

   
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
}
.inputbox {
   
    border: 1px solid #BCBCBC;
   color: #ffffff;
   padding: 2px;
   cursor: text;
-moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;

   }
#text_editor_controls a.button2,#text_editor_controls input.button2,#text_editor_controls button.button2{
background-image: url(http://illiweb.com/fa/prosilver/bg_button.gif);
color: black;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 3px;}

.inputbox:hover {

    border: 1px solid #BCBCBC;
-moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
border-color: #111010;
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
    }
input.button1, input.button2, button.button2 {
    font-size: 1em;
-moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
    }
fieldset dl {
   padding: 4px 0;
-moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
   }
fieldset.fields1 dt {
   width: 10em;
   border-right-width: 0;
-moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
   }
fieldset.submit-buttons {
   text-align: center;
   vertical-align: middle;
   margin: 5px 0;
-moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
   }

.navbar {
   clear: both;
   background-image: url('http://i60.servimg.com/u/f60/14/70/09/25/gradie14.png');
   padding:0px 10px;
border: 1px solid #101010;
background-repeat: repeat-x;
-moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
background-color: #170d0d;

  -o-transition: background-color 0.2s linear;
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
   }
dl.codebox {
   padding: 3px;
   background-color: #FFFFFF;
   border: 1px solid #C9D2D8;
   font-size: 1em;
-moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
border: 1px solid #101010;
   }
.forabg {
background-color: #170d0d;
   margin-bottom: 4px;
   clear: both;
   border: 2px solid #;
   padding: 0px 5px;
-moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
border: 1px solid #101010;
background-image: url('http://i60.servimg.com/u/f60/14/70/09/25/gradie14.png');
-o-transition: background-color 0.2s linear;
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
   }
.forumbg {
   background-color: #170d0d;
background-image: url('http://i60.servimg.com/u/f60/14/70/09/25/gradie14.png');
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
-o-transition: background-color 0.2s linear;
   border: 2px solid #;
   padding: 0px 5px;
   margin-bottom: 4px;
   clear: both;
-moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
border: 1px solid #101010;


   }
.panel {
   margin-bottom: 4px;
   padding: 0px 10px;
   background-image: url('http://i60.servimg.com/u/f60/14/70/09/25/gradie14.png');
border: 1px solid #101010;   
background-repeat: repeat-x;
-moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
background-color: #170d0d;
border: 1px solid #101010;
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
   }
.post {
   padding: 0 10px;
   margin-bottom: 4px;
   background-repeat: no-repeat;
   background-position: 100% 0;
-moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;

background-color: #170d0d;
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
   }
.postprofile {
   color: #ffffff;
   margin: 5px 0 0px 0;
   min-height: 80px;
   border-right-style: solid;
   border-right-width: 1px;
   border-color: transparent;
   width: 22%;
   float: left;
   display: inline;
   position: relative;
-moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
   }
#cp-main {
   float: left;
   width: 98%;
   margin-left: 20px;
-moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
   }
#cp-main .panel {
   
-moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
   }
#cp-main table.table1 {
   margin-bottom: 1em;
-moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
   }
#ucp-main table.table1 {
   padding: 2px;
-moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
   }
#tabs {
   line-height: normal;
   margin: 20px 0 -1px 7px;
-moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
   
/*min-width: 570px;
   */
}
#smiley-box {
   
-moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
   }

ul.profile-icons {
   margin-top: 10px;
   list-style: none;
-moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
   }
#message-box textarea {
   
-moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
   }
.module {
   background-image: url('http://i60.servimg.com/u/f60/14/70/09/25/gradie14.png');
border: 1px solid #101010;   
background-repeat: repeat-x;
-moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
background-color: #170d0d;
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
   }

.signature {
   
-moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
border-color: #111010;

   }
body.chatbox {

 
background-image: url('http://i60.servimg.com/u/f60/14/70/09/25/body-r10.png');

   }

/* Login Popup---------------------------------------------------*/
#login_popup {
background-color: #170d0d;
-moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
background-image: url('http://i60.servimg.com/u/f60/14/70/09/25/gradie14.png') ;
border: 1px solid #101010;
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;   
}


select {
  color: #FFFFFF;
}

dwarmij
New Member

Posts : 7
Reputation : 1
Language : english

Back to top Go down

Solved Re: Online Icon overlapping post text

Post by dwarmij on August 6th 2013, 7:24 am

Solved this myself. The image is the wrong size and angle. I made a new one based on the standard subsilver image set and it works fine. Case closed.

dwarmij
New Member

Posts : 7
Reputation : 1
Language : english

Back to top Go down

Solved Re: Online Icon overlapping post text

Post by SLGray on August 6th 2013, 7:39 pm

Topic Solved & Locked


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


SLGray
Administrator
Administrator

Male Posts : 35659
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.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