PortedThemes: Content / Theming Basics / Recent

	File and Folder Structure (hits: 412)
	on 20 Apr 2007 by Serenity
	An e107 theme usually has the following directory structure: - e107_themes (dir) \| + my_theme (dir) \| + images (dir) \| \| \| + bullet.png \| + other_images.jpg [read more]

	How to Port (hits: 2104)
	on 20 Apr 2007 by Serenity
	HOW TO PORT A THEME: Seeing how I have been so busy I decided to go ahead and get this file from aureea's website ... it helped me a great deal on learning how to take an html layout and placing it into an e107 site. Please download this and read the theme.php very carefully. aureea_antique_modern.zip If you encounter any problems please [read more]

	Shortcodes (hits: 410)
	on 20 Apr 2007 by Serenity
	A shortcode is used when creating templates. Adding or overriding shortcodes with your theme You can now create your own shortcodes or override the existing core shortcodes from your theme. Add the following line to your theme.php file: Code: Line to add to top of theme.php file $register_sc[]='XXXX'; This tells e107 that this theme will be handling all requests for the {XXXX} shortcode. You will [read more]

	Sublinks (hits: 2300)
	on 20 Apr 2007 by Serenity
	Added to theme.php function theme_head() { return "<link rel='stylesheet' href='".THEME_ABS."nav_menu.css' />\n"; } create a file called nav_menu.css copy and paste this and place it in the css file: div.menuBar, div.menuBar a.menuButton, div.menuButton, div.menuButton_over, div.menu, div.menu a.menuItem { font: 10pt Tahoma, Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; color: #000; } div.menuBar { padding: 3px 0px 3px 0px; text-align: left; border-top: 0px solid #c0c0c0; border-bottom: 0px solid #fff; } div.emenuBar { background-color: transparent; border-top: 0px solid #ffffff; border-bottom: 0px solid #000; text-align: left; } div.menuBar a.menuButton, div.menuButton, div.menuButton_over { background-color: transparent; border-right: 1px solid #d8d2bd; color: #000; cursor: default; left: 0px; margin: 0px; padding: 3px 14px 3px 14px; /* if using a link icon replace line above with this one padding: 2px 4px 2px 22px; */ text-decoration: none; z-index: 100; } div.menuBar a.menuButton:hover, div.menuButton: hover, div.menuButton_over { background-color: #fff; border-color: #ffffff #a5a5a5 #a5a5a5 #ffffff; color: #000; } div.menuBar a.menuButtonActive, div.menuButtonActive , div.menuButtonActive :hover, div.menuBar a.menuButtonActive: hover { background-color: #fff; border-color: #a5a5a5 #ffffff #ffffff #a5a5a5; color: #000; left: 1px; top: 1px; } div.menu { background-color: #fff; border: 1px solid; border-color: #ffffff #a5a5a5 #a5a5a5 #ffffff; left: 0px; padding: 1px 1px 1px 1px; position: absolute; top: 0px; visibility: hidden; z-index: 101; } div.menu a.menuItem { color: #000; cursor: default; display: block; padding: 2px 11px 2px 0px; text-decoration: none; white-space: nowrap; } div.menu a.menuItem:hover, div.menu a.menuItemHighlight { background-color: #fff; color: #000; text-decoration: underline; } div.menu a.menuItem span.menuItemBuffer { padding: 0px 2px 0px 2px; color: #000; } div.menu a.menuItem:hover span.menuItemBuffer { padding: 0px 2px 0px 2px; color: #000000; } div.menu a.menuItem span.menuItemText { padding: 0px 0px 0px 3px; } div.menu a.menuItem span.menuItemArrow { margin-right: -.75em; } div.menu div.menuItemSep { border-top: 1px solid #a5a5a5; border-bottom: 1px solid #ffffff; margin: 4px 2px; } a.menuItem.header { border-bottom: 1px solid #b3b3b3; } The file will have to be edited to meet the needs of your theme links. Save the file and place it in your e107_themes/theme folder [read more]