Nouveau
Nouveau
Nouveau is a clean, flexible layout meant to suppliment the venerable Professional theme in Geeklog. It features pure css design, and is built for easy customization!
SEO
Search Engine Optimization
Thanks to some magic from the minds at
gl Labs, Nouveau's code renders the center content first, followed by the left and right blocks!
Cascading Menus
Cascading Menus
In addition to the standard Geeklog menu, Nouveau features an animated cascading menu! It's based on unordered lists, and is easily customizable!
New Logo
New Logo
Nouveau features a new stylized default logo for Geeklog. It echoes the Professional logo, but updates it with pleasing Web 2.0 style, and full 24-bit transparency!
gl Slide
gl Slide
Combining the power of staticpages and javascript, gl Slide provides a great way to display your content, while maximizing layout space!
CTL Support
CTL Support
Nouveau is powered by the
Caching Template Library. This speeds up page loads, and eliminates redundant files from the default layout folder, allowing streamlined development and delivery!
This page shows all of the typography styles and settings that can be applied in the Nouveau theme. In addition to extended typography, Nouveau also features YUI css support for easy implementation of multi-column layouts.
Create it with the following html:
<span class="alert">....</span> Create it with the following html:
<span class="info">....</span> Create it with the following html:
<span class="down">....</span>
Create it with the following html:
<span class="note">....</span> Create it with the following html:
<span class="idea">....</span> Create it with the following html:
<span class="help">...></span>
Create featured story H1 text with the following html: <div class="story-featured"><h1>....</h1></div>
Aenean neque est, laoreet quis, condimentum ut, pellentesque et, nulla. Etiam malesuada ipsum egestas lorem. Vestibulum gravida laoreet justo. Maecenas eget tellus mollis lacus cursus suscipit. Phasellus ante ante, dapibus ut, pellentesque eu, tincidunt vel, velit.
Create H1 text with the following html: <h1>....</h1>
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus aliquet nulla sed nisl. Nullam egestas sagittis leo. Quisque dolor ligula, hendrerit laoreet, gravida sit amet, rutrum et, tortor. Donec lorem dui, varius sed, nonummy ut, viverra ac, metus. Duis in mauris ut erat porta placerat.
Create H2 text with the following html: <h2>....</h2>
Aenean elementum, lectus non tempor volutpat, dolor augue molestie nisl, cursus ullamcorper urna odio nec velit. Phasellus lobortis justo. Donec risus. Sed et nunc vitae dolor mattis vestibulum. Morbi iaculis augue vel tortor.
Create H3 text with the following html: <h3>....</h3>
Praesent semper elit quis elit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque eu neque. Morbi aliquet sapien vel nisl aliquam pellentesque.
This is a sample <pre>...</pre> tag:
=============================================
span.idea {
background:#FABFFF url(../images/idea.png) no-repeat scroll 5px 50%;
border:3px solid #F56FFF;
color:purple;
}
=============================================
This is an example of a block quote. Simply wrap your text in:
<blockquote><p>....</p></blockquote>
Etiam congue risus in mi. Suspendisse scelerisque. Integer vel ante at odio tempor pretium. Proin porta augue quis augue. Aliquam erat volutpat. Proin condimentum. Vivamus gravida convallis massa. Proin turpis.
List Styles - Images
- Use this style with the following html code:
<ul class="arrow"><li>....</li></ul>.
- Use this style with the following html code:
<ul class="bug"><li>....</li></ul>.
- Use this style with the following html code:
<ul class="cart"><li>....</li></ul>.
- Use this style with the following html code:
<ul class="check"><li>....</li></ul>.
- Use this style with the following html code:
<ul class="script"><li>....</li></ul>.
List Styles - Bullets
- Use this style with the following html code:
<ul class="bullet-blue"><li>....</li></ul>.
- Use this style with the following html code:
<ul class="bullet-grey"><li>....</li></ul>.
- Use this style with the following html code:
<ul class="bullet-plus"><li>....</li></ul>.
- Use this style with the following html code:
<ul class="bullet-star"><li>....</li></ul>.
List Styles - Numbers
- Create this list number with the following html: <li class="num-1">...</li>.
- Create this list number with the following html: <li class="num-2">...</li>.
- Create this list number with the following html: <li class="num-3">...</li>.
- Create this list number with the following html: <li class="num-4">...</li>.
- Create this list number with the following html: <li class="num-5">...</li>.
- Create this list number with the following html: <li class="num-6">...</li>.
- Create this list number with the following html: <li class="num-7">...</li>.
- Create this list number with the following html: <li class="num-8">...</li>.
- Create this list number with the following html: <li class="num-9">...</li>.
Saturday, March 22 2008 @ 09:35 PM MDT
Contributed by:
Admin
Views: 396
Welcome and let me be the first to congratulate you on installing Geeklog. Please take the time to read everything in the docs directory. Geeklog now has enhanced, user-based security. You should thoroughly understand how these work before you run a production Geeklog Site.
To log into your new Geeklog site, please use this account:
Username: Admin
Password: *********
Saturday, March 22 2008 @ 09:35 PM MDT
Contributed by:
Admin
Views: 233
This is a reminder to secure your site once you have Geeklog up and running. What you should do:
- Change the default password for the Admin account.
- Remove the install directory (you won't need it any more).
