- Error
Welcome to d3
/ 0- Details
- Category: Content
- Created on Sunday, 26 June 2011 14:14
- Written by Super User
- Hits: 5219
Hi, and welcome to D3signated.com
This is a Template for joomla 1.6 avaliable for only $35 on themeforest.net
This template has many unique features, and is very custimizable.
/D3
404 - Page not found
/ 0- Details
- Category: Content
- Created on Monday, 13 June 2011 15:28
- Written by Super User
- Hits: 1430
The page requested was not found!
About this page:
Instead of using Joomla! build-in 404 error screen. The D3 template allows you to make your very own 404 error page. This is really good for usability. Since the user, is not redirected to a error screen off page. But stays on the page, and get the error page in the content field. This way the navigation is still avaliable to the user, and they might not leave imidatly, as they would if they were only met by a 404 error screen.
How is this done?
Start by creating a "new article". Name it: "404 Page not found". Then make a "new menu item". Select "Single article" and make sure it points to the new article: "404 Page not found".
SEO urls:
We create the "menu item", with the sole purpose of getting a unique URL for the "404 Error page". If you didn't specify the Alias of the menu item, it will have generated a Alias like this: "404-page-not-found". If you have SEO URLs turned on, then the full link to the 404 page for this page is: "http://www.d3signated.com/404-page-not.found.html".
The above URL is then pasted into the template parameters, found in the template manager!
Go to: Extensions > Template manager > d3 (Click it) > Scroll down to: "Advanced parameters". Paste the URL into the 404 Page textfield, then save!
And your done!
Quick Styles
/ 1- Details
- Category: Content
- Created on Tuesday, 12 April 2011 18:53
- Written by Super User
- Hits: 3058
Quickstyles, is predefined CSS classes. Easy to use, making your content much more alive:
To use quickstyles, you need to understand a little html. Its not hard, but essensial.
This is a heading one
This is a heading two
This is a heading three
This is a heading four
This is a heading Five
This is a heading Six
HTML:
<h2 class="limegreen-color">This is a heading two</h2>
<h3 class="limegreen-color">This is a heading three</h3>
<h4 class="limegreen-background"><span>This is a heading four</span></h4>
<h5 class="lilac-background"><span>This is a heading Five</span></h5>
<h6 class="limegreen-background"><span>This is a heading Six</span></h6>
Column-Two
Quisque vulputate ante in sem ultricies nec pulvinar dolor malesuada. Integer sed purus tellus, nec convallis sapien. Curabitur at mi nisi, vitae fringilla velit. In sit amet scelerisque leo.
Column-Two
Quisque vulputate ante in sem ultricies nec pulvinar dolor malesuada. Integer sed purus tellus, nec convallis sapien. Curabitur at mi nisi, vitae fringilla velit. In sit amet scelerisque leo.
Column-Three
Quisque vulputate ante in sem ultricies nec pulvinar dolor malesuada. Integer sed purus tellus, nec convallis sapien. Curabitur at mi nisi, vitae fringilla velit. In sit amet scelerisque leo.
Column-Three
Quisque vulputate ante in sem ultricies nec pulvinar dolor malesuada. Integer sed purus tellus, nec convallis sapien. Curabitur at mi nisi, vitae fringilla velit. In sit amet scelerisque leo.
Column-Three
Quisque vulputate ante in sem ultricies nec pulvinar dolor malesuada. Integer sed purus tellus, nec convallis sapien. Curabitur at mi nisi, vitae fringilla velit. In sit amet scelerisque leo.
Column-Four
Quisque vulputate ante in sem ultricies nec pulvinar dolor malesuada. Integer sed purus tellus, nec convallis sapien. Curabitur at mi nisi, vitae fringilla velit. In sit amet scelerisque leo.
Column-Four
Quisque vulputate ante in sem ultricies nec pulvinar dolor malesuada. Integer sed purus tellus, nec convallis sapien. Curabitur at mi nisi, vitae fringilla velit. In sit amet scelerisque leo.
Column-Four
Quisque vulputate ante in sem ultricies nec pulvinar dolor malesuada. Integer sed purus tellus, nec convallis sapien. Curabitur at mi nisi, vitae fringilla velit. In sit amet scelerisque leo.
Column-Four
Quisque vulputate ante in sem ultricies nec pulvinar dolor malesuada. Integer sed purus tellus, nec convallis sapien. Curabitur at mi nisi, vitae fringilla velit. In sit amet scelerisque leo.
HTML:
<div class="column-two first">
<h1 class="limegreen-color">Column-Two</h1>
<p>Quisque vulputate ante in sem ultricies nec pulvinar dolor malesuada. Integer sed purus tellus, nec convallis sapien. Curabitur at mi nisi, vitae fringilla velit. In sit amet scelerisque leo.</p>
</div>
<div class="column-two last">
<h1 class="limegreen-color">Column-Two</h1>
<p>Quisque vulputate ante in sem ultricies nec pulvinar dolor malesuada. Integer sed purus tellus, nec convallis sapien. Curabitur at mi nisi, vitae fringilla velit. In sit amet scelerisque leo.</p>
</div>
</div>
<div class="blockWrap">
<div class="column-three first">
<h1 class="limegreen-color">Column-Three</h1>
<p>Quisque vulputate ante in sem ultricies nec pulvinar dolor malesuada. Integer sed purus tellus, nec convallis sapien. Curabitur at mi nisi, vitae fringilla velit. In sit amet scelerisque leo.</p>
</div>
<div class="column-three">
<h1 class="limegreen-color">Column-Three</h1>
<p>Quisque vulputate ante in sem ultricies nec pulvinar dolor malesuada. Integer sed purus tellus, nec convallis sapien. Curabitur at mi nisi, vitae fringilla velit. In sit amet scelerisque leo.</p>
</div>
<div class="column-three last">
<h1 class="limegreen-color">Column-Three</h1>
<p>Quisque vulputate ante in sem ultricies nec pulvinar dolor malesuada. Integer sed purus tellus, nec convallis sapien. Curabitur at mi nisi, vitae fringilla velit. In sit amet scelerisque leo.</p>
</div>
</div>
<div class="blockWrap">
<div class="column-four first">
<h1 class="limegreen-color">Column-Four</h1>
<p>Quisque vulputate ante in sem ultricies nec pulvinar dolor malesuada. Integer sed purus tellus, nec convallis sapien. Curabitur at mi nisi, vitae fringilla velit. In sit amet scelerisque leo.</p>
</div>
<div class="column-four">
<h1 class="limegreen-color">Column-Four</h1>
<p>Quisque vulputate ante in sem ultricies nec pulvinar dolor malesuada. Integer sed purus tellus, nec convallis sapien. Curabitur at mi nisi, vitae fringilla velit. In sit amet scelerisque leo.</p>
</div>
<div class="column-four">
<h1 class="limegreen-color"><span>Column-Four</span></h1>
<p>Quisque vulputate ante in sem ultricies nec pulvinar dolor malesuada. Integer sed purus tellus, nec convallis sapien. Curabitur at mi nisi, vitae fringilla velit. In sit amet scelerisque leo.</p>
</div>
<div class="column-four last">
<h1 class="limegreen-color">Column-Four</h1>
<p>Quisque vulputate ante in sem ultricies nec pulvinar dolor malesuada. Integer sed purus tellus, nec convallis sapien. Curabitur at mi nisi, vitae fringilla velit. In sit amet scelerisque leo.</p>
</div>
</div>
HTML:
<ul class="list limegreen">
<li>This is the blue version of an ordinary list</li>
<li>This is the blue version of an ordinary list</li>
<li>This is the blue version of an ordinary list</li>
</ul>
</fieldset>
Tab 1
Quisque vulputate ante in sem ultricies nec pulvinar dolor malesuada. Integer sed purus tellus, nec convallis sapien. Curabitur at mi nisi, vitae fringilla velit. In sit amet scelerisque leo.
Tab 2
Quisque vulputate ante in sem ultricies nec pulvinar dolor malesuada. Integer sed purus tellus, nec convallis sapien. Curabitur at mi nisi, vitae fringilla velit. In sit amet scelerisque leo.
Tab 3
Quisque vulputate ante in sem ultricies nec pulvinar dolor malesuada. Integer sed purus tellus, nec convallis sapien. Curabitur at mi nisi, vitae fringilla velit. In sit amet scelerisque leo.
HTML:
<li><a href="#tab1">Tab1</a></li>
<li><a href="#tab2">Tab2</a></li>
<li><a href="#tab3">Tab3</a></li>
</ul>
<div class="tab_container">
<div id="tab1" class="tab_content">
<h2 class="limegreen-color">Tab 1</h2>
<p>Quisque vulputate ante in sem ultricies nec pulvinar dolor malesuada. Integer sed purus tellus, nec convallis sapien. Curabitur at mi nisi, vitae fringilla velit. In sit amet scelerisque leo.</p>
</div>
<div id="tab2" class="tab_content">
<h2 class="limegreen-color">Tab 2</h2>
<p>Quisque vulputate ante in sem ultricies nec pulvinar dolor malesuada. Integer sed purus tellus, nec convallis sapien. Curabitur at mi nisi, vitae fringilla velit. In sit amet scelerisque leo.</p>
</div>
<div id="tab3" class="tab_content">
<h2 class="limegreen-color">Tab 3</h2>
<p>Quisque vulputate ante in sem ultricies nec pulvinar dolor malesuada. Integer sed purus tellus, nec convallis sapien. Curabitur at mi nisi, vitae fringilla velit. In sit amet scelerisque leo.</p>
</div>
</div>
HTML:
<a class="btn lilac print" href="#"><span>Print button</span></a>
<a class="btn lilac pdf" href="#"><span>Pdf button</span></a>
<a class="btn lilacdownload" href="#"><span>Download Button</span></a>
HTML:
<img src="http://d3signated.com/images/gallery/triworks_arch8.jpg" border="0" title="This is a description, in the title tag" width="271" height="152" />
</div>
