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

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?




avatar
Rok
Energetic

Male Posts : 6823
Reputation : 234
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;
      }
avatar
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
avatar
Rok
Energetic

Male Posts : 6823
Reputation : 234
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?
avatar
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
avatar
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
avatar
RoNo
Active Poster

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

http://bf2mercenaries.forumotion.com/

Back to top Go down

Back to top


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