Thoreau

[Ryan H.]

File Name: Thoreau

File Submitter: Ryan H.

File Submitted: 19 Jul 2009

File Category: Color Change Skins

Supported Versions: IP.Board 3.1.x, IP.Board 3.2.x, IP.Board 3.3.x, IP.Board 3.4.x

Thoreau is an award-winning simple and elegant skin, compatible with IP.Board 3.1 and higher.

Why Thoreau?

• It's simple and elegant.
• It's easy on your eyes, making your forum less of a headache for you and your visitors.
• It's easy to tweak, even for an amateur.
  

The skin was designed with all the latest in web standards. It uses alpha-transparency and CSS rather than messy background images, and it is tested and compatible with every major modern browser. It does not include official support for applications beside IP.Board.


There is also a dark version of Thoreau available.

here to download this file

[PSXHosting Ltd.]

Is there no chance of you supporting the IP addons for this fantastic skin?

[Ryan H.]

Beyond including the images for each component--which will happen as of the next update, which I hope to release by the end of the year--I'm afraid not. I do not own the components, and I have no plans of changing that [nor the money to do so, really]. That said, the components should work just fine either way; it just means they might not look as refined as the rest of the board, and you won't be able to ask for help with any problems you do run into.

[Ryan H.]

I've updated the skin. It's available to existing purchasers for free, and new buyers will receive it automatically.

Changes:

- Skin is now current with IPB 3.0.5
- Fixed forum rules header [Thoreau: Dark]
- Fixed author overlap in the portal
- Fixed pop-in windows overflowing the page
- Fixed style issues for profile comments
- Fixed issue with bold and italics BBCodes
- Changed invisible post/topic styles
- Changed topic prefix styles
- Changed read topic markers to be more obvious
- Changed title link color for read topics
- Added separator below forum stickies
- Added images for all official applications
- Added SLD-signature skin customizer

[magicvorlon]

Does anyone have a working demo of this? THank you.

[Olivier Turbis]

Amazing :)

[A Walk in Faith]

Hello, I bought this skin but have a question I can't seem to find.

Where do I add Fonts, and other text sizes and colors to the skin changer? Is there a template to edit somewhere I have been missing?

Thanks,
Jamie

[Ryan H.]

Hello, I bought this skin but have a question I can't seem to find.

Where do I add Fonts, and other text sizes and colors to the skin changer? Is there a template to edit somewhere I have been missing?

Thanks,

Jamie

There is a custom template under the "Other Global Templates" [?] group which contains all of the code for the popup.

[A Walk in Faith]

There is a custom template under the "Other Global Templates" [?] group which contains all of the code for the popup.

Ah, Thanks! I looked over anything with a red dot and some how missed this area! Thanks a bunch!

Jamie

[A Walk in Faith]

Question. How can I set it so a user can't change the color? I would like them to be able to set the font and size, but not the color.

I have tried removing the color option from the Other Global Options thoreau custom, but that leaves the maintitle area white(blank).

Thanks,

Jamie

[Ryan H.]

Jamie,

As far as I can remember, removing just the color options from the customize popup should not affect the code's operation, unless you changed things somewhere else as well. I can check that later tomorrow when I have a little more time available, though, if you'd like.

[A Walk in Faith]

That would be great.. It looked like it was going to work, it would flash the color, but then it disappeared, however when I clicked on the paint icon to change it and manually entered a color code, then it worked.

I also though by just removing it from the user view it would work.

Thanks for looking at this for me!

Jamie

[phpony]

A Walk in Faith, default colour and font for this skin are set either in css and in /style_images/thoreau/customizer.js.

If you had set your custom colour and removed selector bar you should also remove a link to this JavaScript file in header, or just adjust settings in it to yours.

No1 1000, thanks for this excellent skin. That's the style that IP.Board 3 should have by default ;)

[Ryan H.]

Jamie,

Try replacing the color section...

	<tr>

		<td><b>Color:</b></td>

		<td><input type="text" id="thorColor" value="#2b4f74" onkeyup="thorColor(this.value)" /></td>

	</tr>

	<tr>

		<td colspan="2">

			<a href="javascript:void(0)" style="float:left;margin:2px;" onclick="thorColorC('#000')">

			<div style="border:1px solid #000;width:13px;height:13px;background:#000;">&nbsp;</div></a> 

			<a href="javascript:void(0)" style="float:left;margin:2px;" onclick="thorColorC('#2b4f74')">

			<div style="border:1px solid #000;width:13px;height:13px;background:#2b4f74;">&nbsp;</div></a> 

			<a href="javascript:void(0)" style="float:left;margin:2px;" onclick="thorColorC('#163960')">

			<div style="border:1px solid #000;width:13px;height:13px;background:#163960;">&nbsp;</div></a> 

			<a href="javascript:void(0)" style="float:left;margin:2px;" onclick="thorColorC('#0035c0')">

			<div style="border:1px solid #000;width:13px;height:13px;background:#0035c0;">&nbsp;</div></a> 

			<a href="javascript:void(0)" style="float:left;margin:2px;" onclick="thorColorC('#089')">

			<div style="border:1px solid #000;width:13px;height:13px;background:#089;">&nbsp;</div></a> 

			<a href="javascript:void(0)" style="float:left;margin:2px;" onclick="thorColorC('#2c2')">

			<div style="border:1px solid #000;width:13px;height:13px;background:#2c2;">&nbsp;</div></a> 

			<a href="javascript:void(0)" style="float:left;margin:2px;" onclick="thorColorC('#040')">

			<div style="border:1px solid #000;width:13px;height:13px;background:#040;">&nbsp;</div></a> 

			<a href="javascript:void(0)" style="float:left;margin:2px;" onclick="thorColorC('#f55')">

			<div style="border:1px solid #000;width:13px;height:13px;background:#f55;">&nbsp;</div></a> 

			<a href="javascript:void(0)" style="float:left;margin:2px;" onclick="thorColorC('#cb0000')">

			<div style="border:1px solid #000;width:13px;height:13px;background:#cb0000;">&nbsp;</div></a> 

			<a href="javascript:void(0)" style="float:left;margin:2px;" onclick="thorColorC('#511')">

			<div style="border:1px solid #000;width:13px;height:13px;background:#511;">&nbsp;</div></a> 

			<a href="javascript:void(0)" style="float:left;margin:2px;" onclick="thorColorC('#603916')">

			<div style="border:1px solid #000;width:13px;height:13px;background:#603916;">&nbsp;</div></a> 

			<a href="javascript:void(0)" style="float:left;margin:2px;" onclick="thorColorC('#c60')">

			<div style="border:1px solid #000;width:13px;height:13px;background:#c60;">&nbsp;</div></a>

			<br />&nbsp;

		</td>

	</tr>

...with this: [Replace the default value if you'd like; I don't know whether it will actually affect anything.]

<input type="hidden" id="thorColor" value="#2b4f74" />

The only thing I can figure is there's something in the code that doesn't like that form element going missing. [That, or you have a messy cookie--hitting the reset button should fix that if that's the case.]

[Ryan H.]

This skin is now updated to work with IPB version 3.1.

[rbiss]

The skin is very nice. The challenge I have is making blogs format properly in IE. Until I can make that work I can't really release it to members. The biggest issue is anything with both left and right blocks, as well as the option drop down button. The menu goes behind the right block column.

[Ryan H.]

The skin is very nice. The challenge I have is making blogs format properly in IE. Until I can make that work I can't really release it to members. The biggest issue is anything with both left and right blocks, as well as the option drop down button. The menu goes behind the right block column.

The skin doesn't officially support IP.Blog, but if you can link me to the page I'll try to see if there's a simple fix you can apply for that.

[Ryan H.]

Updated for compatibility with IP.Board 3.2. As before, official support is not included for any other applications, but general compatibility should be greatly improved on account of style changes in 3.2.

On account of time restraints, I decided not to include the customizer tool in this release. I'll reconsider and reevaluate it in the future.

There may be lingering issues or sections I missed, but I'm not aware of any.

[HighlanderX]

Bought both light and dark... very nice

site

fiebrex.com

Need to fix viewing through the iPad... the tabs do not display or display on a wrong side... Other skins display just fine. This is happening on both light and dark skins.

[Ryan H.]

It looks fine in the latest versions of Safari and Chrome, which use the same rendering engine as iOS. I don't own or have access to an iPad to test it on that device.

[Brian Garcia]

I just viewed it on an iPad and it looks the same on my desktop version, nothing wrong.

[magicvorlon]

Hello,

I decided to purchase this skin, love the simplicity design and layout plus I used an earlier version on an older forum a few years ago.

I have looked high and low and cannot find how to change the .maintitle background, ie the blue gradient effect and also the blue gradient background on the title area of the side bar, it doesn't seem to be in the normal place within the css!

I notice it has a colour picker, but can this be disabled so I can just have a permanent colour for the above? I didn't want members to have this option.

[Ryan H.]

Hello,

I decided to purchase this skin, love the simplicity design and layout plus I used an earlier version on an older forum a few years ago.

I have looked high and low and cannot find how to change the .maintitle background, ie the blue gradient effect and also the blue gradient background on the title area of the side bar, it doesn't seem to be in the normal place within the css!

I notice it has a colour picker, but can this be disabled so I can just have a permanent colour for the above? I didn't want members to have this option.

The default color for that is overridden by the colorpicker JS--it's set through there each time the page loads. That file should be at ./public/style_images/[skin id]/customizer.js, and the color is set toward the top.

As for disabling the customizing options, you would have to edit the globalTemplate template bit and remove the popup link.

[magickosh]

Thank you, worked perfect. I just needed to find where to change the same thing for the "sliding" side hook (where the latest posts etc go)? I am used to looking for the background images in the css, like the older Invision used more often. Thanks again.

[Ryan H.]

I'm not familiar with that hook. If it's a third party thing, you'll have to ask the author. Most likely, it adds a custom template bit somewhere that you can modify.