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.

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

3 posters

Go down

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

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

WHY THIS THINGS NOT CENTERED T^T NEED HELP !!!! AttIhlT
avatar
Thronegee
New Member

Posts : 18
Reputation : 1
Language : English

http://T4pportal.forumtl.com

Back to top Go down

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

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

What do you mean? Please explain it more.
Chromo
Chromo
Forumember

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

Back to top Go down

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

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

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

https://fmdesign.forumotion.com

Back to top Go down

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

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

Where do i need to put that Code ? next to what ? Thanks..
avatar
Thronegee
New Member

Posts : 18
Reputation : 1
Language : English

http://T4pportal.forumtl.com

Back to top Go down

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

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

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

https://fmdesign.forumotion.com

Back to top Go down

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

Post by Thronegee 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 :
WHY THIS THINGS NOT CENTERED T^T NEED HELP !!!! PA06EgZ
avatar
Thronegee
New Member

Posts : 18
Reputation : 1
Language : English

http://T4pportal.forumtl.com

Back to top Go down

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

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

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

https://fmdesign.forumotion.com

Back to top Go down

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

Post by Thronegee 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..
avatar
Thronegee
New Member

Posts : 18
Reputation : 1
Language : English

http://T4pportal.forumtl.com

Back to top Go down

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

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

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

https://fmdesign.forumotion.com

Back to top Go down

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

Post by Thronegee 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 ?
avatar
Thronegee
New Member

Posts : 18
Reputation : 1
Language : English

http://T4pportal.forumtl.com

Back to top Go down

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

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

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

https://fmdesign.forumotion.com

Back to top Go down

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

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

It is showinglike this ....

why ?

SS :
WHY THIS THINGS NOT CENTERED T^T NEED HELP !!!! IGNoBLc

and theres no shadow
avatar
Thronegee
New Member

Posts : 18
Reputation : 1
Language : English

http://T4pportal.forumtl.com

Back to top Go down

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

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

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

https://fmdesign.forumotion.com

Back to top Go down

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

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

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

Posts : 18
Reputation : 1
Language : English

http://T4pportal.forumtl.com

Back to top Go down

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

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

You use the code I provided in this thread: https://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
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