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.

Crown Issues

View previous topic View next topic Go down

Solved Crown Issues

Post by Lined on October 15th 2014, 2:04 am

Hey everyone,
this is my first time using these help forums so here it goes!

My problem today is probably not the most complicated pretty simple i think but it's something that i don't know how to do Sad. I know languages such as Java, Python, C but not in CSS and other web languages, maybe i should learn Smile.
Anyways here is the problem!

on my posts (not actually in it) but where it says who posted last and at what time my crown is on the right of my name.
How do i change that crown from the right to the left (so it appears next to my name on the left instead of the right).

Here is my current code:
Code:
a[href="/g2-owner"] {
    background: url("I'M NEW SO I CAN'T POST THE CROWN LINK BUT IT SHOULDN'T MATTER") no-repeat;
    padding-left: 19px;
    padding-top: 2px;
}

I would really appreciate replies on how to do this.

Thanks allot!


Last edited by Lined on October 15th 2014, 5:36 pm; edited 1 time in total

Lined
New Member

Posts : 8
Reputation : 1
Language : English

http://conquest317.forumotion.co.uk/

Back to top Go down

Solved Re: Crown Issues

Post by _Twisted_Mods_ on October 15th 2014, 3:20 am

try adding

align:left;

_Twisted_Mods_
Helper
Helper

Male Posts : 2020
Reputation : 299
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Solved Re: Crown Issues

Post by Ange Tuteur on October 15th 2014, 3:53 am

Hello Lined,

You can add "right" to the end of the background declaration, and change the property "padding-left", to "padding-right." Smile
Code:
a[href="/g2-owner"] {
    background: url("I'M NEW SO I CAN'T POST THE CROWN LINK BUT IT SHOULDN'T MATTER") no-repeat right;
    padding-right: 19px;
    padding-top: 2px;
}

EDIT :
Is this the right rule ? This looks like it's for the groups. ^^

Yet another EDIT :
I checked the forum on your profile. See if this is what you want : ( Ignore everything I wrote above ! Razz )
Code:
#chatbox_members a[href="/u1"], .forabg a[href="/u1"], .forumbg a[href="/u1"], .module a[href="/u1"], .page-bottom a[href="/u1"], .postprofile strong a[href="/u1"], p a[href="/u1"] {
    background:url('http://i.imgur.com/AigL7IG.png') no-repeat 0 0;
    padding-left:19px;
    padding-top:2px;
    float:left;
}

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2681
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Crown Issues

Post by Lined on October 15th 2014, 5:03 pm

Hi Ange Tuteur thank you for that. It worked but i have a follow up question if you check my forums now the crown that i just fixed which is on the left of my name now because of your code is a little too high
when i change the padding-top to 0px then on the bottom of the page where it says my name, my crown is way below and it's like in the background is there a way to have a balance of this so the crown in my post is at
0px and everything else 2px (padding-top)

Lined
New Member

Posts : 8
Reputation : 1
Language : English

http://conquest317.forumotion.co.uk/

Back to top Go down

Solved Re: Crown Issues

Post by Ange Tuteur on October 15th 2014, 5:21 pm

Hmm.. Replace the code by :
Code:
#chatbox_members a[href="/u1"], .forabg a[href="/u1"], .forumbg a[href="/u1"], .module a[href="/u1"], .page-bottom a[href="/u1"], .postprofile strong a[href="/u1"], p a[href="/u1"] {
    background:url('http://i.imgur.com/AigL7IG.png') no-repeat 0 0;
    padding-left:19px;
    padding-top:2px;
}
.lastpost a[href="/u1"] { float:left }

See if that's better. For some reason the colored usernames are being floated on the last posts. I should of only included the float on that ! Razz

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2681
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Crown Issues

Post by Lined on October 15th 2014, 5:25 pm

Razz I see what you've done but it wasn't my question but thanks it fixed the position of the name.
My question is can i change the padding-top if you take a look on my forums the last post my crown is way higher then I would like and if i lower it then at the bottom where it says registered names the crown will sink down my question is:
Can i have a different padding-top for the lastpost?

Lined
New Member

Posts : 8
Reputation : 1
Language : English

http://conquest317.forumotion.co.uk/

Back to top Go down

Solved Re: Crown Issues

Post by Ange Tuteur on October 15th 2014, 5:29 pm

Try this :
Code:
.lastpost a[href="/u1"] { padding-top:0 }

It should remove the padding top on the last post username.

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2681
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Crown Issues

Post by Lined on October 15th 2014, 5:34 pm

@Ange Tuteur wrote:Try this :
Code:
.lastpost a[href="/u1"] { padding-top:0 }

It should remove the padding top on the last post username.
Yup worked.
Thanks allot for everything, you've been great at helping.
Have a nice day

~Solved.

Lined
New Member

Posts : 8
Reputation : 1
Language : English

http://conquest317.forumotion.co.uk/

Back to top Go down

Solved Re: Crown Issues

Post by Ange Tuteur on October 15th 2014, 5:41 pm

You're welcome !

Topic archived

Have a great day. Smile

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2681
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