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.

Space between Rank and Name

View previous topic View next topic Go down

Space between Rank and Name

Post by angel_of_night on Thu Jul 04, 2013 8:08 pm

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

Female Posts : 565
Reputation : 10
Language : portuguese

Back to top Go down

Re: Space between Rank and Name

Post by SLGray on Thu Jul 04, 2013 9:42 pm

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


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

avatar
SLGray
Administrator
Administrator

Male Posts : 38228
Reputation : 2576
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Re: Space between Rank and Name

Post by angel_of_night on Thu Jul 04, 2013 9:59 pm

avatar
angel_of_night
Forumember

Female Posts : 565
Reputation : 10
Language : portuguese

Back to top Go down

Re: Space between Rank and Name

Post by Sanket on Fri Jul 05, 2013 9:25 am

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

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

http://webartzforum.com

Back to top Go down

Re: Space between Rank and Name

Post by angel_of_night on Fri Jul 05, 2013 9:59 pm

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

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

Female Posts : 565
Reputation : 10
Language : portuguese

Back to top Go down

Re: Space between Rank and Name

Post by Richard. on Sat Jul 06, 2013 3:30 am

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

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

http://forum.phpbbonline.com/

Back to top Go down

Re: Space between Rank and Name

Post by Ultron's Vision on Sat Jul 06, 2013 4: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.
avatar
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

Re: Space between Rank and Name

Post by Sanket on Sat Jul 06, 2013 7: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?
avatar
Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

Re: Space between Rank and Name

Post by angel_of_night on Sat Jul 06, 2013 11:16 am

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


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

Female Posts : 565
Reputation : 10
Language : portuguese

Back to top Go down

Re: Space between Rank and Name

Post by Ultron's Vision on Sat Jul 06, 2013 12: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.
avatar
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

Re: Space between Rank and Name

Post by angel_of_night on Sat Jul 06, 2013 3: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:


After:
avatar
angel_of_night
Forumember

Female Posts : 565
Reputation : 10
Language : portuguese

Back to top Go down

Re: Space between Rank and Name

Post by angel_of_night on Mon Jul 08, 2013 10:45 am

Bump.
avatar
angel_of_night
Forumember

Female Posts : 565
Reputation : 10
Language : portuguese

Back to top Go down

Re: Space between Rank and Name

Post by Ultron's Vision on Mon Jul 08, 2013 5:32 pm

I'll look at your page by today, still on my mobile phone.
avatar
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

Re: Space between Rank and Name

Post by angel_of_night on Wed Jul 10, 2013 10:21 am

Bump.
avatar
angel_of_night
Forumember

Female Posts : 565
Reputation : 10
Language : portuguese

Back to top Go down

Re: Space between Rank and Name

Post by angel_of_night on Sat Jul 13, 2013 10:26 pm

Bump.
avatar
angel_of_night
Forumember

Female Posts : 565
Reputation : 10
Language : portuguese

Back to top Go down

Re: Space between Rank and Name

Post by angel_of_night on Wed Jul 17, 2013 10:45 pm

Bump.
avatar
angel_of_night
Forumember

Female Posts : 565
Reputation : 10
Language : portuguese

Back to top Go down

Re: Space between Rank and Name

Post by sasukekun on Thu Jul 18, 2013 4:42 am

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

Posts : 253
Reputation : 6
Language : English

Back to top Go down

Re: Space between Rank and Name

Post by angel_of_night on Thu Jul 18, 2013 10:21 pm

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

I am using PHPbb3...
avatar
angel_of_night
Forumember

Female Posts : 565
Reputation : 10
Language : portuguese

Back to top Go down

Re: Space between Rank and Name

Post by levy on Thu Jul 18, 2013 10: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.
avatar
levy
Hyperactive

Male Posts : 2585
Reputation : 345
Language : Romanian, English
Location : criticize artwork, not people!

http://help.forumotion.com/

Back to top Go down

Re: Space between Rank and Name

Post by angel_of_night on Thu Jul 18, 2013 11:20 pm

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 spaceConfused
I just want it to work for offline people.
avatar
angel_of_night
Forumember

Female Posts : 565
Reputation : 10
Language : portuguese

Back to top Go down

Re: Space between Rank and Name

Post by angel_of_night on Sat Jul 20, 2013 10:34 am

Bump.
avatar
angel_of_night
Forumember

Female Posts : 565
Reputation : 10
Language : portuguese

Back to top Go down

Re: Space between Rank and Name

Post by Ange Tuteur on Sat Jul 20, 2013 10: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.
avatar
Ange Tuteur
Forumaster

Male Posts : 13083
Reputation : 2758
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Re: Space between Rank and Name

Post by angel_of_night on Sat Jul 20, 2013 12: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.
avatar
angel_of_night
Forumember

Female Posts : 565
Reputation : 10
Language : portuguese

Back to top Go down

Re: Space between Rank and Name

Post by Ange Tuteur on Sun Jul 21, 2013 4: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.
avatar
Ange Tuteur
Forumaster

Male Posts : 13083
Reputation : 2758
Language : EN10, FR5
Location : Pennsylvania

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