Space between Rank and Name
+4
Richard.
Sanket
SLGray
angel_of_night
8 posters
Page 1 of 1
Space between Rank and Name
Hello.
In my forum the space between name and rank when user is online is fine.
But when they are offline, there's no space at all.
How to make the same space as when the user is online, to the offline mode?
Thank you.
In my forum the space between name and rank when user is online is fine.
But when they are offline, there's no space at all.
How to make the same space as when the user is online, to the offline mode?
Thank you.
angel_of_night- Forumember
- Posts : 565
Reputation : 10
Language : portuguese
Re: Space between Rank and Name
Post a link to a topic on your forum that guests can see.
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
angel_of_night- Forumember
- Posts : 565
Reputation : 10
Language : portuguese
Re: Space between Rank and Name
So you want the space in online to be gone?
Sanket- ForumGuru
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
Re: Space between Rank and Name
Sanket wrote:So you want the space in online to be gone?
No, I want offline space to be added.
angel_of_night- Forumember
- Posts : 565
Reputation : 10
Language : portuguese
Re: Space between Rank and Name
Richard - he has already posted a link to his forum, inspecting the page should already make clear what forum version he is using
As for the code, I will have a looj at what I can do on my phone.
As for the code, I will have a looj at what I can do on my phone.
Re: Space between Rank and Name
Add this to your css & check if it changes anything.
Can you post the online icon image here?
- Code:
.postprofile dl dd img {
margin-top: 11px !important;
}
Can you post the online icon image here?
Sanket- ForumGuru
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
Re: Space between Rank and Name
She*Ultron's Vision wrote:Richard - he has already posted a link to his forum, inspecting the page should already make clear what forum version he is using
As for the code, I will have a looj at what I can do on my phone.
And yea sorry, I forgot to mention it's PHPBB3
The code worked pretty fine for offline users,but also extended for online.Sanket wrote:Add this to your css & check if it changes anything.
- Code:
.postprofile dl dd img {
margin-top: 11px !important;
}
Can you post the online icon image here?
I forgot to mention, the code I am using for the online buttom is this one:
- Code:
.LG-viewing { margin: 0 5px; font-weight: normal; color: #757373; }
.online {background-image:none;}
.online .postprofile dt {
margin-bottom: 10px;
padding-bottom: 17px;
background-image: url(http://hitskin.com/themes/18/19/36/i_icon_online.png);
background-position: 0% 100%; background-repeat: no-repeat;}
---
EDIT: Nevermind, I know how to do it.
I changed margin-bottom: 0px; and now works fine.
Just one more question, how to give some space between the online buttom and the Name now?
angel_of_night- Forumember
- Posts : 565
Reputation : 10
Language : portuguese
Re: Space between Rank and Name
Try this.
Try deleting the * if the code doesn't work.
- Code:
.postprofile * img[src="http://hitskin.com/themes/18/19/36/i_icon_online.png"] {
margin-top: 6px;
}
Try deleting the * if the code doesn't work.
Re: Space between Rank and Name
Ultron's Vision wrote:Try this.
- Code:
.postprofile * img[src="http://hitskin.com/themes/18/19/36/i_icon_online.png"] {
margin-top: 6px;
}
Try deleting the * if the code doesn't work.
Didn't work.
EDIT: Nevermind, I realized the previous code also messes up with the profile icons.
This one:
- Code:
.postprofile dl dd img {
margin-top: 11px !important;
}
Before:
After:
angel_of_night- Forumember
- Posts : 565
Reputation : 10
Language : portuguese
angel_of_night- Forumember
- Posts : 565
Reputation : 10
Language : portuguese
angel_of_night- Forumember
- Posts : 565
Reputation : 10
Language : portuguese
angel_of_night- Forumember
- Posts : 565
Reputation : 10
Language : portuguese
angel_of_night- Forumember
- Posts : 565
Reputation : 10
Language : portuguese
Re: Space between Rank and Name
You must edit yr viewtopic body
after you must edit css
after you must edit css
sasukekun- Forumember
- Posts : 253
Reputation : 6
Language : English
Re: Space between Rank and Name
sasukekun wrote:You must edit yr viewtopic body
after you must edit css
I am using PHPbb3...
angel_of_night- Forumember
- Posts : 565
Reputation : 10
Language : portuguese
Re: Space between Rank and Name
- Code:
.postprofile dl dd img{
margin-top: 5px;
}
If this don't work , go at your rank and do something like that :
- Code:
<span style="color:transparent;">RANK TITLE HERE</span
Edit only their title with this or whatever ,this is hidden.
Re: Space between Rank and Name
The problem with the first code is that it also makes spaces between Profiles, and I don't wait it. I just want space between ranks.candy_fear wrote:
- Code:
.postprofile dl dd img{
margin-top: 5px;
}
If this don't work , go at your rank and do something like that :
- Code:
<span style="color:transparent;">RANK TITLE HERE</span
Edit only their title with this or whatever ,this is hidden.
The second code could actually help, but online people will have a huge space
I just want it to work for offline people.
angel_of_night- Forumember
- Posts : 565
Reputation : 10
Language : portuguese
angel_of_night- Forumember
- Posts : 565
Reputation : 10
Language : portuguese
Re: Space between Rank and Name
You have a few solutions which I'll list below..
.1 ) Place <br />(line break) in front of the rank title in every rank.
.2 ) Edit each rank image leaving a medium transparent space at the top.
.3 ) Create a hook in the rank title of every rank and apply changes via CSS.
Looking at your forum there really isn't much I can utilize below the username. Sorry if what I provided is unhelpful, but I thought I would give some ideas.
.1 ) Place <br />(line break) in front of the rank title in every rank.
.2 ) Edit each rank image leaving a medium transparent space at the top.
.3 ) Create a hook in the rank title of every rank and apply changes via CSS.
Looking at your forum there really isn't much I can utilize below the username. Sorry if what I provided is unhelpful, but I thought I would give some ideas.
Re: Space between Rank and Name
SethC1995 wrote:You have a few solutions which I'll list below..
.1 ) Place <br />(line break) in front of the rank title in every rank.
.2 ) Edit each rank image leaving a medium transparent space at the top.
.3 ) Create a hook in the rank title of every rank and apply changes via CSS.
Looking at your forum there really isn't much I can utilize below the username. Sorry if what I provided is unhelpful, but I thought I would give some ideas.
Thanks for the ideas, but like I said, if I do that, the online user space ranks will be huge.
angel_of_night- Forumember
- Posts : 565
Reputation : 10
Language : portuguese
Re: Space between Rank and Name
If that is the case, why not try and modify/remove the margin of the online image? That way the space is only applied via the rank and not what you have placed in your CSS.
From what you've been saying in this thread it looks like all you need to modify is: margin-top, margin-right, margin-left. Top for the name spacing, right/left for whatever misc spacing you're adding. If the image does not apply the margin in the correct direction use a negative value. (-1) If you remove margin-bottom then you shouldn't really have a 'big space' between online and rank.
Then all you really need to do is use the solutions provided above by us.
margin-top: XXpx;angel_of_night wrote:Just one more question, how to give some space between the online buttom and the Name now?
From what you've been saying in this thread it looks like all you need to modify is: margin-top, margin-right, margin-left. Top for the name spacing, right/left for whatever misc spacing you're adding. If the image does not apply the margin in the correct direction use a negative value. (-1) If you remove margin-bottom then you shouldn't really have a 'big space' between online and rank.
Then all you really need to do is use the solutions provided above by us.
Similar topics
» space between rank & avatar
» Remove blank space between rank buttons
» Rank icon and Points/Reputation space gap
» Centering the Avatar on Posts and Creating a Space Below Rank Images
» Rank Adimistration[ Rank Picture dont show? ]
» Remove blank space between rank buttons
» Rank icon and Points/Reputation space gap
» Centering the Avatar on Posts and Creating a Space Below Rank Images
» Rank Adimistration[ Rank Picture dont show? ]
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum