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.

WHY THIS THINGS NOT CENTERED T^T NEED HELP !!!!

View previous topic View next topic Go down

WHY THIS THINGS NOT CENTERED T^T NEED HELP !!!!

Post by Thronegee on October 24th 2013, 4:13 pm


Thronegee
New Member

Posts : 18
Reputation : 1
Language : English

http://T4pportal.forumtl.com

Back to top Go down

Re: WHY THIS THINGS NOT CENTERED T^T NEED HELP !!!!

Post by Chromo on October 24th 2013, 4:22 pm

What do you mean? Please explain it more.

Chromo
Forumember

Male Posts : 122
Reputation : 19
Language : said the Captain

Back to top Go down

Re: WHY THIS THINGS NOT CENTERED T^T NEED HELP !!!!

Post by Ange Tuteur on October 24th 2013, 5:28 pm

If you're using an image with a CSS code you will have to align it.

Use this for exact alignment:
Adjust the pixels of 'top' to change its vertical positioning.
Code:
position:relative;
top:10px;
Or this for automatic, though for large images it may not align correctly as you want it to.
Code:
vertical-align:middle;

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Re: WHY THIS THINGS NOT CENTERED T^T NEED HELP !!!!

Post by Thronegee on October 24th 2013, 5:30 pm

Where do i need to put that Code ? next to what ? Thanks..

Thronegee
New Member

Posts : 18
Reputation : 1
Language : English

http://T4pportal.forumtl.com

Back to top Go down

Re: WHY THIS THINGS NOT CENTERED T^T NEED HELP !!!!

Post by Ange Tuteur on October 24th 2013, 5:32 pm

These are CSS properties and values.

property:property value;

You place these in your CSS code.

EX:
.selector1{
CSS properties here
}

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Re: WHY THIS THINGS NOT CENTERED T^T NEED HELP !!!!

Post by Thronegee on October 24th 2013, 5:38 pm

it works but when i put the TAGS the other name in the ONLINE list didnt adjust .. it just become hide because of the TAGS..


CSS Code : *i used


a span[style="color:#FF0000"] strong:before{
content:url('IMG URL LINK');
position:relative;
top:10px;
}


then it will become like this :

Thronegee
New Member

Posts : 18
Reputation : 1
Language : English

http://T4pportal.forumtl.com

Back to top Go down

Re: WHY THIS THINGS NOT CENTERED T^T NEED HELP !!!!

Post by Ange Tuteur on October 24th 2013, 5:53 pm

Relative positioning is best with little images, since yours is big use this instead:
Code:
vertical-align:-50%;
Adjust the percent to align the image.

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Re: WHY THIS THINGS NOT CENTERED T^T NEED HELP !!!!

Post by Thronegee on October 24th 2013, 6:55 pm

I want to add some SPARKLING thing on the VIP names but i didnt know how to put it .. its not appearing..

Thronegee
New Member

Posts : 18
Reputation : 1
Language : English

http://T4pportal.forumtl.com

Back to top Go down

Re: WHY THIS THINGS NOT CENTERED T^T NEED HELP !!!!

Post by Ange Tuteur on October 24th 2013, 7:00 pm

Use this then:

This is different then the other code(it has no pseudos i.e. "::before") you just have to do the same thing. Put the group color in, and paste it into your stylesheet.

Code:
a span[style="color:#HEX COLOR HERE"] strong{
background-image:url('http://i57.servimg.com/u/f57/18/21/41/30/backro10.gif');
}
Change the background image if needed.

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Re: WHY THIS THINGS NOT CENTERED T^T NEED HELP !!!!

Post by Thronegee on October 25th 2013, 8:14 am

How to add some SHADOW? example my name is : ADMIN and i want to add some sort of shadow effect how can i do that ?

Thronegee
New Member

Posts : 18
Reputation : 1
Language : English

http://T4pportal.forumtl.com

Back to top Go down

Re: WHY THIS THINGS NOT CENTERED T^T NEED HELP !!!!

Post by Ange Tuteur on October 25th 2013, 8:46 am

Use the same code provided before except with the text-shadow property.

Code:
a span[style="color:#HEX COLOR HERE"] strong{
background-image:url('http://i57.servimg.com/u/f57/18/21/41/30/backro10.gif');
text-shadow:0px 0px 6px #f00;
}
Change the hex color to whatever you wish.

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Re: WHY THIS THINGS NOT CENTERED T^T NEED HELP !!!!

Post by Thronegee on October 25th 2013, 9:04 am

It is showinglike this ....

why ?

SS :


and theres no shadow

Thronegee
New Member

Posts : 18
Reputation : 1
Language : English

http://T4pportal.forumtl.com

Back to top Go down

Re: WHY THIS THINGS NOT CENTERED T^T NEED HELP !!!!

Post by Ange Tuteur on October 25th 2013, 9:07 am

It looks like you applied to properties to the wrong code.

You added this code correct?:

This is completely different from the tag:
Code:
a span[style="color:#HEX COLOR HERE"] strong{
background-image:url('http://i57.servimg.com/u/f57/18/21/41/30/backro10.gif');
text-shadow:0px 0px 6px #f00;
}
You need to apply your hex color of the group as before. Remove the properites from whatever code you added it too. Most likely, the '::before' code.

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Re: WHY THIS THINGS NOT CENTERED T^T NEED HELP !!!!

Post by Thronegee on October 25th 2013, 9:18 am

btw how can i make it at the same time .. with sparle ,, shadow ,, and the tags ?? how ?

Thronegee
New Member

Posts : 18
Reputation : 1
Language : English

http://T4pportal.forumtl.com

Back to top Go down

Re: WHY THIS THINGS NOT CENTERED T^T NEED HELP !!!!

Post by Ange Tuteur on October 25th 2013, 9:40 am

You use the code I provided in this thread: http://help.forumotion.com/t127861-how-to-put-tags-need-help-tthttp-iimgurcom-tri5axjpng#855103

a span[style="color:#HEX COLOR HERE"] strong:before

That makes it entirely different. Why? It adds content before anyones name who has the specified color. That means the code provided in this thread for glow/sparkle will still stay even though the other one is active as well. You can have the following:

:before | no pseudos | :after

which allows for two additions to the base element along with basic style properties.

I hope that is clear. Smile

Ange Tuteur
Forumaster

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