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.

class for quote,spoiler,code??

View previous topic View next topic Go down

Solved class for quote,spoiler,code??

Post by sasukekun on August 23rd 2013, 9:55 am

hello i want to ask Smile
where i can find class for "quote,spoiler,code ??? "
i need add some class for quote.

i try find in viewtopic body template but nothing Sad

please help me, maybe someone know where class for quote,spoiler,code..

my version phpBB2.

thanks a lot Smile

sasukekun
Forumember

Posts : 253
Reputation : 6
Language : English

Back to top Go down

Solved Re: class for quote,spoiler,code??

Post by Ange Tuteur on August 23rd 2013, 11:12 am

Hello sasukekun,

You're talking about the CSS Selectors correct? See the code boxes below for them.

Code:
Code:
.code
div.cont_code
Spoiler:
Code:
.spoiler_closed
.spoiler_content
Quote:
Code:
.quote
If you need any help on how to use them please ask. Wink

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: class for quote,spoiler,code??

Post by Cassius Dio on August 23rd 2013, 11:20 am

Hi, bye

The default classes for phpBB2 are only:
1. .code - the class of the code itself (here you can change the border, background, text color, size and others);
2. .quote - the class of the quote itself (here you can change the border, background, text color, size and others);
3. .spoiler - the class of the whole spoiler (including the "head" of it; by default - there aren't any changes in the code, but you can customize it if you want to);
4. .spoiler_content - (here you can change the border, background, text color, size and others).

Cassius Dio
Forumember

Male Posts : 581
Reputation : 79
Language : Romanian &English
Location : Yellow Submarine

http://beatles.forummo.com/

Back to top Go down

Solved Re: class for quote,spoiler,code??

Post by sasukekun on August 23rd 2013, 12:54 pm

SethC1995 wrote:Hello sasukekun,

You're talking about the CSS Selectors correct? See the code boxes below for them.

Code:
Code:
.code
div.cont_code
Spoiler:
Code:
.spoiler_closed
.spoiler_content
Quote:
Code:
.quote
If you need any help on how to use them please ask. Wink
ohh yeahh, btw where i can find that class for my template?
you know, maybe in viewtopic_body, index body or other?
coz i find on my template nothing found XD

thanks a lot Smile

cassius wrote: bye

The default classes for phpBB2 are only:
1. .code - the class of the code itself (here you can change the border, background, text color, size and others);
2. .quote - the class of the quote itself (here you can change the border, background, text color, size and others);
3. .spoiler - the class of the whole spoiler (including the "head" of it; by default - there aren't any changes in the code, but you can customize it if you want to);
4. .spoiler_content - (here you can change the border, background, text color, size and others).

where i can find on my template? Smile

thanks a lot xD

sasukekun
Forumember

Posts : 253
Reputation : 6
Language : English

Back to top Go down

Solved Re: class for quote,spoiler,code??

Post by Cassius Dio on August 23rd 2013, 1:40 pm

You don't need to find them. If you want to customize the codes, quotes and spoilers via these codes posted above you have to go to "Administration Panel ~> Display ~> Pictures and colors ~> Colors ~> CSS Stylesheet" and add the CSS codes you want. If you don't know how to edit codes, maybe these tutorials'll help you:
http://help.forumotion.com/t42099-learning-the-basic-css
http://help.forumotion.com/t5580-using-css-to-full-potential
http://help.forumotion.com/t22327-css-tutorial-for-your-forums

Cassius Dio
Forumember

Male Posts : 581
Reputation : 79
Language : Romanian &English
Location : Yellow Submarine

http://beatles.forummo.com/

Back to top Go down

Solved Re: class for quote,spoiler,code??

Post by sasukekun on August 23rd 2013, 3:26 pm

lol, you misunderstand Very Happy
now im understand about html+css and little about JS/jquery

actually my problem is want to add a class. and change the class name of the quote,
therefore I ask where is the class for quote in the template.

yeah no problem for that, thanks for reply, Smile
im very apreciate Very Happy

sasukekun
Forumember

Posts : 253
Reputation : 6
Language : English

Back to top Go down

Solved Re: class for quote,spoiler,code??

Post by Cassius Dio on August 23rd 2013, 3:54 pm

Are you sure you want to change .quote class? Changing it, all the CSS proprietes from it will disappear (background color, border, font size, color and so on).

If you want to do this, go to "Administration Panel ~> Modules ~> HTML & JAVASCRIPT ~> JavaScript codes management", creat a new code and add:
Code:
$(document).ready(function(){
$('.quote').attr('class','New class');
});
Replace "New class" with the name of the new class you want instead of .quote.
Note: Write your new class name without dot in front of it.

If you want a new class for the whole quote, code (as the .spoiler one have), add a new JavaScript code:
Code:
$(document).ready(function(){
$('.post .postbody td.quote').parent().parent().parent().addClass('fg_quote');
$('.post .postbody td.code').parent().parent().parent().addClass('fg_code');
});

Cassius Dio
Forumember

Male Posts : 581
Reputation : 79
Language : Romanian &English
Location : Yellow Submarine

http://beatles.forummo.com/

Back to top Go down

Solved Re: class for quote,spoiler,code??

Post by sasukekun on August 23rd 2013, 6:19 pm

@Cassius Dio wrote:Are you sure you want to change .quote class? Changing it, all the CSS proprietes from it will disappear (background color, border, font size, color and so on).

If you want to do this, go to "Administration Panel ~> Modules ~> HTML & JAVASCRIPT ~> JavaScript codes management", creat a new code and add:
Code:
$(document).ready(function(){
$('.quote').attr('class','New class');
});
Replace "New class" with the name of the new class you want instead of .quote.
Note: Write your new class name without dot in front of it.

If you want a new class for the whole quote, code (as the .spoiler one have), add a new JavaScript code:
Code:
$(document).ready(function(){
$('.post .postbody td.quote').parent().parent().parent().addClass('fg_quote');
$('.post .postbody td.code').parent().parent().parent().addClass('fg_code');
});
ohh yeahh, amazing tutor Very Happy
now im understand without change class by template.
This is I mean. Smile
work now Wink

thanks cassius for help me :wouhou:

sasukekun
Forumember

Posts : 253
Reputation : 6
Language : English

Back to top Go down

Solved Re: class for quote,spoiler,code??

Post by SLGray on August 23rd 2013, 7:38 pm

Is this solved?


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


SLGray
Administrator
Administrator

Male Posts : 36705
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: class for quote,spoiler,code??

Post by Cassius Dio on August 24th 2013, 7:56 am

Glad I could help. thumleft

Have a good day!

Cassius Dio
Forumember

Male Posts : 581
Reputation : 79
Language : Romanian &English
Location : Yellow Submarine

http://beatles.forummo.com/

Back to top Go down

Solved Re: class for quote,spoiler,code??

Post by sasukekun on August 26th 2013, 7:32 pm

Yeah this solved Smile

sasukekun
Forumember

Posts : 253
Reputation : 6
Language : English

Back to top Go down

Solved Re: class for quote,spoiler,code??

Post by SLGray on August 27th 2013, 12:26 am

Topic Solved & Locked


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


SLGray
Administrator
Administrator

Male Posts : 36705
Reputation : 2445
Language : English
Location : United States

http://ztwds.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