Change another colour

Need help with your forum? Ask away. Remember though that there's always http://www.phpbb.com/community

Moderator: Experts

Graham
Posts: 76
Joined: Mon Oct 20, 2008 3:31 am
Location: UK
Contact:

Change another colour

Post by Graham » Tue Oct 21, 2008 10:15 am

Hi

I want to know how to change the colours of the last two bluish looking panes on my site.
One is at the top under the title and has board info stuff on it.
The other is at the bottom and has TheTeam and things on it.

Thanks
Graham

Forum: http://www.poem-n-verse.co.uk/
Last edited by DavidIQ on Tue Oct 21, 2008 10:19 am, edited 1 time in total.
Reason: Because it's easier to keep your forum URL in your posts :-)

User avatar
DavidIQ
Site Admin
Posts: 581
Joined: Thu Sep 07, 2006 4:31 pm
Location: Earth
Contact:

Re: Change another colour

Post by DavidIQ » Tue Oct 21, 2008 10:23 am

That one's easy :-)

Look for .navbar and replace "background-color: #CADCEB;" in that class with "background-color: #32CD32;"

Graham
Posts: 76
Joined: Mon Oct 20, 2008 3:31 am
Location: UK
Contact:

Re: Change another colour

Post by Graham » Tue Oct 21, 2008 10:56 am

That one's easy :-)
Oh. it would be wouldn't it! :lol:

How about this one
Can I change the order of the formatting buttons when someone starts a topic or makes a reply ?

User avatar
DavidIQ
Site Admin
Posts: 581
Joined: Thu Sep 07, 2006 4:31 pm
Location: Earth
Contact:

Re: Change another colour

Post by DavidIQ » Tue Oct 21, 2008 11:52 am

If you mean the bold, italics, underline, etc buttons that's all in posting_buttons.html. You'll find this in there:

Code: Select all

<div id="format-buttons">
	<input type="button" class="button2" accesskey="b" name="addbbcode0" value=" B " style="font-weight:bold; width: 30px" onclick="bbstyle(0)" title="{L_BBCODE_B_HELP}" />
	<input type="button" class="button2" accesskey="i" name="addbbcode2" value=" i " style="font-style:italic; width: 30px" onclick="bbstyle(2)" title="{L_BBCODE_I_HELP}" />
	<input type="button" class="button2" accesskey="u" name="addbbcode4" value=" u " style="text-decoration: underline; width: 30px" onclick="bbstyle(4)" title="{L_BBCODE_U_HELP}" />
	<!-- IF S_BBCODE_QUOTE -->
		<input type="button" class="button2" accesskey="q" name="addbbcode6" value="Quote" style="width: 50px" onclick="bbstyle(6)" title="{L_BBCODE_Q_HELP}" />
	<!-- ENDIF -->
	<input type="button" class="button2" accesskey="c" name="addbbcode8" value="Code" style="width: 40px" onclick="bbstyle(8)" title="{L_BBCODE_C_HELP}" />
	<input type="button" class="button2" accesskey="l" name="addbbcode10" value="List" style="width: 40px" onclick="bbstyle(10)" title="{L_BBCODE_L_HELP}" />
	<input type="button" class="button2" accesskey="o" name="addbbcode12" value="List=" style="width: 40px" onclick="bbstyle(12)" title="{L_BBCODE_O_HELP}" />
	<input type="button" class="button2" accesskey="t" name="addlitsitem" value="[*]" style="width: 40px" onclick="bbstyle(-1)" title="{L_BBCODE_LISTITEM_HELP}" />
	<!-- IF S_BBCODE_IMG -->
		<input type="button" class="button2" accesskey="p" name="addbbcode14" value="Img" style="width: 40px" onclick="bbstyle(14)" title="{L_BBCODE_P_HELP}" />
	<!-- ENDIF -->
	<!-- IF S_LINKS_ALLOWED -->
		<input type="button" class="button2" accesskey="w" name="addbbcode16" value="URL" style="text-decoration: underline; width: 40px" onclick="bbstyle(16)" title="{L_BBCODE_W_HELP}" />
	<!-- ENDIF -->
	<!-- IF S_BBCODE_FLASH -->
		<input type="button" class="button2" accesskey="d" name="addbbcode18" value="Flash" onclick="bbstyle(18)" title="{L_BBCODE_D_HELP}" />
	<!-- ENDIF -->
	<select name="addbbcode20" onchange="bbfontstyle('[size=' + this.form.addbbcode20.options[this.form.addbbcode20.selectedIndex].value + ']', '[/size]');this.form.addbbcode20.selectedIndex = 2;" title="{L_BBCODE_F_HELP}">
		<option value="50">{L_FONT_TINY}</option>
		<option value="85">{L_FONT_SMALL}</option>
		<option value="100" selected="selected">{L_FONT_NORMAL}</option>
		<option value="150">{L_FONT_LARGE}</option>
		<option value="200">{L_FONT_HUGE}</option>
	</select>
	<input type="button" class="button2" name="bbpalette" id="bbpalette" value="{L_FONT_COLOR}" onclick="change_palette();" title="{L_BBCODE_S_HELP}" />
	<!-- BEGIN custom_tags -->
		<input type="button" class="button2" name="addbbcode{custom_tags.BBCODE_ID}" value="{custom_tags.BBCODE_TAG}" onclick="bbstyle({custom_tags.BBCODE_ID})" title="{custom_tags.BBCODE_HELPLINE}" />
	<!-- END custom_tags -->
</div>
Each <input line is a button. Move up or down as required.

Graham
Posts: 76
Joined: Mon Oct 20, 2008 3:31 am
Location: UK
Contact:

Re: Change another colour

Post by Graham » Tue Oct 21, 2008 1:09 pm

Thanks David,

Why more people are not here I can't understand?

Just went to phpBb to find out how to delete a user, loads of topics but no simple clear answer.

Graham

User avatar
DavidIQ
Site Admin
Posts: 581
Joined: Thu Sep 07, 2006 4:31 pm
Location: Earth
Contact:

Re: Change another colour

Post by DavidIQ » Tue Oct 21, 2008 1:31 pm

That's alright...if there's too many people on here it might be a bit hard to handle.

Easiest way to delete a user would be to be signed in as admin, click on their username, click on Manage User, and at the bottom of the manage user page you'll see the delete box. Similarly you can just enter their username in the Users tab in ACP to get to the same screen.

Graham
Posts: 76
Joined: Mon Oct 20, 2008 3:31 am
Location: UK
Contact:

Re: Change another colour

Post by Graham » Tue Oct 21, 2008 2:08 pm

Hi David,

Your right, if loads turn up it bcomes a full time job with little thanks from many of them.

What's your views on this? a drop down box for a selection of font faces, think it would work?
I just copied the drop down 'font size' box code and changed it to suit 'font face' and changed the number from 20 to 22.

Code: Select all

<!--Font-->
	<select name="addbbcode22" onchange="bbfontstyle('[font face=' + this.form.addbbcode22.options[this.form.addbbcode22.selectedIndex].value + ']', '[/font]');this.form.addbbcode22.selectedIndex = 0;" title="{L_BBCODE_F_HELP}">
		<option value="Arial" selected="selected">{L_FONT_ARIAL}</option>
		<option value="Times New Roman">{L_FONT_ROMAN}</option>
		<option value="Courier">{L_FONT_COURIER}</option>
		<option value="Comic Sans MS">{L_FONT_COMIC}</option>
		<option value="Georgia">{L_FONT_GEORGIA}</option>
	</select>
	<!--/Font--> 

User avatar
DavidIQ
Site Admin
Posts: 581
Joined: Thu Sep 07, 2006 4:31 pm
Location: Earth
Contact:

Re: Change another colour

Post by DavidIQ » Tue Oct 21, 2008 4:08 pm

That won't work...but this would:

Code: Select all

   <select name="addbbcode22" onchange="bbfontstyle('[font=' + this.form.addbbcode22.options[this.form.addbbcode22.selectedIndex].value + ']', '[/font]');this.form.addbbcode22.selectedIndex = 0;" title="Font type: [font=Arial]Your Text[/font]">
      <option value="Arial" selected="selected">Arial</option>
      <option value="Times New Roman">Times New Roman</option>
      <option value="Courier">Courier</option>
      <option value="Comic Sans MS">Comic Sans MS</option>
      <option value="Georgia">Georgia</option>
   </select>
Then in the ACP click on the Posting tab and then on "Add a new BBCode". For BBCode usage put this:

Code: Select all

[font={SIMPLETEXT}]{TEXT}[/font]
HTML Replacement:

Code: Select all

<span style="font-family: {SIMPLETEXT};">{TEXT}</span>
Leave everything else alone and then click Submit.

This would be the result.
Or maybe even this.

Graham
Posts: 76
Joined: Mon Oct 20, 2008 3:31 am
Location: UK
Contact:

Re: Change another colour

Post by Graham » Tue Oct 21, 2008 6:03 pm

Hi David

Maybe that works for you but not for me :(

Pasted the code in the Posting_Buttons.html and uploaded it

Then I copied what you said in the ACP > bbcodes

I can see the drop down but when I highlight the words and click on one of the font styles nothing happens.

What Have I done, or not done this time :?

Graham

BTW Tried that Firebug, don't fully understand it all yet, but looks quite good.

User avatar
DavidIQ
Site Admin
Posts: 581
Joined: Thu Sep 07, 2006 4:31 pm
Location: Earth
Contact:

Re: Change another colour

Post by DavidIQ » Tue Oct 21, 2008 8:49 pm

Try removing the comments (<!-- Font Style -->). I gave you exactly what I put here and it worked... :?:

Graham
Posts: 76
Joined: Mon Oct 20, 2008 3:31 am
Location: UK
Contact:

Re: Change another colour

Post by Graham » Wed Oct 22, 2008 3:30 am

Morning David,

I removed the comments as you suggested but still get no change to the font.

I type a word, highlight it, click on the drop down menu and choose a style but nothing?

Then again it could be working for everyone but not for me, a bit like the banner! :lol:

Graham

User avatar
DavidIQ
Site Admin
Posts: 581
Joined: Thu Sep 07, 2006 4:31 pm
Location: Earth
Contact:

Re: Change another colour

Post by DavidIQ » Wed Oct 22, 2008 8:09 am

It's not working because there's a javascript error. That's what's tripping it up...but I'm not getting the same error from adding it to this forum... :| I'll take a look at your javascript and see what the deal is...

Graham
Posts: 76
Joined: Mon Oct 20, 2008 3:31 am
Location: UK
Contact:

Re: Change another colour

Post by Graham » Wed Oct 22, 2008 8:12 am

Thanks David,

It doesn't tell me there's an error, but it seems like my computer tells me very little,
Independent little bugger that it is! :lol:

Graham

User avatar
DavidIQ
Site Admin
Posts: 581
Joined: Thu Sep 07, 2006 4:31 pm
Location: Earth
Contact:

Re: Change another colour

Post by DavidIQ » Wed Oct 22, 2008 8:27 am

In FireFox try opening up the Error Console (Tools -> Error Console or Ctrl+Shift+J) while on your post reply page. You should see the error there.

User avatar
DavidIQ
Site Admin
Posts: 581
Joined: Thu Sep 07, 2006 4:31 pm
Location: Earth
Contact:

Re: Change another colour

Post by DavidIQ » Wed Oct 22, 2008 8:38 am

Let's try a different approach with the page element's onchange javascript. Replace that font style selector section with this:

Code: Select all

   <!-- Font Style -->
   <select name="addbbcode22" onchange="bbfontstyle('[font=' + this.options[this.selectedIndex].value + ']', '[/font]');this.selectedIndex = 0;" title="Font type: [font=Arial]Your Text[/font]">
      <option value="Arial" selected="selected">Arial</option>
      <option value="Times New Roman">Times New Roman</option>
      <option value="Courier">Courier</option>
      <option value="Comic Sans MS">Comic Sans MS</option>
      <option value="Georgia">Georgia</option>
   </select>
   <!-- /Font Style -->

Post Reply

Who is online

Users browsing this forum: No registered users and 1 guest