کد قالب Piano

<!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, pannasmontata, 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><BlogSky:Weblog PageTitle /></title> <style type="text/css"> /* ========================================================= SPLINDER TEMPLATE 04. THE PIANO Descrizione: Due colonne, colonna a destra, verde e arancio. Template by IN عشق الکی www.vosogh.blogsky.com ========================================================= */ /* --------------------------------- BLOG STYLE --------------------------------- */ body { background: #000000; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 100%; text-align: center; padding: 0px; margin: 0px; } #box { background-color: #000000; border: 1px solid #cccccc; margin: 10px auto 10px auto; padding: 0px 5px; width: 750px; } #menu { background-color: #000; float: right; text-align: left; width: 230px; line-height: 1.2; margin-bottom: 10px; padding: 5px 0px; } #boxblog { background-color: #fff; border: 1px solid #cccccc; float: left; width: 510px; margin: 0px 0px 10px 0px; padding: 10px 0px 10px 0px; line-height: 1.2; } #footer { background-color: #000; clear: both; margin: 0px; } #credits { background-color: #000; padding: 10px 0px; font-size: 0.7em; color: #999999; text-align: center; } /* --------------------------------- LINKS STYLE --------------------------------- */ a:link, a:visited { color: #000; text-decoration: underline; } a:hover, a:focus, a:active { color: #fff; background-color: #000; text-decoration: none; } a:focus, a:active { color: #000; background-color: #fff; border: 1px solid #000; text-decoration: none; } #menu a:link, #menu a:visited, #credits a:link, #credits a:visited { color: #fff; text-decoration: underline; } #menu a:hover, #menu a:focus, #menu a:active, #credits a:hover, #credits a:focus, #credits a:active { color: #000; background-color: #fff; text-decoration: none; } #menu a:focus, #menu a:active, #credits a:focus, #credits a:active { color: #fff; background-color: #000; border: 1px solid #fff; text-decoration: none; } #header h1 a:link, #header h1 a:visited { color: #fff; text-decoration: none; } #header h1 a:hover, #header h1 a:active, #header h1 a:focus { color: #cccccc; text-decoration: none; } h2.title a:link, h2.title a:visited { color: #fff; text-decoration: none; } h2.title a:hover, h2.title a:active, h2.title a:focus { color: #ccc; 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 { background-color: #e3eff6; color: #666666; border: 1px solid #374f6c; } blockquote { background-color: #efefef; color: #333333; font-style: oblique; padding: 5px; margin-left: 10%; margin-right: 10%; } /* --------------------------------- HEADER CONTENT STYLE --------------------------------- */ #header { background: #000 url(http://nea.ngi.it/templates/img/04-piano.jpg) bottom center no-repeat; height: 270px; margin-bottom: 10px; } #header h1{ font-size: 2em; text-transform: capitalize; font-weight: normal; text-align: right; margin: 0px; padding: 0px 20px 0px 0px; } #blogdescription { font-size: 0.85em; text-align: right; padding: 0px 20px 0px 0px; color: #fff; } /* --------------------------------- MENU STYLE --------------------------------- */ .boxmenu { font-size: 0.7em; margin: 0px 10px 20px 5px; padding: 0px; color: #999999; } #menu h3{ font-family: 'Century Gothic', Sans-serif; color: #000; background-color: #fff; border: 2px outset #666666; margin: 0px 10px 10px 5px; font-size: 0.88em; font-weight: normal; text-transform: capitalize; text-align: center; letter-spacing: 1px; } /* --------------------------------- POST STYLE --------------------------------- */ .post { background-color: #fff; margin: 0px 5px 25px 5px; padding: 0px; } h2.title { color: #fff; background-color: #000; border: 2px outset #666666; font-size: 0.88em; font-weight: normal; letter-spacing: 1px; text-align: left; margin: 0px 0px 3px 0px; padding: 0px 0px 2px 3px; } .datepost { color: #999999; text-transform: capitalize; text-align: left; padding: 0px 0px 2px 3px; margin-bottom: 10px; font-size: 0.7em; } .titolinilog { color: #999999; font-size: 0.7em; text-align: left; } .text { color: #666666; text-align: justify; font-size: 0.80em; 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 COMMENTI --------------------------------- */ .comment { margin-top: 1em; background:transparent; width: 99%; border: 1px solid #000; } .comment-body { color: #666666; font-size: 1em; text-align: left; padding: 5px; } .comment-top { color: #374f6c; text-align: right; margin-bottom: 5px; padding: 0px 2px 15px 2px; } .comment-bottom { background: transparent; text-align: left; color: #666666; margin: 0px; } .comment-tips { background: transparent; text-align: left; padding-left:.5em; font-style:normal; font-variant:normal; font-weight:normal; color: #666666; } .comment-form-title { color: #fff; background-color: #000; border: 2px outset #666666; letter-spacing: 1px; font-size: 1.4em; text-transform: capitalize; text-align: left; margin: 20px 0px; } .comment-form-user { background:transparent ; padding-left:.5em; padding-top: .3em; text-align: left; font-size: 0.75em; font-style:normal; font-variant:normal; font-weight:normal; color: #666666; line-height: 1.3em; } /* --------------------------------- 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; } .style1 { text-align: right; } .style2 { background-color: #fff; margin: 0px 5px 25px 5px; padding: 0px; text-align: right; } .style3 { font-size: 0.7em; margin: 0px 10px 20px 5px; padding: 0px; color: #999999; text-align: center; } </style> </head> <body>  <div id="box">  <div id="header"> <h1><div id="blogtitle" class="style1"><a href="<BlogSky:Weblog URL />"><BlogSky:Weblog Title /></a></div> </a></h1> </div>   <div id="menu">  <h3>درباره من </h3> <div class="boxmenu"> <center> <BlogSky:Profile Body> <div class="menu"> <div style="text-align: center;"> <br /> <a href="<BlogSky:Profile HRef />" target="_blank" class="style4"><img src="<BlogSky:Profile Image />" alt="" style="width: 100px;" /></a><br /> <br /> </div> <div style="text-align: justify; padding: 0 15px;" class="style4"><BlogSky:Profile AboutMe /></div> </div> </BlogSky:Profile Body> <br /> </center> </div> <h3><span lang="fa">روزانه</span></h3> <div class="boxmenu"> <center> <BlogSky:DailyLink Body> <div class="menu"> <ul dir="ltr" class="style4" style="width: 145px"> <BlogSky:DailyLink DailyLinks> <listyle="width: 140px" class="style5"><span dir="rtl"> <a href="<BlogSky:DailyLink URL />" title="<BlogSky:DailyLink Date />" target="_blank" class="style4"><BlogSky:DailyLink Title /></a> <span class="style4"><br /><BlogSky:DailyLink Description /> </span></span></li> </BlogSky:DailyLink DailyLinks> </ul> </div> </BlogSky:DailyLink Body> </center> </div> <h3><span lang="fa">آرشیو</span></h3> <div class="boxmenu"> <center> <BlogSky:Archive Body> <div class="menu"> <ul style="width: 135px" class="home"> <BlogSky:Archive Archives> <liclass="style1" style="width: 142px"> <a href="<BlogSky:Archive HRef />" class="style4"><BlogSky:Archive Title /></a></li> </BlogSky:Archive Archives> </ul> </div> </BlogSky:Archive Body> </center> </div> <h3><span lang="fa">لینک دوستان</span></h3> <div class="style3"> <center> <BlogSky:LinkBox Body> <div class="menu"> <ul style="width: 133px" class="home"> <BlogSky:LinkBox LinkBoxes> <liclass="style5" style="width: 139px; height: 15px"> <a href="<BlogSky:LinkBox URL />" target="_blank" class="style4"><BlogSky:LinkBox Title /></a></li> </BlogSky:LinkBox LinkBoxes> </ul> </div> </BlogSky:LinkBox Body> </center> </div> <h3><span lang="fa">نوشته های پیشین</span></h3> <div class="boxmenu"> <center> <BlogSky:PostTitle Body> <div class="menu"> <ul style="width: 135px" class="home"> <BlogSky:PostTitle PostTitles> <a href="<BlogSky:PostTitle HRef />" class="style4"><BlogSky:PostTitle Title /></a> </BlogSky:PostTitle PostTitles> </ul> </div> </BlogSky:PostTitle Body> </center> </div> <head> <style type="text/css"> .style1 { text-align: center; } </style> </head> <body style="background-color: #000000"> <h3 class="style1"><span lang="fa">لوگو</span></h3> <div class="boxmenu"> <center> <BlogSky:Logo Body> <div class="menu"> <span class="style4"> <div style="text-align: center; padding-top: 3px;" class="style2"> <span class="style4"> <img src="<BlogSky:Logo Image />" alt="<BlogSky:Weblog Title />" style=": center" /><br /> <br /> </span> <br /> <input type="text" value='<a href="<BlogSky:Weblog URL /><img src="<BlogSky:Logo Image />" alt="<BlogSky:Weblog Title />" style="border: 0;" /</a>' style="direction: ltr; width: 146px;" readonly class="style6" /><span class="style2"> <br /> </span> </div> </div> </BlogSky:Logo Body> </center> </div> <h3><span lang="fa">رهگذران</span></h3> <div class="boxmenu"> <center> <div style="padding-top: 30px;" class="home"> <span class="style4">تعداد بازدیدکنندگان : <BlogSky:Weblog Counter /> <br /><br /> </span> <a href="<BlogSky:Weblog RSSHRef />" target="_blank"> <span class="style4"><img src="http://www.blogsky.com/images/template/chocolate/rss.gif" alt="" /></span></a> <span class="style4"> <br /><br /></span> <a href="http://www.blogsky.com" target="_blank" class="style4">powered by blogsky.com</a><span class="style4"> <br /> <br /> </span> </div> </center> </div> <h3><span lang="fa">طراح قالب </span></h3> <p> </p> <div class="style3"> <a href="http://www.vosogh.blogsky.com"> <img alt="عشق الکی" src="http://i32.tinypic.com/2jd05r5.jpg" width="128" height="19" /></a></div>  </div>   <div id="boxblog"> <Blogger> <br /> <div class="post"> <div class="style1"> <BlogSky:Post Body> <BlogSky:Post Posts> </div> <div class="style2"> <div class="style2"><BlogSky:Post Date /></div> <div class="style1"> </div> <div class="style2"><a href="<BlogSky:Post HRef />"><BlogSky:Post Title /></a></div> <div class="style2"><BlogSky:Post Text /><BlogSky:Post More><a href="<BlogSky:Post HRef />"> ادامه مطلب ...</a></BlogSky:Post More></div> <div class="style2">نوشته شده توسط <a href="<BlogSky:Post AuthorHRef />" target="_blank" title="نویسنده"><BlogSky:Post AuthorName /></a><BlogSky:Post Category> | موضوع: <a href="<BlogSky:Category HRef />" title="موضوع"><BlogSky:Category Title /></a></BlogSky:Post Category> | <a href="<BlogSky:Post Printable />" target="_blank"> چاپ</a><BlogSky:Post Comment> | <a onclick="window.open('<BlogSky:Comment HRef />','_blank','width=400, height=450, scrollbars=yes, resizable=yes');" href="javascript:void(0)" title="نظرات"> نظرات</a></BlogSky:Post Comment></div> </div> </BlogSky:Post Posts> </BlogSky:Post Body> </center> </div>    </div>  <div id="footer"> <div id="credits"> Designed By : <a href="http://www.temsky.blogsky.com/">TeMSkY</a> | </div> </div> </body> </html>