The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Space between Rank and Name

+4
Richard.
Sanket
SLGray
angel_of_night
8 posters

Go down

Space between Rank and Name Empty Space between Rank and Name

Post by angel_of_night July 4th 2013, 9:08 pm

Hello.
In my forum the space between name and rank when user is online is fine.
Space between Rank and Name 28JlxQX
But when they are offline, there's no space at all.
Space between Rank and Name UUPRRHg

How to make the same space as when the user is online, to the offline mode?

Thank you.
angel_of_night
angel_of_night
Forumember

Female Posts : 565
Reputation : 10
Language : portuguese

Back to top Go down

Space between Rank and Name Empty Re: Space between Rank and Name

Post by SLGray July 4th 2013, 10:42 pm

Post a link to a topic on your forum that guests can see.


Space between Rank and Name Slgray10

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

Male Posts : 51464
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Space between Rank and Name Empty Re: Space between Rank and Name

Post by angel_of_night July 4th 2013, 10:59 pm

angel_of_night
angel_of_night
Forumember

Female Posts : 565
Reputation : 10
Language : portuguese

Back to top Go down

Space between Rank and Name Empty Re: Space between Rank and Name

Post by Sanket July 5th 2013, 10:25 am

So you want the space in online to be gone?
Sanket
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai

Back to top Go down

Space between Rank and Name Empty Re: Space between Rank and Name

Post by angel_of_night July 5th 2013, 10:59 pm

Sanket wrote:So you want the space in online to be gone?

 No, I want offline space to be added.
angel_of_night
angel_of_night
Forumember

Female Posts : 565
Reputation : 10
Language : portuguese

Back to top Go down

Space between Rank and Name Empty Re: Space between Rank and Name

Post by Richard. July 6th 2013, 4:30 am

Hi angel, is your forum version phpbb3?
Richard.
Richard.
Forumember

Male Posts : 249
Reputation : 12
Language : English,Romanian
Location : Durham, NC - USA.

http://forum.phpbbonline.com/

Back to top Go down

Space between Rank and Name Empty Re: Space between Rank and Name

Post by Ultron's Vision July 6th 2013, 5:36 am

Richard - he has already posted a link to his forum, inspecting the page should already make clear what forum version he is using Wink

As for the code, I will have a looj at what I can do on my phone.
Ultron's Vision
Ultron's Vision
Forumember

Male Posts : 634
Reputation : 45
Language : English | German | HTML | JavaScript | PHP | C++ | Perl | Java
Location : Vienna, Austria

http://duelacademy.net

Back to top Go down

Space between Rank and Name Empty Re: Space between Rank and Name

Post by Sanket July 6th 2013, 8:55 am

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?
Sanket
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai

Back to top Go down

Space between Rank and Name Empty Re: Space between Rank and Name

Post by angel_of_night July 6th 2013, 12:16 pm

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 Wink

As for the code, I will have a looj at what I can do on my phone.
She*
And yea sorry, I forgot to mention it's PHPBB3

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?
The code worked pretty fine for offline users,but also extended for online.
Space between Rank and Name YIojuWw
 
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;}
Also, this is the image Space between Rank and Name I_icon_online
---
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
angel_of_night
Forumember

Female Posts : 565
Reputation : 10
Language : portuguese

Back to top Go down

Space between Rank and Name Empty Re: Space between Rank and Name

Post by Ultron's Vision July 6th 2013, 1:10 pm

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.
Ultron's Vision
Ultron's Vision
Forumember

Male Posts : 634
Reputation : 45
Language : English | German | HTML | JavaScript | PHP | C++ | Perl | Java
Location : Vienna, Austria

http://duelacademy.net

Back to top Go down

Space between Rank and Name Empty Re: Space between Rank and Name

Post by angel_of_night July 6th 2013, 4:34 pm

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:
Space between Rank and Name 0sBnAQc

After:
Space between Rank and Name OLF1AZD
angel_of_night
angel_of_night
Forumember

Female Posts : 565
Reputation : 10
Language : portuguese

Back to top Go down

Space between Rank and Name Empty Re: Space between Rank and Name

Post by angel_of_night July 8th 2013, 11:45 am

Bump.
angel_of_night
angel_of_night
Forumember

Female Posts : 565
Reputation : 10
Language : portuguese

Back to top Go down

Space between Rank and Name Empty Re: Space between Rank and Name

Post by Ultron's Vision July 8th 2013, 6:32 pm

I'll look at your page by today, still on my mobile phone.
Ultron's Vision
Ultron's Vision
Forumember

Male Posts : 634
Reputation : 45
Language : English | German | HTML | JavaScript | PHP | C++ | Perl | Java
Location : Vienna, Austria

http://duelacademy.net

Back to top Go down

Space between Rank and Name Empty Re: Space between Rank and Name

Post by angel_of_night July 10th 2013, 11:21 am

Bump.
angel_of_night
angel_of_night
Forumember

Female Posts : 565
Reputation : 10
Language : portuguese

Back to top Go down

Space between Rank and Name Empty Re: Space between Rank and Name

Post by angel_of_night July 13th 2013, 11:26 pm

Bump.
angel_of_night
angel_of_night
Forumember

Female Posts : 565
Reputation : 10
Language : portuguese

Back to top Go down

Space between Rank and Name Empty Re: Space between Rank and Name

Post by angel_of_night July 17th 2013, 11:45 pm

Bump.
angel_of_night
angel_of_night
Forumember

Female Posts : 565
Reputation : 10
Language : portuguese

Back to top Go down

Space between Rank and Name Empty Re: Space between Rank and Name

Post by sasukekun July 18th 2013, 5:42 am

You must edit yr viewtopic body Smile
after you must edit css
sasukekun
sasukekun
Forumember

Posts : 253
Reputation : 6
Language : English

Back to top Go down

Space between Rank and Name Empty Re: Space between Rank and Name

Post by angel_of_night July 18th 2013, 11:21 pm

sasukekun wrote:You must edit yr viewtopic body Smile
after you must edit css

 I am using PHPbb3...
angel_of_night
angel_of_night
Forumember

Female Posts : 565
Reputation : 10
Language : portuguese

Back to top Go down

Space between Rank and Name Empty Re: Space between Rank and Name

Post by levy July 18th 2013, 11:27 pm

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.
levy
levy
Hyperactive

Male Posts : 2632
Reputation : 350
Language : English, Romanian
Location : Romania

https://portofolio.goodforum.net/

Back to top Go down

Space between Rank and Name Empty Re: Space between Rank and Name

Post by angel_of_night July 19th 2013, 12:20 am

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 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.

The second code could actually help, but online people will have a huge space Confused 
I just want it to work for offline people.
angel_of_night
angel_of_night
Forumember

Female Posts : 565
Reputation : 10
Language : portuguese

Back to top Go down

Space between Rank and Name Empty Re: Space between Rank and Name

Post by angel_of_night July 20th 2013, 11:34 am

Bump.
angel_of_night
angel_of_night
Forumember

Female Posts : 565
Reputation : 10
Language : portuguese

Back to top Go down

Space between Rank and Name Empty Re: Space between Rank and Name

Post by Ange Tuteur July 20th 2013, 11:52 am

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.
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Space between Rank and Name Empty Re: Space between Rank and Name

Post by angel_of_night July 20th 2013, 1:02 pm

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
angel_of_night
Forumember

Female Posts : 565
Reputation : 10
Language : portuguese

Back to top Go down

Space between Rank and Name Empty Re: Space between Rank and Name

Post by Ange Tuteur July 21st 2013, 5:50 am

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.

angel_of_night wrote:Just one more question, how to give some space between the online buttom and the Name now?
margin-top: XXpx;

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.
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Back to top

- Similar topics

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