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.

Warning Levels Text (How?)

View previous topic View next topic Go down

Solved Warning Levels Text (How?)

Post by J0k3R^ on May 1st 2014, 2:25 pm

Hi,
how can i make my warning bars levels made by js and css?
like the csshelp 


J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Solved Re: Warning Levels Text (How?)

Post by Ange Tuteur on May 1st 2014, 5:49 pm

You can use a text zone as the profile type and use a bbcode table to style it.

example :
100%
Instead of using a background color, to make it easy you can use a background image as the warning level along with the text.
Code:
[table style="color#FFF;text-align:center;width:175px;background:#0C0;"][tr][td]100%[/td]
[/tr]
[/table]

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Warning Levels Text (How?)

Post by J0k3R^ on May 1st 2014, 6:08 pm

is this correct?


J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Solved Re: Warning Levels Text (How?)

Post by Ange Tuteur on May 2nd 2014, 4:56 pm

Yes, just remember to force the default value so it applies to all existing membres.

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Warning Levels Text (How?)

Post by J0k3R^ on May 2nd 2014, 5:01 pm

table style="blabla" is like css? i can edit w/e i want?

J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Solved Re: Warning Levels Text (How?)

Post by Ange Tuteur on May 2nd 2014, 5:03 pm

Correct, you can also add a class to the table and modify it through your stylesheet.

Ex :
Code:
[table class="warn100"][tr][td]100%[/td][/tr][/table]

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Warning Levels Text (How?)

Post by J0k3R^ on May 2nd 2014, 6:42 pm

1. im trying to use
text-align: center; 
but its still on left side..
tried both with css and table style :O
(i pressed replace the content too)

2. how can i delete the title which says "test" ?
it was necessary filled in order to create a new profile field :S

J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Solved Re: Warning Levels Text (How?)

Post by J0k3R^ on May 3rd 2014, 6:59 pm

Bump

J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Solved Re: Warning Levels Text (How?)

Post by J0k3R^ on May 4th 2014, 8:12 pm

Bump

J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Solved Re: Warning Levels Text (How?)

Post by Ange Tuteur on May 5th 2014, 9:11 am

Try making the declaration important :
Code:
text-align:center !important;

If a field is Necessarily filled it must be filled in at registration. To remove the label change Display type to icon only.

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Warning Levels Text (How?)

Post by J0k3R^ on May 7th 2014, 4:28 pm

Code:
text-align:center !important;


didnt change it :/

J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Solved Re: Warning Levels Text (How?)

Post by Ange Tuteur on May 8th 2014, 5:03 am

If that is not working you can attempt a form of centering by padding. You just need to set the width to auto.

Ex :
Code:
element {
    color:#FFF;
    background:#85D;
     padding:0 20px;
}

Result :
Text

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Warning Levels Text (How?)

Post by J0k3R^ on May 8th 2014, 1:12 pm

im using this code for the moment...

Code:
/*New Warning Bars Levels*/
.warn100{
background: url("http://i55.servimg.com/u/f55/14/73/12/96/highli10.png") repeat-x scroll 0 -1px #7BA60D! important;
border-radius: 3px; 
color: #FFFFFF!important;
font-weight: bold;
display: block;
margin-top: 4px;
padding: 0 3px;
text-align: center !important;
}

J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Solved Re: Warning Levels Text (How?)

Post by Ange Tuteur on May 9th 2014, 1:09 am

Could you show the warnings on your forum to guests ? I cannot see

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Warning Levels Text (How?)

Post by J0k3R^ on May 9th 2014, 4:37 pm

yeah, i had selected not to be visible to guests.
anyway, i made it now, go check Smile

J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Solved Re: Warning Levels Text (How?)

Post by J0k3R^ on May 10th 2014, 5:01 pm

Bump

J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Solved Re: Warning Levels Text (How?)

Post by J0k3R^ on May 11th 2014, 2:41 pm

Bump

J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Solved Re: Warning Levels Text (How?)

Post by SLGray on May 12th 2014, 12:53 am

Please check the posted dates and time of your posts.  Your posts need to be separated by 24 hours.


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


SLGray
Administrator
Administrator

Male Posts : 35622
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Warning Levels Text (How?)

Post by J0k3R^ on May 12th 2014, 7:44 pm

sorry.. i see last bump wasnt after 24h Very Happy 


Bump

J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Solved Re: Warning Levels Text (How?)

Post by Luffy on May 12th 2014, 8:25 pm

Simply change the ".warn100" field and replace it code with this:
Code:
.warn100 {
background: url("http://i55.servimg.com/u/f55/14/73/12/96/highli10.png") repeat-x scroll 0 -1px #7BA60D!important;
border-radius: 3px;
color: #FFFFFF!important;
font-weight: bold;
display: block;
padding: 0 25px;
text-align: center !important;
}

As Ange already told you, you could simply change the padding of the code and change the 3px to 25px and it would be fixed by now!

Greetings.






Luffy
Manager
Manager

Male Posts : 4035
Reputation : 407
Language : Greek, English
Location : Greece

http://www.thinktankforum.net

Back to top Go down

Solved Re: Warning Levels Text (How?)

Post by J0k3R^ on May 12th 2014, 9:19 pm

lol yeah.. im stupid some times xD

just something last that i noticed.
do i have to create 5 different profile fields for each warning level? (5 because 100%, 75%, 50%, 25% and banned)
or what

J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Solved Re: Warning Levels Text (How?)

Post by Ange Tuteur on May 13th 2014, 1:26 pm

You can just modify the user warning, basically you have different classes for different levels. You change that class on the table to show the warning, you of course need to change the text content as well.

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Warning Levels Text (How?)

Post by J0k3R^ on May 13th 2014, 2:48 pm

okey thanks for ur help.
i made 5 different classes at css. Smile 

*Problem Solved*

J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Solved Re: Warning Levels Text (How?)

Post by Ange Tuteur on May 13th 2014, 2:56 pm

Welcome Smile

Topic solved and archived

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