Making your own Theme - Revision history

Dinsley at 22:11, 16 November 2010

2010-11-16T22:11:39Z

← Older revision		Revision as of 15:11, 16 November 2010
Line 1:		Line 1:
	~~__TOC__~~

	This article is intended to help you understand what you can do when creating a theme for website builder . At the minimum, a website builder theme consists of a default layout (called default.html) and a directory named assets which contains all the images, css, javascript, flash, etc. [[Making_your_own_Theme_using_Multiple_Layouts\|Multiple layouts]] can be created simply by making new html files.		This article is intended to help you understand what you can do when creating a theme for website builder . At the minimum, a website builder theme consists of a default layout (called default.html) and a directory named assets which contains all the images, css, javascript, flash, etc. [[Making_your_own_Theme_using_Multiple_Layouts\|Multiple layouts]] can be created simply by making new html files.

Dinsley: /* Other Notes */

2010-11-16T22:10:59Z

Other Notes

← Older revision		Revision as of 15:10, 16 November 2010
Line 82:		Line 82:
	* Any content inside any of these elements will be replaced, so feel free to put placeholder content in to assist you in designing your theme!		* Any content inside any of these elements will be replaced, so feel free to put placeholder content in to assist you in designing your theme!

	~~==Other Notes==~~


	====Assets ~~- Images, CSS, Flash, Javascript, etc.==~~==		==Assets==

	You can use whatever you want to make your website how you want it - the only rule is that these files have to reside inside the 'assets' folder. that's it!		You can use whatever you want to make your website how you want it - the only rule is that these files have to reside inside the 'assets' folder. that's it!
Line 93:		Line 91:
	Link to them relatively (src='assets/file.jpg') to make it easier for you to work on locally, and we will fix them to be absolute when the theme is uploaded to ensure everything works with nested pages.		Link to them relatively (src='assets/file.jpg') to make it easier for you to work on locally, and we will fix them to be absolute when the theme is uploaded to ensure everything works with nested pages.

	====Base Stylesheet====		==Base Stylesheet==

	A 'base' stylesheet will be always be included which contains some basic CSS declarations for some very basic styling of various elements (form elements with errors, various component-specific stuff, etc.).		A 'base' stylesheet will be always be included which contains some basic CSS declarations for some very basic styling of various elements (form elements with errors, various component-specific stuff, etc).


	This will always be inserted before your stylesheets to ensure you can override anything you need.		This will always be inserted before your stylesheets to ensure you can override anything you need.
Line 102:		Line 99:
	You can view it at: http://builderexample.com/stylesheets/base.css		You can view it at: http://builderexample.com/stylesheets/base.css

	====Titles and Headings====		==Titles and Headings==

	When titles and headings are inserted they will be wrapped in a span. The span will not appear if there is not title set, which allows you to style things differently if text has been omitted - but still giving you an element that always appears in that location regardless of the text being empty or not. (Useful for rounded corners, graphical boxes around components, etc.)		When titles and headings are inserted they will be wrapped in a span. The span will not appear if there is not title set, which allows you to style things differently if text has been omitted - but still giving you an element that always appears in that location regardless of the text being empty or not. (Useful for rounded corners, graphical boxes around components, etc.)

	==~~==Further Reading==~~==		==Installing==

	~~More information is available on~~ the [[~~Creating Website Builder Themes~~]] ~~page~~.		When you are ready to upload your custom theme, please see the [[Installing Your Theme]] article.

	==~~=Installing=~~==		==Further Reading==

	~~When you are ready to upload your custom theme, please see~~ the [[~~Installing Your Theme~~]] ~~article~~.		More information is available on the [[Creating Website Builder Themes]] page.

	[[Category:Creating Website Builder Themes]]		[[Category:Creating Website Builder Themes]]

Dinsley: /* Other Notes */

2010-11-16T22:09:49Z

Other Notes

← Older revision		Revision as of 15:09, 16 November 2010
Line 82:		Line 82:
	* Any content inside any of these elements will be replaced, so feel free to put placeholder content in to assist you in designing your theme!		* Any content inside any of these elements will be replaced, so feel free to put placeholder content in to assist you in designing your theme!

	===Other Notes===		==Other Notes==

Dinsley: /* Content Replacement Rules */

2010-11-16T22:09:32Z

Content Replacement Rules

← Older revision		Revision as of 15:09, 16 November 2010
Line 3:		Line 3:
	This article is intended to help you understand what you can do when creating a theme for website builder . At the minimum, a website builder theme consists of a default layout (called default.html) and a directory named assets which contains all the images, css, javascript, flash, etc. [[Making_your_own_Theme_using_Multiple_Layouts\|Multiple layouts]] can be created simply by making new html files.		This article is intended to help you understand what you can do when creating a theme for website builder . At the minimum, a website builder theme consists of a default layout (called default.html) and a directory named assets which contains all the images, css, javascript, flash, etc. [[Making_your_own_Theme_using_Multiple_Layouts\|Multiple layouts]] can be created simply by making new html files.

	===Content Replacement Rules===		==Content Replacement Rules==


	Content replacement is done by using some simple CSS selectors. (http://www.w3.org/TR/REC-CSS2/selector.html)		Content replacement is done by using some simple CSS selectors. (http://www.w3.org/TR/REC-CSS2/selector.html)

Dinsley at 21:24, 15 November 2010

2010-11-15T21:24:16Z

← Older revision		Revision as of 14:24, 15 November 2010
Line 115:		Line 115:
	When you are ready to upload your custom theme, please see the [[Installing Your Theme]] article.		When you are ready to upload your custom theme, please see the [[Installing Your Theme]] article.

	[[Category:Creating ~~website builder~~ Themes]]		[[Category:Creating Website Builder Themes]]

Dinsley: Text replace - "Web-Builder" to "website builder"

2010-11-15T19:49:44Z

Text replace - "Web-Builder" to "website builder"

← Older revision		Revision as of 12:49, 15 November 2010
Line 1:		Line 1:
	__TOC__		__TOC__

	This article is intended to help you understand what you can do when creating a theme for ~~Web-Builder~~ . At the minimum, a website builder theme consists of a default layout (called default.html) and a directory named assets which contains all the images, css, javascript, flash, etc. [[Making_your_own_Theme_using_Multiple_Layouts\|Multiple layouts]] can be created simply by making new html files.		This article is intended to help you understand what you can do when creating a theme for website builder . At the minimum, a website builder theme consists of a default layout (called default.html) and a directory named assets which contains all the images, css, javascript, flash, etc. [[Making_your_own_Theme_using_Multiple_Layouts\|Multiple layouts]] can be created simply by making new html files.

	===Content Replacement Rules===		===Content Replacement Rules===
Line 115:		Line 115:
	When you are ready to upload your custom theme, please see the [[Installing Your Theme]] article.		When you are ready to upload your custom theme, please see the [[Installing Your Theme]] article.

	[[Category:Creating ~~Web-Builder~~ Themes]]		[[Category:Creating website builder Themes]]

Dinsley at 18:47, 15 November 2010

2010-11-15T18:47:14Z

← Older revision		Revision as of 11:47, 15 November 2010
Line 1:		Line 1:
	__TOC__		__TOC__

	This article is intended to help you understand what you can do when creating a theme for Web-Builder . At the minimum, a ~~Web-Builder~~ theme consists of a default layout (called default.html) and a directory named assets which contains all the images, css, javascript, flash, etc. [[Making_your_own_Theme_using_Multiple_Layouts\|Multiple layouts]] can be created simply by making new html files.		This article is intended to help you understand what you can do when creating a theme for Web-Builder . At the minimum, a website builder theme consists of a default layout (called default.html) and a directory named assets which contains all the images, css, javascript, flash, etc. [[Making_your_own_Theme_using_Multiple_Layouts\|Multiple layouts]] can be created simply by making new html files.

	===Content Replacement Rules===		===Content Replacement Rules===
Line 109:		Line 109:
	====Further Reading====		====Further Reading====

	More information is available on the [[Creating ~~Web-~~Builder Themes]] page.		More information is available on the [[Creating Website Builder Themes]] page.

	===Installing===		===Installing===

Dinsley: /* Base Stylesheet */

2010-10-12T23:12:28Z

Base Stylesheet

← Older revision		Revision as of 16:12, 12 October 2010
Line 101:		Line 101:
	This will always be inserted before your stylesheets to ensure you can override anything you need.		This will always be inserted before your stylesheets to ensure you can override anything you need.

	You can view it at: http://~~blog.viviti~~.com/stylesheets/base.css		You can view it at: http://builderexample.com/stylesheets/base.css


	====Titles and Headings====		====Titles and Headings====

Dinsley: /* Content Replacement Rules */

2010-10-07T21:18:03Z

Content Replacement Rules

← Older revision		Revision as of 14:18, 7 October 2010
Line 24:		Line 24:
	\|}		\|}

	~~<br>~~<br>		<br>
	'''Recommended elements are:'''		'''Recommended elements are:'''

Line 55:		Line 55:
	\|}		\|}

	~~<br>~~<br>		<br>
	'''Optional elements are:'''		'''Optional elements are:'''

Dinsley at 21:17, 7 October 2010

2010-10-07T21:17:15Z

← Older revision		Revision as of 14:17, 7 October 2010
Line 1:		Line 1:
	This article is intended to help you understand what you can do when creating a theme for Web-Builder . At the minimum, a Web-Builder theme consists of a default layout (called default.html) and a directory named assets which contains all the images, css, javascript, flash, etc. [[Making_your_own_Theme_using_Multiple_Layouts\|Multiple layouts]] can be created simply by making new html files.


	__TOC__		__TOC__

			This article is intended to help you understand what you can do when creating a theme for Web-Builder . At the minimum, a Web-Builder theme consists of a default layout (called default.html) and a directory named assets which contains all the images, css, javascript, flash, etc. [[Making_your_own_Theme_using_Multiple_Layouts\|Multiple layouts]] can be created simply by making new html files.

	==Content Replacement Rules==		===Content Replacement Rules===


Line 85:		Line 83:
	* Any content inside any of these elements will be replaced, so feel free to put placeholder content in to assist you in designing your theme!		* Any content inside any of these elements will be replaced, so feel free to put placeholder content in to assist you in designing your theme!

	==Other Notes==		===Other Notes===


Line 114:		Line 112:
	More information is available on the [[Creating Web-Builder Themes]] page.		More information is available on the [[Creating Web-Builder Themes]] page.

	==Installing==		===Installing===

	When you are ready to upload your custom theme, please see the [[Installing Your Theme]] article.		When you are ready to upload your custom theme, please see the [[Installing Your Theme]] article.

	[[Category:Creating Web-Builder Themes]]		[[Category:Creating Web-Builder Themes]]