templates dark | ♥ Demolition Gaphic ♥

Ecco un template che ho appena terminato...spero vi piaccia! Il titolo è Roses. Per scaricare l'HTML sempre la solita procedura...cliccare col destro e poi su "salva oggetto". Enjoy ;) K.

ANTEPRIMA

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="web log, blog, demolition graphic, templates, splinder, diario online, creare un blog, blog tools, blog directory, crea un blog, free blog, blog template, blogger, e-journal, website personale, sito personale, pagina personale, homepage, home page, community blogging, community blog" /> <title><$BlogTitle$></title> <style type="text/css"> /* ========================================================= SPLINDER TEMPLATE 05. Roses Author: Konsuelo URL: http://www.demolitiongraphic.splinder.com Header Image author: Konsuelo (Image: Deviant Art) URL: http://www.konsuelo.splinder.com ========================================================= */ /* --------------------------------- BLOG STYLE --------------------------------- */ body { background-color: #000000; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 100%; text-align: center; padding: 0px; margin: 0px; scrollbar-base-color: ##C0C0C0; scrollbar-arrow-color: #C3B29E; } #box { background: #23170b url(http://upload.spyro.it/files/675/kk1.jpg) center no-repeat; border: 1px solid #8F7F68; margin: 10px auto 0px auto; padding: 0px; height: 540px; width: 740px; } #menu { background-color: transparent; float: right; text-align: left; width: 310px; height: 400px; overflow: auto; line-height: 1.2; margin: 15px 10px 0px 0px; } #boxblog { background-color: transparent; float: left; width: 370px; height: 450px; overflow: auto; line-height: 1.2; margin: 15px 0px 0px 0px; } /* --------------------------------- LINKS STYLE --------------------------------- */ a:link, a:visited { color: #CEAEA5; text-decoration: underline; } a:hover, a:focus, a:active { color: #FFFFCC; text-decoration: none; } a:focus, a:active { color: #FFFFCC; text-decoration: none; } #header h1 a:link, #header h1 a:visited { color: #FFFFCC; text-decoration: none; } #header h1 a:hover, #header h1 a:active, #header h1 a:focus { color: #FFFFCC; text-decoration: underline; } h2.title a:link, h2.title a:visited { color: #FFFFCC; text-decoration: none; } h2.title a:hover, h2.title a:active, h2.title a:focus { color: #CEAEA5; text-decoration: none; } a img { border: 0px;} /* --------------------------------- LIST STYLE --------------------------------- */ #menu ul { list-style-type: disc; margin-top: 5px; margin-left: 20px; margin-bottom: 5px; padding-left: 2px; } #menu li{ background: transparent; padding: 0px; } ul { list-style-type: disc; margin-top: 5px; margin-left: 30px; margin-bottom: 5px; padding-left: 2px; } li{ background: transparent; padding: 0px; } /* --------------------------------- CLASSI VARIE --------------------------------- */ input,textarea { color: #fff; border: 1px solid #C9BAA5; } blockquote { border-left: 2px solid #C9BAA5; color: #fff; font-style: oblique; padding: 5px; margin-left: 10%; margin-right: 10%; } /* --------------------------------- HEADER CONTENT STYLE --------------------------------- */ #header { margin: 0px 0px 0px 10px; clear: both; padding-top: 25px; } #header h1{ font-family: Georgia, "Times New Roman", serif; font-size: 2em; font-style: oblique; text-transform: capitalize; font-weight: normal; text-align: left; margin: 0px; padding: 0px; } /* --------------------------------- MENU STYLE --------------------------------- */ .boxmenu { font-size: 0.7em; margin: 0px 10px 20px 0px; padding: 0px; color: #fff; } #menu h3{ font-family: Georgia, "Times New Roman", serif; border: 1px solid #C9BAA5; color: #FFFFCC; padding: 1px 0px; margin: 0px 10px 10px 0px; font-size: 0.88em; font-weight: bold; text-transform: capitalize; text-align: center; letter-spacing: 1px; } /* --------------------------------- POST STYLE --------------------------------- */ .post { margin: 0px 10px 25px 10px; padding: 0px; } h2.title { font-family: Georgia, "Times New Roman", serif; font-size: 1em; text-align: left; font-weight: normal; margin: 0px 0px 3px 0px; padding: 0px 0px 2px 3px; border: 1px solid #000000; } .datepost { color: #484848; text-transform: capitalize; text-align: left; padding: 0px 0px 2px 3px; margin-bottom: 10px; font-size: 0.7em; } .titolinilog { color: #000000; font-size: 0.7em; text-align: right; } .text { color: #484848; text-align: justify; font-size: 0.7em; margin: 15px 0px; } .read-more { margin: 4px; padding: 4px; text-align: left; } .media-thumb{ border: 0px; margin-bottom: 10px; } /* --------------------------------- STILE IMPAGINAZIONE --------------------------------- */ #blog-pager div { display: inline; color: #999999; font-size: 0.88em; margin: 15px 0px 15px 0px; padding: 0px 2px; } /* --------------------------------- STILE NAVIGAZIONE --------------------------------- */ .navigation{ color: #999999; margin: 15px 0px; text-align: center; text-decoration: none; font-size: 0.75em; } .prev { float: left; text-align: left; width: 45%; } .next { float: right; text-align: right; width: 45%; } .home { text-align: center; } /* --------------------------------- STILE FOTO E MEDIA RECENTI --------------------------------- */ #recent-photos { background: transparent; text-align: center; } #recent-photos img { padding: 4px; border: 0px; margin-bottom: 5px; background-color: transparent; text-decoration: none; } #recent-photos .album-link { background: transparent; font-size: 0.75em; text-align: center; text-decoration: none; } #recent-photos .title { font-size: 0.75em; font-weight: bold; padding-top: 10px; text-align: center; letter-spacing:2px; color: #0A4183; } /* --------------------------------- STILE BORDI --------------------------------- */ .media-info {border:0px;} .cc-small {border: 0px;} .comment-bottom img.avatar { height: auto; width: auto; border: 0px; } .cc-logo { border: 0px; padding: 1px; } .avatar{border:0px;} /* --------------------------------- STILE MEDIA ALBUM --------------------------------- */ #album { background: transparent; font-size: 0.75em; text-decoration: none; text-align: center; } #album-link {vertical-align:top;} #album-link a:link {vertical-align:top;} #album img { padding: 4px; margin-bottom: 5px; background-color: transparent; text-decoration: none; } #album td { text-align: center; vertical-align: top; } #album table { text-align: left; vertical-align: top; } #album .title { font-size: 9px; margin-top: 12px; } </style> </head> <body>  <div id="box">  <div id="menu">  <h3>About</h3> <div class="boxmenu"> <center> <$BlogAboutMe$> </center> </div> <h3>Odi et Amo</h3> <div class="boxmenu"> Odio : --- <br /> Amo : --- <br /> </div> <h3>Commenti</h3> <div class="boxmenu"> <$BlogRecentComments$> </div> <h3>Archivio</h3> <div class="boxmenu"> <$BlogArchiveCollapsed$> </div> <h3>Categorie</h3> <div class="boxmenu"> <$BlogCategories$> </div> <h3>Links</h3> <div class="boxmenu"> <$BlogLinkOut$> </div> <h3>Bloggers</h3> <div class="boxmenu"> <$BlogMembers$> </div> <h3>Foto</h3> <div class="boxmenu"> <center> <$BlogRecentPhotos$> </center> </div> <h3>Bottoni</h3> <div class="boxmenu"> <center> <$BlogButtons$> <br /><br /> <$BlogFeeds$> </center> </div> <h3>Counter</h3> <div class="boxmenu"> <center> <$BlogCounter$> lost souls </center> </div> <h3>titoletto</h3> <div class="boxmenu"> scrivi ciò che vuoi ^^ </div> <h3>Credits</h3> <div class="boxmenu"> <ul> <li>GRAFICA+HTML <a href="http://konsuelo.splinder.com" _fcksavedurl="http://konsuelo.splinder.com">Konsuelo</a> </li> <li>PER <a href="http://demolitiongraphic.splinder.com" _fcksavedurl="http://demolitiongraphic.splinder.com">Demolition Graphic</a> </li> <li>IMAGE <a href="http://deviantart.com" _fcksavedurl="http://deviantart.com">Deviant Art</a></li> <li>FREE HOST <a href="http://splinder.com" _fcksavedurl="http://splinder.com">Splinder</a> & <a href://upload.spyro.it">Upload Spyro</a></li> </ul> </div>  </div>   <div id="boxblog"> <$BlogPhotoAlbum$> <Blogger> <center> <$BlogNavigation$> </center> <div class="post"> <h2 class="title"><a href="<$BlogItemPermalink$>" _fcksavedurl="<$BlogItemPermalink$>" title="permalink del post"><$BlogItemTitle$></a></h2> <div class="datepost"> scritto da <$BlogItemAuthorNickname$> il <BlogDateHeaderDate><$BlogDateHeaderDate$></BlogDateHeaderDate>,<$BlogItemDateTime$> </div> <div class="text"><$BlogItemBody$></div> <div class="titolinilog"> categoria:<$BlogItemCategories$> <br /> commenti: <$BlogItemComments$>(popup)</div> </div> </Blogger> <center> <$BlogPager$> </center> </div>   <div id="header"> <h1><a href="/" _fcksavedurl="/" title="link to homepage"> <$BlogTitle$></a></h1> </div>  </div>  </body> </html>

Tag: templates, templates dark

» Demolition Graphic - by Konsuelo & Kinky «