قالب بلوجر اسمر روعه

كود القالب :

<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<head>

<b:include data='blog' name='all-head-content'/>

<b:skin><![CDATA[

/*-- (Hiding the navbar) --*/

#navbar-iframe {

display:none !important;

}

* {

margin: 0;

padding: 0;

}

body {

font-family: serif;

font-size: 12px;

color: #FFFFFF;

text-align: center;

background: #E1B26B url("http://i254.photobucket.com/albums/hh92/eblogtemplates/dfire/bg.gif");

}

/******************/

a:link, a:visited {

color: #AAAF54;

text-decoration: none;

}

a:hover, a:active {

color: #C3C963;

}

blockquote {

background: url("http://i254.photobucket.com/albums/hh92/eblogtemplates/dfire/quote.gif") no-repeat top left;

min-height: 90px;

overflow: visible;

color: #C3BCA5;

margin: 0;

padding: 15px 20px;

}

code {

font-family: monospace;

color: #EFE4BE;

}

pre {

font-family: monospace;

color: #C3BCA5;

}

input, textarea {

width: 98%;

font-size: 11px;

color: #CCC;

font-family: "trebuchet ms", arial, sans-serif;

background: #1A1A1A;

border: #414141 1px solid;

margin: 2px 0 0 0;

}

textarea {

padding: 3px;

width: 96%;

}

input:focus, textarea:focus {

border: #2E2E2E 1px solid;

}

small {

color: #555;

font-family: arial, helvetica, sans-serif;

}

label {

color: #555;

font-size: 10px;

}

table {

font-family: verdana, tahoma, sans-serif;

font-size: 12px;

border: #2E2E2E 1px solid;

background: #131313;

}

#outer-wrapper {

background: url("http://i254.photobucket.com/albums/hh92/eblogtemplates/dfire/bgtp.gif") repeat-x;

width: 100%;

margin: 0;

padding: 0;

border: 0;

float: left;

}

#header-wrapper {

background: url("http://i254.photobucket.com/albums/hh92/eblogtemplates/dfire/bghead.gif") no-repeat top center;

width: 665px;

height: 191px;

margin: 0 auto;

padding: 0 50px;

}

#content-wrapper{

background: #B5B6B4 url("http://i254.photobucket.com/albums/hh92/eblogtemplates/dfire/bgcon.gif") repeat-y top center;

width: 665px;

margin: 0 auto;

padding: 0 50px;

}

#footer-wrapper {

background: #B5B6B4 url("http://i254.photobucket.com/albums/hh92/eblogtemplates/dfire/bgcon.gif") repeat-y top center;

width: 705px;

margin: 0 auto;

padding: 0 30px;

}

#main-wrapper {

width: 440px;

float: left;

text-align: justify;

font-size: 13px;

color: #CACACA;

font-family: "times new roman", georgia, serif;

}

#sidebar-wrapper {

width: 205px;

float: right;

text-align: left;

}

/* Header

----------------------------------------------- */

#header .title, #header .title a {

color: #FFA052;

font-size: 30px;

font-family: "trebuchet ms", sans-serif;

text-decoration: none;

text-align: right;

}

#header .description {

padding: 0 10px 0 0;

color: #FFFFFF;

font-size: 12px;

font-family: arial;

font-weight: bold;

font-style: italic;

text-align: right;

}

#header-inner{

width: 60%;

text-align: right;

float: right

}

#header .search{

width: 30%;

float: left;

padding-top: 10px;

text-align: left;

}

#header .search input{

width: 50px;

height: 17px;

margin-left: 2px;

}

#header .search #s{

width: 120px;

height: 14px;

}

/* Posts

----------------------------------------------- */

.post-title,.post-title a,.post-title a:VISITED ,.post-title a:hover{

color: #FFA303;

font-size: 20px;

font-family: "times new roman", serif;

text-transform: uppercase;

font-weight: bold;

padding: 0;

margin: 7px 0 0 0;

text-decoration: none;

}

.post ul, .post ol{

padding-left:30px;

}

.post li{

list-style-position: outside;

}

.postmeta {

font-weight: bold;

padding: 0;

margin: 0 0 10px 0;

color: #FFFED9;

font-size: 11px;

padding-left:100px;

font-family: "tw cent mt", arial, helvetica, sans-serif;

}

.postmeta a:link,.postmeta a:visited {

color: #A12600;

text-decoration: none;

}

.postmeta a:hover {

color: #DF3500;

text-decoration: none;

}

.post-footer{

background: #3A130A;

-moz-border-radius: 10px;

color: #FFFFFF;

font-family: verdana, sans-serif;

font-size: 11px;

text-align: left;

padding: 7px;

margin: 15px 0 50px 0;

font-weight: bold;

}

.post-footer a:link, .post-footer a:visited {

color: #FFFFFF;

text-decoration: none;

font-weight: normal;

}

.post-comment-link, .post-comment-link a:link, .post-comment-link a:visited {

color: #A5B968;

font-weight: bold;

text-decoration: none;

}

.post-comment-link a:hover {

color: #C7DC87;

text-decoration: none;

}

/* Comments

----------------------------------------------- */

#comments h4 {

font-size: 35px;

color: #222;

text-transform: capitalize;

margin-bottom: 10px;

}

#comments-block {

}

.comment {

font-size: 11px;

font-family: "trebuchet ms", sans-serif;

margin-bottom:20px;

}

.comment-author {

color: #F3F1B7;

font-size: 18px;

font-family: "agency fb", sans-serif;

font-weight: bold;

}

.comment-author p{

font-family: arial, helvetica, sans-serif;

font-size: 11px;

}

#blog-pager {

font-weight: bolder;

margin: 5px;

text-align: center;

}

#blog-pager a{

margin: 0 20px;

}

/* Sidebar Content

----------------------------------------------- */

#sidebar-wrapper .sidebar {

}

#sidebar-wrapper .widget{

margin-bottom: 10px;

}

#sidebar-wrapper h2 {

background: url("http://i254.photobucket.com/albums/hh92/eblogtemplates/dfire/sidebg.jpg") no-repeat left top;

height: 23px;

text-transform: lowercase;

padding-right: 30px;

padding-top:5px;

margin-bottom:5px;

color: #E5B655;

font-size: 18px;

text-align: right;

font-family: "times new roman", georgia, serif;

}

#sidebar-wrapper ul {

list-style-type: none;

font-size: 11px;

padding: 0;

margin: 0;

}

#sidebar-wrapper ul li {

}

#sidebar-wrapper ul li a {

background: url("http://i254.photobucket.com/albums/hh92/eblogtemplates/dfire/arw.gif") no-repeat 0 0;

text-decoration: none;

display: block;

color: #7F8062;

border-bottom: #1F270B 1px solid;

padding:4px 10px 4px 21px;

margin: 0;

}

#sidebar-wrapper ul li .toggle{

display: none;

}

#sidebar-wrapper ul li a.activelabel,#sidebar-wrapper ul li a:hover{

background: url("http://i254.photobucket.com/albums/hh92/eblogtemplates/dfire/arw2.gif") no-repeat top left;

text-decoration: none;

color: #F7FABF;

}

#sidebar-wrapper li li a {

text-decoration: none;

display: block;

color: #F7FABF;

background: url("http://i254.photobucket.com/albums/hh92/eblogtemplates/dfire/sub2.gif") no-repeat top left;

border-bottom: #1F270B 1px solid;

padding: 4px 0 4px 41px;

margin: 0;

}

#sidebar-wrapper li li a:hover {

background: url("http://i254.photobucket.com/albums/hh92/eblogtemplates/dfire/sub2.gif") no-repeat top left;

text-decoration: none;

color: #F7FABF;

}

#sidebar-wrapper li li li a {

background: url("http://i254.photobucket.com/albums/hh92/eblogtemplates/dfire/sub.gif") no-repeat top left;

color: #7F8062;

}

#thefooter {

background:url("http://i254.photobucket.com/albums/hh92/eblogtemplates/dfire/footer.jpg") no-repeat bottom left;

height: 53px;

clear: both;

padding-top:30px;

font-family: "agency fb", arial, helvetica, sans-serif;

}

#footer-wrapper a {

color: #A1A1A1;

text-decoration: none;

}

#footer-wrapper a:hover {

color: #E1E1E1;

text-decoration: none;

}

.widget-item-control{

display: none;

}

/*blogger fix*/

#sidebar-wrapper .BlogArchive #ArchiveList ul li {

background:none;

border-width:0pt;

list-style-image:none;

list-style-position:outside;

list-style-type:none;

margin-left:0pt;

padding-left:0px;

text-indent:0px;

}

]]></b:skin>

</head>

<body>

<a href='#sidebar'>skip to sidebar</a>

</span>

<b:section class='header' id='header' showaddelement='no'>

<b:widget id='Header1' locked='false' title='B-themes Test (Header)' type='Header'>

<b:includable id='main'>

<b:if cond='data:useImage'>

<b:if cond='data:imagePlacement == "REPLACE"'>

</a>

</div>

<b:else/>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<data:title/>

<b:else/>

</b:if>

</h1>

</div>

</div>

</b:if>

<b:else/>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<data:title/>

<b:else/>

</b:if>

</h1>

</div>

</div>

</b:if>

</form>

</div>

</b:includable>

</b:widget>

</b:section>

</div>

</div>

<b:section class='crosscol' id='crosscol' showaddelement='no'/>

</div>

<b:section class='main' id='main' showaddelement='no'>

<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>

<b:includable id='nextprev'>

<b:if cond='data:newerPageUrl'>

</span>

</b:if>

<b:if cond='data:olderPageUrl'>

</span>

</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>

<b:else/>

<b:if cond='data:newerPageUrl'>

</b:if>

</div>

</b:includable>

<b:includable id='backlinks' var='post'>

<b:if cond='data:post.numBacklinks != 0'>

<b:loop values='data:post.backlinks' var='backlink'>

<b:include data='backlink' name='backlinkDeleteIcon'/>

</dt>

<data:backlink.snippet/>

</dd>

</dd>

</div>

</b:loop>

</dl>

</b:if>

</p>

</b:includable>

<b:includable id='post' var='post'>

<b:if cond='data:post.title'>

<b:if cond='data:post.link'>

<b:else/>

<b:if cond='data:post.url'>

<b:else/>

<data:post.title/>

</b:if>

</h3>

<b:if cond='data:top.showAuthor'>

<data:top.authorLabel/>

</b:if>

</span>

<data:post.dateHeader/>

</span>

<b:if cond='data:top.showTimestamp'>

<data:top.timestampLabel/>

<b:if cond='data:post.url'>

</b:if>

</span>

</p>

</b:if>

</div>

<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:post.allowComments'>

</b:if>

</span>

<b:if cond='data:post.labels'>

<data:postLabelsLabel/>

<b:loop values='data:post.labels' var='label'>

</b:loop>

</b:if>

</span>

<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:post.showBacklinks'>

</b:if>

</span>

<b:if cond='data:post.emailPostUrl'>

</a>

</span>

</b:if>

<b:include data='post' name='postQuickEdit'/>

</p>

</p>

</div>

</b:includable>

<b:includable id='commentDeleteIcon' var='comment'>

</a>

</span>

</b:includable>

<b:includable id='status-message'>

<b:if cond='data:navMessage'>

<data:navMessage/>

</div>

</div>

</b:if>

</b:includable>

<b:includable id='feedLinks'>

<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:feedLinks'>

<b:include data='feedLinks' name='feedLinksBody'/>

</div>

</b:if>

<b:else/>

<b:loop values='data:posts' var='post'>

<b:if cond='data:post.allowComments'>

<b:if cond='data:post.feedLinks'>

<b:include data='post.feedLinks' name='feedLinksBody'/>

</b:if>

</b:loop>

</div>

</b:if>

</b:includable>

<b:includable id='backlinkDeleteIcon' var='backlink'>

</a>

</span>

</b:includable>

<b:includable id='feedLinksBody' var='links'>

<data:feedLinksMsg/>

<b:loop values='data:links' var='f'>

</b:loop>

</div>

</b:includable>

<b:includable id='postQuickEdit' var='post'>

<b:if cond='data:post.editUrl'>

</a>

</span>

</b:if>

</b:includable>

<b:includable id='comments' var='post'>

<b:if cond='data:post.allowComments'>

<h4>

<b:if cond='data:post.numComments == 1'>

1 <data:commentLabel/>:

<b:else/>

<data:post.numComments/> <data:commentLabelPlural/>:

</b:if>

</h4>

<b:loop values='data:post.comments' var='comment'>

<b:include data='comment' name='commentDeleteIcon'/>

<b:if cond='data:comment.authorUrl'>

<b:else/>

</b:if>

</dt>

<b:if cond='data:comment.isDeleted'>

<b:else/>

</b:if>

</dd>

</div>

</b:loop>

</dl>

</p>

</b:if>

<b:if cond='data:post.showBacklinks'>

<b:include data='post' name='backlinks'/>

</b:if>

</div>

</b:includable>

<b:includable id='main' var='top'>

<b:include data='top' name='status-message'/>

<data:adStart/>

<b:loop values='data:posts' var='post'>

<!-- <b:if cond='data:post.dateHeader'>

</b:if>

-->

<b:include data='post' name='post'/>

<b:if cond='data:blog.pageType == "item"'>

<b:include data='post' name='comments'/>

</b:if>

<b:if cond='data:post.includeAd'>

<data:adEnd/>

<data:adCode/>

<data:adStart/>

</b:if>

</b:loop>

<data:adEnd/>

</div>

<b:include name='nextprev'/>

<b:include name='feedLinks'/>

</b:includable>

</b:widget>

</b:section>

</div>

<b:section class='sidebar' id='sidebar' preferred='yes'>

<b:widget id='Feed1' locked='false' title='Recent Post' type='Feed'>

<b:includable id='main'>

<b:loop values='data:feedData.items' var='i'>

<li>

<data:i.title/>

</a>

</span>

<b:if cond='data:showItemDate'>

<b:if cond='data:i.str_published != ""'>

 - <data:i.str_published/>

</span>

</b:if>

<b:if cond='data:showItemAuthor'>

<b:if cond='data:i.author != ""'>

 - <data:i.author/>

</span>

</b:if>

</li>

</b:loop>

</ul>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>

<b:widget id='Label1' locked='false' title='Labels' type='Label'>

<b:includable id='main'>

<b:if cond='data:title'>

</b:if>

<ul>

<b:loop values='data:labels' var='label'>

<li>

<b:if cond='data:blog.url == data:label.url'>

<b:else/>

</b:if>

</li>

</b:loop>

</ul>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>

<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>

<b:includable id='toggle' var='interval'>

<b:if cond='data:interval.toggleId'>

<b:if cond='data:interval.expclass == "expanded"'>

</a>

<b:else/>

</a>

</b:if>

</b:includable>

<b:includable id='interval' var='intervalData'>

<b:loop values='data:intervalData' var='i'>

<ul>

<b:include data='i' name='toggle'/>

<b:if cond='data:i.data'>

<b:include data='i.data' name='interval'/>

</b:if>

<b:if cond='data:i.posts'>

<b:include data='i.posts' name='posts'/>

</b:if>

</li>

</ul>

</b:loop>

</b:includable>

<b:includable id='menu' var='data'>

<b:loop values='data:data' var='i'>

</b:loop>

</select>

</b:includable>

<b:includable id='flat' var='data'>

<ul>

<b:loop values='data:data' var='i'>

</li>

</b:loop>

</ul>

</b:includable>

<b:includable id='posts' var='posts'>

<b:loop values='data:posts' var='i'>

</b:loop>

</ul>

</b:includable>

<b:includable id='main'>

<b:if cond='data:title'>

</b:if>

<b:if cond='data:style == "HIERARCHY"'>

<b:include data='data' name='interval'/>

</b:if>

<b:if cond='data:style == "FLAT"'>

<b:include data='data' name='flat'/>

</b:if>

<b:if cond='data:style == "MENU"'>

<b:include data='data' name='menu'/>

</b:if>

</div>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>

</b:section>

</div>

</div>

<b:section class='footer' id='footer'/>

<a href='http://blogger-templates.blogspot.com'>Blogger Templates</a>

</div></div>

</div>

</body>

</html>

This entry was posted at 7:21 ص and is filed under تصميم مواقع . You can follow any responses to this entry through the .

search

Labels

قالب بلوجر اسمر روعه

0 التعليقات

Blog Archive

Followers

بتاع كله