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 July 4th 2013, 9: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.

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 July 4th 2013, 10: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.


SLGray
Administrator
Administrator

Male Posts : 36701
Reputation : 2445
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 July 4th 2013, 10:59 pm


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 July 5th 2013, 10:25 am

So you want the space in online to be gone?

Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

Re: Space between Rank and Name

Post by angel_of_night on 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
Forumember

Female Posts : 565
Reputation : 10
Language : portuguese

Back to top Go down

Re: Space between Rank and Name

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

Hi angel, is your forum version phpbb3?

Richard.
Forumember

Male Posts : 248
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 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
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 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
ForumGuru

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

http://webartzforum.com

Back to top Go down

Re: Space between Rank and Name

Post by angel_of_night on 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.

 
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?

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


After:

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 July 8th 2013, 11:45 am

Bump.

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 July 8th 2013, 6:32 pm

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

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 July 10th 2013, 11:21 am

Bump.

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 July 13th 2013, 11:26 pm

Bump.

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 July 17th 2013, 11:45 pm

Bump.

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 July 18th 2013, 5:42 am

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

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

Female Posts : 565
Reputation : 10
Language : portuguese

Back to top Go down

Re: Space between Rank and Name

Post by levy on 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
Hyperactive

Male Posts : 2582
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 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
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 July 20th 2013, 11:34 am

Bump.

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

Male Posts : 13028
Reputation : 2704
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 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
Forumember

Female Posts : 565
Reputation : 10
Language : portuguese

Back to top Go down

Re: Space between Rank and Name

Post by Ange Tuteur on 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
Forumaster

Male Posts : 13028
Reputation : 2704
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