dkblog
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>DkBlog</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type='text/css'>
/*
DkBlog Template
CSS StyleSheet by David Herreman
http://www.free-css-templates.com
*/
body {
padding : 0;
margin : 0;
font : 0.74em Arial, sans-serif;
line-height : 1.5em;
background : #393939;
color : #fff;
}
a {
color : #d0eb55;
background : inherit;
text-decoration : none;
}
a:hover {
color : #d0eb55;
background : inherit;
text-decoration : underline;
}
p {
margin : 5px 0;
}
h1 {
font : bold 1.8em Arial, Sans-Serif;
padding : 8px 0 4px 0;
margin : 0;
letter-spacing : -1px;
}
h2 {
font : bold 1.6em Arial, Sans-Serif;
letter-spacing : -1px;
}
h3 {
padding : 4px 0;
margin : 0;
}
ul {
margin : 0;
padding : 0;
list-style : none;
}
img {
border : 0;
}
hr {
height : 1px;
border-style : none;
color : #d0d0d0;
background-color : #c0c0c0;
margin : 10px 0;
}
ol {
padding : 0;
margin : 0;
}
.code {
padding : 3px 5px 3px 35px;
border : 1px solid #666;
list-style-type : decimal-leading-zero;
font-family : Courier;
}
.code code {
font-family : Monaco, "Courier New", Tahoma;
font-size : 1.2em;
}
.code li {
margin : 2px 0;
padding : 0 5px;
background : #333;
}
.code li.t1 {
padding-left : 4ex;
}
.code li.t2 {
padding-left : 8ex;
}
.code li.t3 {
padding-left : 12ex;
}
.code li.t4 {
padding-left : 16ex;
}
.code li.t5 {
padding-left : 20ex;
}
.code li.t6 {
padding-left : 24ex;
}
.code li.t7 {
padding-left : 28ex;
}
.code li.t8 {
padding-left : 32ex;
}
.content {
margin : 0 auto;
width : 1000px;
}
#topbar {
height : 35px;
background : #212121;
width : 100%;
}
#topbar #icons {
float : right;
margin : 10px 0 0;
padding : 0;
}
#topbar #icons img {
padding-right : 4px;
border : 0;
}
.url {
padding : 10px 0;
}
.url a {
color : #454545;
text-decoration : none;
}
.url a:hover {
color : #fff;
}
#top {
padding-top : 0;
background : #3d3d3b url(dkblog-images/topbg.gif) repeat-x;
height : 85px;
margin-bottom : 25px;
}
#top h1 {
font : bold 2.6em Arial, Sans-Serif;
padding : 20px 0 0 0;
margin : 0;
letter-spacing : 1px;
color : #d0eb55;
}
#top a:hover {
text-decoration : none;
}
#top h2 {
font : 0.9em Arial, Sans-Serif;
letter-spacing : 0;
color : #868686;
margin : 0;
padding : 0;
}
#menu {
float : right;
height : 23px;
margin-top : 35px;
}
#menu a {
color : #fff;
background : inherit;
text-decoration : none;
padding-left : 10px;
line-height : 23px;
font-weight : bold;
}
#menu a span {
padding-right : 10px;
}
#menu a, #menu a span {
display : block;
float : left;
}
#menu a:hover, #menu .current {
color : #fff;
background : #a9bc52 url(dkblog-images/tabl.gif) no-repeat left top;
padding-left : 10px;
height : 23px;
}
#menu a:hover span, #menu .current span {
background : url(dkblog-images/tabr.gif) no-repeat right top;
padding-right : 10px;
height : 23px;
cursor : pointer;
}
#menu ul {
list-style : none;
padding : 0;
margin : 0;
}
#menu li {
float : left;
margin : 0 0 0 5px;
}
#main {
width : 1000px;
margin : 0;
padding : 0;
}
.right_side {
float : right;
width : 202px;
background : inherit;
overflow : hidden;
}
.right_side .pad {
padding : 0 0 10px 17px;
}
.right_side p {
padding : 0 0 5px 5px;
}
.right_side ul {
padding : 3px 0 12px 5px;
}
.right_side li {
line-height : 18px;
background : inherit;
list-style : square;
padding-left : 0px;
margin-left : 17px;
color : #b4e04a;
}
.right_side a {
background : inherit;
text-decoration : none;
}
.right_side a:hover {
text-decoration : underline;
}
.right_side h3 {
color : #eee;
font : bold 1.2em Arial, Sans-Serif;
background : url(dkblog-images/rmenuhead.gif) no-repeat top;
width : 202px;
height : 30px;
padding-top : 7px;
text-indent : 10px;
}
#left_side {
background : inherit;
margin-bottom : 10px;
width : 590px;
}
#left_side .intro {
background : #414141;
color : #fff;
}
#left_side .intro .pad {
padding : 10px;
}
#left_side .intro a {
color : #b4e04a;
text-decoration : none;
}
#left_side .intro a:hover {
color : #cdff56;
text-decoration : underline;
}
#left_side .mpart {
padding : 20px 0 0 0;
}
#left_side h2 {
background : inherit;
padding : 0;
margin : 0;
font : 1.8em verdana, Arial, Sans-Serif;
}
#left_side .mpart h3 {
background : inherit;
padding : 0;
margin : 0 0 15px 0;
font : 0.9em verdana, Arial, Sans-Serif;
color : #a5a5a5;
}
#left_side p {
color : #e7e7e7;
padding : 0;
text-align : justify;
}
#left_side img {
float : left;
padding : 0 10px 5px 0;
}
#left_side blockquote {
padding-left : 10px;
border-left : 3px solid #a7cc44;
margin : 10px 0 10px 25px;
}
.date {
padding : 7px 35px 0 0;
margin : 10px 0 25px 0;
text-align : right;
background : url(dkblog-images/commentb.gif) no-repeat top right;
height : 32px;
}
.date a {
font : bold 1.2em Arial, Sans-Serif;
color : #a9bc52;
background : transparent;
}
#left_side .rs {
float : right;
margin : 0 0 0 10px;
border : 1px solid #888;
padding : 5px;
background : inherit;
}
#left_side ul {
list-style-position : inside;
margin-left : 2px;
}
#left_side ul li {
list-style-type : square;
margin-left : 15px;
}
#left_side ul ul li {
list-style : none;
margin-left : 10px;
list-style-type : lower-alpha;
list-style-position : inside;
}
#left_side .greybox {
border : 1px solid #ccc;
background : #f5f5f5;
width : 628px;
padding : 10px;
}
#footer {
clear : both;
width : 1000px;
margin : 0 0 6em 0;
padding-top : 5px;
color : #777;
border-top : 1px solid #444;
background : inherit;
}
#footer .right {
float : right;
}
#footer a {
text-decoration : none;
background : inherit;
}
</style>
</head>
<body>
<div id="topbar">
<div class="content">
<div id="icons"> <a href="http://www.free-css.com/"><img src="dkblog-images/home.gif" alt="Home" /></a> <a href="http://www.free-css.com/"><img src="dkblog-images/contact.gif" alt="Contact" /></a> <a href="http://www.free-css.com/"><img src="dkblog-images/sitemap.gif" alt="Sitemap" /></a> </div>
<div class="url"> <a href="http://www.free-css.com/">www.your-blog.com</a> </div>
</div>
</div>
<div id="top">
<div class="content">
<div id="menu">
<ul>
<li><a class="current" href="http://www.free-css.com/"><span>HOME</span></a></li>
<li><a href="http://www.free-css.com/"><span>ARTICLES</span></a></li>
<li><a href="http://www.free-css.com/"><span>GALLERY</span></a></li>
<li><a href="http://www.free-css.com/"><span>AFFILIATES</span></a></li>
<li><a href="http://www.free-css.com/"><span>ARTICLES</span></a></li>
<li><a href="http://www.free-css.com/"><span>ABOUTS US</span></a></li>
<li><a href="http://www.free-css.com/"><span>CONTACT</span></a></li>
</ul>
</div>
<h1><a href="http://www.free-css.com/">DkBlog</a></h1>
<h2>Your Best Slogan here</h2>
</div>
</div>
<div class="content">
<div id="main">
<div class="right_side">
<div class="pad">
<h3>Thank you for visiting!</h3>
<p> Free-css-templates.com was created on the 3 of April 2006 and has already about 3000 unique visitors per day! <br />
<a href="http://www.free-css.com/">Read more...</a> </p>
<h3>Last Articles:</h3>
<ul>
<li><a href="http://www.free-css.com/">Ajax-Tutorials.com</a></li>
<li><a href="http://www.free-css.com/">Csszengarden.com dead?</a></li>
<li><a href="http://www.free-css.com/">New dedicated server</a></li>
<li><a href="http://www.free-css.com/">Adobe Creative Suite 3...</a></li>
<li><a href="http://www.free-css.com/">Style your Source Code...</a></li>
<li><a href="http://www.free-css.com/">GeiselVille : free photoshop...</a></li>
<li><a href="http://www.free-css.com/">The Best HDR Tutorials</a></li>
<li><a href="http://www.free-css.com/">Complete Color Matching...</a></li>
<li><a href="http://www.free-css.com/">Related Articles mod for...</a></li>
</ul>
<h3>Popular Articles:</h3>
<ul>
<li><a href="http://www.free-css.com/">LOST - John Locke - Speed...</a></li>
<li><a href="http://www.free-css.com/">Painting of the Mona Lisa in...</a></li>
<li><a href="http://www.free-css.com/">Free Photoshop Brushes</a></li>
<li><a href="http://www.free-css.com/">Free Photoshop Plugins...</a></li>
<li><a href="http://www.free-css.com/">CSS gallery CSSHeaven...</a></li>
<li><a href="http://www.free-css.com/">How to do glamour photo...</a></li>
</ul>
<a href="http://www.free-css.com/"><img src="dkblog-images/rss.jpg" alt="RSS Feed" /></a> </div>
</div>
<div class="right_side">
<div class="pad">
<h3>Categories:</h3>
<ul>
<li><a class="current" href="http://www.free-css.com/">Home</a></li>
<li><a href="http://www.free-css.com/">Templates</a></li>
<li><a href="http://www.free-css.com/">CSS Techniques</a></li>
<li><a href="http://www.free-css.com/">Internet</a></li>
<li><a href="http://www.free-css.com/">Photoshop</a></li>
<li><a href="http://www.free-css.com/">Tutorials</a></li>
<li><a href="http://www.free-css.com/">sNews</a></li>
</ul>
<h3>Directory</h3>
<p>Links4se.com is a seo-friendly and human-edited general directory. Featured links need to be paid only $4.95 for unlimited time and regular links only $1.95!</p>
<h3>Creative News</h3>
<p><a href="http://www.free-css.com/">Creative News</a> is a place for web developers searching for fresh news on web development with one goal - to put their creativity into action.</p>
<h3>Css Heaven</h3>
<p><a href="http://www.free-css.com/">CSS Heaven</a> has one objective to provide you with a central resource to view a wide range of eye catching and innovative web design plus inspire you to create new and exciting web designs. </p>
<h3>Premium Templates</h3>
<p>These <a href="http://www.free-css.com/">website templates</a>, flash templates and other products are ready-made web designs, that can be used as a basis for fast and high-quality website and are completely customizable and ready for immediate download!</p>
</div>
</div>
<div id="left_side">
<div class="intro">
<div class="pad">sNews is a completly free PHP and MySQL driven content management system for managing web content. Consisting of only one file, sNews is extremely lightweight, easy to install, and easy to use via a simple web interface. <br />
<a href="http://www.free-css.com/">Download</a> | <a href="http://www.free-css.com/">Read more...</a> </div>
</div>
<div class="mpart">
<h2>Webdesign</h2>
<h3>Posted on April 11 , 2007 in <a href="http://www.free-css.com/">sNews</a></h3>
<p>A website like free-css-templates.com is a collection of information about a particular topic or subject. Designing a website is defined as the arrangement and creation of web pages that in turn make up a website. A web page consists of information for which the website is developed. A website might be compared to a book, where each page of the book is a web page. </p>
<p> Here a code sample made with Code2CSS: </p>
<ol class="code">
<li class="t0">for ($i = 0; $i < $num_kw; $i++) {</li>
<li class="t2"><code>$keywords = trim($kws[$i]);</code></li>
<li class="t2"><code>$value .= " keywords_meta LIKE '%$keywords%' ";</code></li>
<li class="t2"><code>if ($i < $num_kw-1) {</code></li>
<li class="t3"><code>$value .= " OR ";</code></li>
<li class="t2"><code>}</code></li>
<li class="t0">}</li>
</ol>
<p>Blockquote example:</p>
<blockquote>
<p>The Extensible HyperText Markup Language, or XHTML, is a markup language that has the same depth of expression as HTML, but with a syntax that conform to XML syntax.</p>
</blockquote>
<div class="date"><a href="http://www.free-css.com/">Comments (5)</a></div>
<h2>Cascading Style Sheets</h2>
<h3>Posted on April 10 , 2007 in <a href="http://www.free-css.com/">Internet</a></h3>
<div class="rs"> <strong>List example</strong>:
<ul>
<li>list line 1</li>
<li>list line 2
<ul>
<li>sublist line a</li>
<li>sublist line b</li>
</ul>
</li>
</ul>
</div>
<p>In computing, <b>Cascading Style Sheets</b> (<b>CSS</b>) is a stylesheet language used to describe the presentation of a document written in a markup language. Its most common application is to style web pages written in HTML and XHTML, but the language can be applied to any kind of XML document, including SVG and XUL. The CSS specifications are maintained by the World Wide Web Consortium (W3C).</p>
<p>CSS has various levels and profiles. Each level of CSS builds upon the last, typically adding new features and are typically denoted as CSS1, CSS2, and CSS3. Profiles are typically a subset of one or more levels of CSS built for a particular device or user interface. Currently there are profiles for mobile devices, printers, and television sets. Profiles should not be confused with media types which were added in CSS2.</p>
<div class="date"><a href="http://www.free-css.com/">Comments (11)</a></div>
</div>
</div>
</div>
<div id="footer">
<div class="right">© Copyright 2007, Your Website - Design: <a href="http://www.free-css-templates.com">Free Css Templates</a></div>
<a href="http://www.free-css.com/">Home</a> - <a href="http://validator.w3.org/check?uri=referer" title="Validate">XHTML</a> - <a href="http://jigsaw.w3.org/css-validator/check/referer" title="Validate">CSS</a> </div>
</div>
</body>
</html>
Related examples in the same category