The line over my online image
4 posters
Page 1 of 1
The line over my online image
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?
Is there any way to remove that?
Rok- Energetic
- Posts : 6823
Reputation : 234
Language : idk
Re: The line over my online image
Hey Rok... WaZaAp?!
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
Float left
Here's an example of where to place the edit (float:left)
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;
}
Re: The line over my online image
Awesome, it looks amazing now. Thanks a bunch, Rono! Keep rockin' (:
Rok- Energetic
- Posts : 6823
Reputation : 234
Language : idk
Re: The line over my online image
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
Re: The line over my online image
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
Re: The line over my online image
Rok wrote:Awesome, it looks amazing now. Thanks a bunch, Rono! Keep rockin' (:
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 |
Similar topics
» line under the name in who is online
» Who's online image
» Body line image not showing properly
» Can i get rid of blank line after image on homepage message
» Use image for Body Line Background color
» Who's online image
» Body line image not showing properly
» Can i get rid of blank line after image on homepage message
» Use image for Body Line Background color
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum