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.

The line over my online image

View previous topic View next topic Go down

Solved The line over my online image

Post by Rok on July 15th 2010, 6:23 pm

I'm having a small issue on my forum. You know how when someone is currently online, they have a small 'online' image in their posting profile? Well, on my forum, there appears to be a vertical line going straight down our 'online' image. Here's what it looks like:



Is there any way to remove that?





Rok
Energetic

Male Posts : 6823
Reputation : 231
Language : idk

Back to top Go down

Solved Re: The line over my online image

Post by RoNo on July 15th 2010, 9:17 pm

Hey Rok... WaZaAp?! Cool

You can remove the border or float it left.

Add one of these to your Css...
Directly under the .postprofile section,
Immediately before * html .postprofile


Remove it
Code:
.postprofile {
      border-right:none;
      }

Float left
Code:
.postprofile {
      border-right:1px solid #d1f4ff;
      float:left;
      }


Here's an example of where to place the edit (float:left)
Code:
   /* Post----------------------------------------------*/
   .post {
      padding: 0 10px;
      margin-bottom: 4px;
      background-repeat: no-repeat;
      background-position: 100% 0;
      }
   *+ html .post {
      word-wrap: break-word;
      }
   * html .post {
      word-wrap: break-word;
      }
   .post ul {
      list-style-type: disc;
      }
   .postprofile {
      color: #44abe2;
      margin: 5px 0 0px 0;
      min-height: 80px;
      border-left-style: solid;
      border-left-width: 1px;
      border-color: #d1f4ff;
      width: 22%;
      float: right;
      display: inline;
      position: relative;
      }
      .postprofile {
      border-right:1px solid #d1f4ff;
      float:left;
      }      
   * html .postprofile {
      overflow: hidden;
      }
   .postprofile dd, .postprofile dt {
      line-height: 1.2em;
      margin-left: 8px;
      }
   .postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
      font-weight: bold;
      color: #0064b5;
      text-decoration: none;
      }
   .postprofile a:hover, .postprofile dt.author a:hover {
      text-decoration: underline;
      color: #59cdf7;
      }
   .vote {
      float: right;
      width: 9px;
      margin-left: 4px;
      }
   .vote .vote-button {
      text-align: center;
      font-weight: bold;
      margin-left: -1px;
      }
   .vote .vote-button a {
      text-decoration: none !important;
      }
   .vote .vote-bar {
      width: 3px;
      height: 50px;
      margin: 0 auto;
      border: 1px solid #1176ad;
      font-size: 0;
      }
   .vote .vote-no-bar {
      letter-spacing:-2px;
      margin-left:-2px;
      white-space:nowrap;
      }
   .vote .vote-bar-plus {
      background-color: #0f0;
      }
   .vote .vote-bar-minus {
      background-color: #f00;
      }

RoNo
Active Poster

Male Posts : 1270
Reputation : 135
Language : English
Location : Laguna Beach, California

http://bf2mercenaries.forumotion.com/

Back to top Go down

Solved Re: The line over my online image

Post by Rok on July 16th 2010, 12:59 am

Awesome, it looks amazing now. Thanks a bunch, Rono! Keep rockin' (: guitar

Rok
Energetic

Male Posts : 6823
Reputation : 231
Language : idk

Back to top Go down

Solved Re: The line over my online image

Post by Manya on July 16th 2010, 1:13 am

Where can i put that thing sir/ma'am? can you teach me?

Manya
Forumember

Posts : 141
Reputation : 0
Language : Tagalog,English
Location : Cagayan De Oro City

Back to top Go down

Solved Re: The line over my online image

Post by ankillien on July 16th 2010, 4:01 am

Dany. wrote:Where can i put that thing sir/ma'am? can you teach me?

You can put these codes in Admin CP > Display > Colors > CSS

ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

http://www.webartzforum.com/

Back to top Go down

Solved Re: The line over my online image

Post by RoNo on July 16th 2010, 5:46 am

@Rok wrote:Awesome, it looks amazing now. Thanks a bunch, Rono! Keep rockin' (: guitar


This topic is closed. Glad to help, Rok.

LockedRoNo
General rules
Tricks & Tips
FAQ listing
For founders who lost their passwords
About support requests by PM
Announcements & Updates

RoNo
Active Poster

Male Posts : 1270
Reputation : 135
Language : English
Location : Laguna Beach, California

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