PDA

View Full Version : تغییر در این وبلاگ



hercool
چهارشنبه 17 مهر 1387, 13:11 عصر
سلام خدمت دوستان
من یک وبلاگ ایجاد کردم و در حال گذاشتن کد های خاص از سایت دیگه هستم ادرسش رو اول میزارم
http://financialir.tumblr.com/
مشکل اینجاست که من نتونستم کد های رو که میگیرم با استفاده از css در وبلاگ جا بدم چون اگر مشاهده کنید میبینید که وبلاگ به سختی بالا میاد و اگر کسی با اینترنت ذغالی بیاد دیگه وبلاگ براش باز نمیشه می خوام این 2 تا ستون کدی که در قسمت چپ سایت هست رو به css تبدیل کنم تا برای بالا امدن وبلاگ دچار دردسر نشم
کد وبلاگ رو هم میزارم

<!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" xml:lang="en" lang="en">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="alternate" type="application/rss+xml" title="RSS"
href="{RSS}"/>
<meta name="viewport" content="width=670"/> <!-- iPhone -->
<title>{Title}{block:PostSummary} | {PostSummary}{/block:PostSummary}</title>
<link rel="icon" href="{Favicon}"/>


<style type="text/css">
:focus{ outline: 0; }
body{
font-family: 'Lucida Grande', Arial, sans-serif;
color: #fff;
background: #000;
font-size: 11px;
padding: 40px 0 0 0;
line-height: 18px;
}

*{
margin: 0;
padding: 0;
}

a{
text-decoration: none;
}

a.permalink {
white-space: nowrap;
}

#header{
width: 650px;
margin: 0px auto;

}

#header #left{
float: left;
background: url(/themes/9/headerleft.gif) left center no-repeat;
width: 585px;
height: 43px;
border-right: 1px #1F4CA3 solid;
margin: 0;
}

#header #left h1{
line-height: 46px;
margin: 0 0 0 20px;
font-weight: normal;
}

#header #left h1 a{
color:#fff;
text-shadow: #000 0px 1px 0px;
}

#header #RSS{
float: right;
height: 43px;
width: 64px;
border-bottom: 1px #E39329 solid;
margin: 0;
padding: 0;
}

#header #RSS a{
display: block;
height: 43px;
width: 64px;
text-indent: -9999px;
background: url(/themes/9/rss.gif) right center no-repeat;
margin: 0 -1px 0 0;
}

#header #RSS a:hover{
background: url(/themes/9/rss_o.gif) center center no-repeat;
}

#container div.post .date a{
color: #777;
border-bottom: 1px solid #aaa;
margin: 0 0 0 5px !important;
}

#container div.post .date a:hover{
color: #eee;
border-bottom: 1px solid #fff;
}

#container div.post div.link .date{
line-height: 34px;
}

.clear{
clear: both;
}

#container{
width: 648px;
margin: 0px auto;
background: url(/themes/9/c_bg.gif) center center repeat-y;
padding: 0 1px 1px 1px;
}

#container a{
color: #2a69bb;
}

#container a:hover{
color: #3181ea;
}

#container p{
padding: 0;
margin: 0 0 18px 0;
}

#container #description{
background: #2b2b2b url(/themes/9/ds_bg.gif) top left repeat-x;
padding: 20px 20px 20px 20px;
border-bottom: 1px #353535 solid;
border-top: 1px #4168A8 solid;
margin: -1px 0 1px 0;
}

#container #description a{
background: transparent !important;
padding: 0 !important;
}

#container #description div.i{
background: url(/themes/9/i.gif) left center no-repeat;
padding: 0 0 0 40px;
margin: 0;
}

#container div.post{
position: relative;
margin: 0 0 30px 0;
padding: 30px 45px 0 45px;
clear: both;
border-top: 1px #222 solid;
}

#container div.post div.regular h2{
font-weight: normal;
margin: 0 0 8px 0;
line-height: 18px;
}

#container div.post div.regular h2 a{
background: transparent !important;
padding: 0 !important;
text-shadow: #000 0px 1px 2px;
color: #fff;
font-size: 18px;
}

#container div.post div.regular blockquote{
margin: 0 0 0 20px;
border-left: 1px #333 solid;
padding: 0 0 0 10px;
}

#container div.post div.regular ul{
list-style: circle;
margin: 0 0 0 20px;
}

#container div.post div.regular ul li{
margin: 0 0 8px 0;
}

#container div.post div.link{
margin: 0 0 0 0;
}

#container div.post div.link div.link-bg{
background: url(/themes/9/link-l.gif) left center no-repeat;
padding: 26px 0 26px 19px;
margin: 0 0 0 -45px;
font-size: 14px;
display: inline;
}

#container div.post div.link div.link-bg a.link{
background: url(/themes/9/link-r.gif) right center no-repeat !important;
padding: 26px 35px 26px 0 !important;
margin: 0;
font-size: 14px;
color: #fff !important;
text-shadow: #000 0px 1px 1px;
}

#container div.post div.link div.link-bg a.link:hover{
background: url(/themes/9/link-r-o.gif) right center no-repeat !important;
color: #161616 !important;
text-shadow: #000 0px 0px 0px;
}

#container div.post div.link .description{
line-height: 34px;
display: inline;
margin: 0 0 0 10px;
}

#container div.post div.photo{
margin: 0;
padding: 0 0 1px 0;
overflow: hidden;
}

#container div.post div.photo img{
float: left;
margin: 0 10px 0 0;
border-width: 0px;
}

#container div.post div.photo .caption{
float: left;
margin: 0px -30px 0 0;
width: 150px;
}

#container div.post div.audio {
overflow: hidden;
}

#container div.post div.audio .caption{
float: right;
width: 325px;
}


#container div.post div.video{
position: relative;
overflow: hidden;
}

#container div.post div.video .caption{
width: 145px;
float: right;
}

#container div.post div.quote span.quote{
color: #fff;
text-shadow: #000 0px 1px 2px;
}

#container div.post div.quote span.long{
font-size: 14px;
line-height: 18px;
margin: 0 0 0 -7px;
}

#container div.post div.quote span.medium{
font-size: 18px;
line-height: 20px;
margin: 0 0 0 -10px;
}

#container div.post div.quote span.medium big a{
vertical-align: -2px;
}

#container div.post div.quote span.short{
font-size: 22px;
line-height: 24px;
margin: 0 0 0 -14px;
}

#container div.post div.quote span.short big a{
vertical-align: -5px;
}

#container div.post div.quote big a{
background: transparent !important;
padding: 0 !important;
font-family: Georgia;
}

#container div.post div.quote div.source{
text-align: right;
margin: 5px 0 0 0;
}

#container div.post div.conversation{
width: 500px
}

#container div.post div.conversation h2{
margin: 0 0 10px 0;
}

#container div.post div.conversation ul {
list-style-type: none;
margin: 0 0 5px 0;
padding: 0;
}

#container div.post div.conversation ul li {
padding: 4px 0px 4px 0;
color: #fff;
margin-bottom: 0px;
}

#container div.post div.conversation ul li span.label {
font-weight: bold;
}

#navigation{
background: url(/themes/9/nav.gif) center center no-repeat;
height: 38px;
width: 650px;
line-height: 38px;
margin: 0px auto;
position: relative;
clear: both;
}

#navigation span{
text-align: center;
margin: 0 25% 0 25%;
color: #999;
width: 50%;
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 20;
}

#navigation a.next{
float: right;
background: url(/themes/9/next.gif) center center no-repeat;
text-indent: -9999px;
display: block;
height: 38px;
width: 48px;
margin: 0 0 0 0;
z-index: 5000;
position: absolute;
top: 0;
right: 0;
}

#navigation a.next:hover{
background: url(/themes/9/next-o.gif) center center no-repeat;
}

#navigation a.prev{
float: left;
background: url(/themes/9/prev.gif) center center no-repeat;
text-indent: -9999px;
display: block;
height: 38px;
width: 49px;
position: absolute;
top: 0;
left: 0;
margin: 0 0 -38px 0;
z-index: 5000;
}

#navigation a.prev:hover{
background: url(/themes/9/prev-o.gif) center center no-repeat;
}

#footer{
width: 650px;
margin: 0px auto;
padding: 40px 0 30px 0;
text-align: center;
}

#footer a{
background: url(/themes/9/alink.gif) right center no-repeat;
padding: 0 14px 1px 0;
color: #2a69bb;
margin: 0 2px 0 2px;
}

#footer a:hover{
background: url(/themes/9/alink_o.gif) right center no-repeat;
color: #3181ea;
}
#search { text-align: right; margin-top: 10px; }
#searchresultcount { text-align: center; margin: 15px 0 20px; }
.query { font-weight: bold; font-style: italic; }

{CustomCSS}
</style>

<!--[if IE]>
<style type="text/css">
div.post div.quote span.quote big {
line-height: 20px;
}
div.post div.photo img {
margin: 0 10px 20px 0;
}
#header #left h1{
font-size: 20px;
}

#container div.post div.quote span.long{
margin: 0 0 0 -7px;
}

#container div.post div.quote span.medium{
margin: 0 0 0 -11px;
}

#container div.post div.quote span.short{
margin: 0 0 0 -11px;
}

#container div.post div.quote div.short{
margin: 15px 0 0 0;
}

#header #RSS{
border-bottom: 0px #E39329 solid;
}
</style>
<![endif]-->
<!--[if lt IE 7]>
<style type="text/css">
div.post div.quote span.quote big {
line-height: 20px;
}

#header #left{
background: url(/themes/9/headerleft.gif) left center no-repeat;
width: 585px;
border-right: 1px #1F4CA3 solid;
}

#header #RSS{
height: 43px;
width: 64px;
border-bottom: 0px #E39329 solid;
margin: 2px 0 0 0;
}
</style>
<![endif]-->

</head>
<body>
<p>جفت ارز ها</p><iframe name=DCQT src=http://freeserv.dukascopy.com/dhtml_rb/?W=1125&STOCKS=11,60,517,518,1,511,510,3,2,10,509,9,767&C1=ffffff&C2=ffffff&C3=FFFFFF&C8=C0C0C0&C9=&C10=_self&C11=40&C12=2&BG_all=ffffff&C21=666666&C22=666666&C23=C0C0C0&TB=1&B=1 height=14 width=1125 scrolling=no border=0 frameborder=0 marginwidth=0 marginheight=0 style='border:#c0c0c0 1px solid'></iframe>
<p>مهمترین شاخص های بورس بین المللی از قبیل امریکا و اروپا و اسیا</p><iframe name=DCQT src=http://freeserv.dukascopy.com/dhtml_rb/?W=1125&STOCKS=502,501,500,503,345,225,25,24,771,770,769,7 68,27,26,21,28,23,22&C1=ffffff&C2=ffffff&C3=FFFFFF&C8=C0C0C0&C9=&C10=_self&C11=40&C12=2&BG_all=ffffff&C21=666666&C22=666666&C23=C0C0C0&TB=1&B=1 height=14 width=1125 scrolling=no border=0 frameborder=0 marginwidth=0 marginheight=0 style='border:#c0c0c0 1px solid'></iframe>
<img src="/themes/9/rss_o.gif" style="display: none" />
<img src="/themes/9/alink_o.gif" style="display: none" />
<img src="/themes/9/link-r-o.gif" style="display: none" />
<img src="/themes/9/next-o.gif" style="display: none" />
<img src="/themes/9/prev-o.gif" style="display: none" />
<div style="float:right" id="header">
<div id="left">
<h1><a href="/">{Title}</a></h1>
</div>

<div style="float:right" id="RSS">
<a href="/rss">RSS</a>
</div>

<br style="clear: both;" />
</div>
<table style="float: left; border: solid 1px Green">
<tr>
<td><iframe id=DFN border=0 marginWidth=0 marginHeight=0 frameBorder=0 scrolling=no width=465 height=355 src=http://freeserv.dukascopy.com/calendar/?tab_x=465&bor=1&bg=ff8000&tcol=000000&col=ff0080&col1=85f1fa&col2=e7e17c&b_col=c0c0c0&fnt_size=9&fnt_col=000000&tfnt_col=6751d2&hgt=300&loc=0&ht=0&hf=0&hp=0&tit=تقویم+اقتصادی></iframe></td>
</tr>
<tr>
<iframe id=DNP border=5 marginWidth=0 marginHeight=0 frameBorder=0 scrolling=no width=465 height=355 src=http://freeserv.dukascopy.com/news/finance/news.php?tab_x=465&bg=00ff00&col=ff0000&fnt_col=000000&lnk_col=005599&hgt=355&lang=English&nores=1&tit=Current+Market+News></iframe>
</tr>
</table>
<div style="float:right" id="container">

{block:Description}
<div id="description">
<div class="i">{Description}</div>
<div id="search">
<form action="/search" method="get">
<input type="text" name="q" value="{SearchQuery}"/>
<input type="submit" value="Search"/>
</form>
</div>
</div>
{/block:Description}

{block:SearchPage}
<div id="searchresultcount">
<p>Your search for <span class="query">{SearchQuery}</span> returned {SearchResultCount} result(s).</p>
</div>
{/block:SearchPage}

{block:Posts}
<div class="post">
{block:Regular}
<div class="regular">
{block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
{Body} <span class="date"><a href="{Permalink}" class="permalink">{TimeAgo}</a></span>
</div>
{/block:Regular}

{block:Photo}
<div class="photo">
{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}
<div class="caption">{block:Caption}
{Caption}
{/block:Caption}<span class="date"><a href="{Permalink}" class="permalink">{TimeAgo}</a></span>
</div>
<br class="clear" />
</div>
{/block:Photo}

{block:Quote}
<div class="quote">
<span class="quote {Length}">
<big class="quote"><a href="{Permalink}">“</a></big>{Quote}<big class="quote2"><a href="{Permalink}">”</a></big>
</span>
<div class="source {Length}">{block:Source}&mdash; {Source}{/block:Source} <span class="date"><a href="{Permalink}" class="permalink">{TimeAgo}</a></span></div>
</div>
{/block:Quote}

{block:Link}
<div class="link">
<div class="link-bg"><a href="{URL}" class="link" {Target}>{Name}</a></div>
<div class="description">{block:Description}
{Description}
{/block:Description}</div><span class="date"><a href="{Permalink}" class="permalink">{TimeAgo}</a></span>
</div>
{/block:Link}

{block:Conversation}
<div class="conversation">
{block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
<ul>
{block:Lines}
<li class="{Alt}">
{block:Label}<span class="label">{Label}</span>{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
<span class="date"><a href="{Permalink}" class="permalink">{TimeAgo}</a></span>
</div>
{/block:Conversation}

{block:Audio}
<div class="audio">
<div class="caption">
{Caption}
<span class="date"><a href="{Permalink}" class="permalink">{TimeAgo}</a></span>
</div>

{AudioPlayerGrey}

<br class="clear" />
</div>
{/block:Audio}

{block:Video}
<div class="video">
{Video-400}
<div class="caption">{block:Caption}
{Caption}
{/block:Caption}<span class="date"><a href="{Permalink}" class="permalink">{TimeAgo}</a></span></div>
</div>
{/block:Video}
</div>
{/block:Posts}
</div>

<div style="float:right" id="navigation">
{block:PreviousPage}
<a href="{PreviousPage}" class="prev">previous page</a> &nbsp;&nbsp;
{/block:PreviousPage}

<span>Page {CurrentPage} of {TotalPages}</span>

{block:NextPage}
<a href="{NextPage}" class="next">next page</a>
{/block:NextPage}
</div>

<div style="float:right" id="footer">
<a href="{RSS}">RSS</a> the feed &nbsp;&nbsp;
<a href="/archive" target="_blank">Archive</a> the history &nbsp;&nbsp;
<a href="http://www.tumblr.com/" target="_blank">Tumblr</a> the engine &nbsp;&nbsp;
<a href="http://cameron.io">Cameron</a> the designer
</div>
</body>
</html>
کدش اینه بعد از قسمت بدنه در یک تیبل گذاشتمش ممنون میشم کمک کنید

hercool
چهارشنبه 17 مهر 1387, 17:37 عصر
من تگ های مورد نظر رو قرمز رنگ کردم می خوام اون تیبل رو به css تبدیل کنم تا حجم بارگزاری کاهش پیدا کنه
این کد در حال حاظر با تیبل هست اگر بتونید این دسته کد رو به css تبدیل کنید ممنون میشم

hercool
پنج شنبه 18 مهر 1387, 10:23 صبح
خوب یعنی من برای گذاشتن این دو تا فریم باید اون رو در داخل تگ دایو قرار بدم
یا اون دو تا فریم رو در css با کلاس معین کنم

hercool
پنج شنبه 18 مهر 1387, 11:18 صبح
سلام خدمت دوستان
یه نگاه کنید ببینید الان درست شده و کسانی که اینترنت پرسرعت ندارن به راحتی وبلاگ براشون میاد بالا
کد رو میزارم ببینید درست نوشتم ایا جاییش مشکلی داره

<!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" xml:lang="en" lang="en">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="alternate" type="application/rss+xml" title="RSS"
href="{RSS}"/>
<meta name="viewport" content="width=670"/> <!-- iPhone -->
<title>{Title}{block:PostSummary} | {PostSummary}{/block:PostSummary}</title>
<link rel="icon" href="{Favicon}"/>


<style type="text/css">
:focus{ outline: 0; }
body{
font-family: 'Lucida Grande', Arial, sans-serif;
color: #fff;
background: #000;
font-size: 11px;
padding: 40px 0 0 0;
line-height: 18px;
}

*{
margin: 0;
padding: 0;
}

a{
text-decoration: none;
}

a.permalink {
white-space: nowrap;
}

#header{
width: 650px;
margin: 0px auto;

}

#header #left{
float: left;
background: url(/themes/9/headerleft.gif) left center no-repeat;
width: 585px;
height: 43px;
border-right: 1px #1F4CA3 solid;
margin: 0;
}

#header #left h1{
line-height: 46px;
margin: 0 0 0 20px;
font-weight: normal;
}

#header #left h1 a{
color:#fff;
text-shadow: #000 0px 1px 0px;
}

#header #RSS{
float: right;
height: 43px;
width: 64px;
border-bottom: 1px #E39329 solid;
margin: 0;
padding: 0;
}

#header #RSS a{
display: block;
height: 43px;
width: 64px;
text-indent: -9999px;
background: url(/themes/9/rss.gif) right center no-repeat;
margin: 0 -1px 0 0;
}

#header #RSS a:hover{
background: url(/themes/9/rss_o.gif) center center no-repeat;
}

#container div.post .date a{
color: #777;
border-bottom: 1px solid #aaa;
margin: 0 0 0 5px !important;
}

#container div.post .date a:hover{
color: #eee;
border-bottom: 1px solid #fff;
}

#container div.post div.link .date{
line-height: 34px;
}

.clear{
clear: both;
}

#container{
width: 648px;
margin: 0px auto;
background: url(/themes/9/c_bg.gif) center center repeat-y;
padding: 0 1px 1px 1px;
}

#container a{
color: #2a69bb;
}

#container a:hover{
color: #3181ea;
}

#container p{
padding: 0;
margin: 0 0 18px 0;
}

#container #description{
background: #2b2b2b url(/themes/9/ds_bg.gif) top left repeat-x;
padding: 20px 20px 20px 20px;
border-bottom: 1px #353535 solid;
border-top: 1px #4168A8 solid;
margin: -1px 0 1px 0;
}

#container #description a{
background: transparent !important;
padding: 0 !important;
}

#container #description div.i{
background: url(/themes/9/i.gif) left center no-repeat;
padding: 0 0 0 40px;
margin: 0;
}

#container div.post{
position: relative;
margin: 0 0 30px 0;
padding: 30px 45px 0 45px;
clear: both;
border-top: 1px #222 solid;
}

#container div.post div.regular h2{
font-weight: normal;
margin: 0 0 8px 0;
line-height: 18px;
}

#container div.post div.regular h2 a{
background: transparent !important;
padding: 0 !important;
text-shadow: #000 0px 1px 2px;
color: #fff;
font-size: 18px;
}

#container div.post div.regular blockquote{
margin: 0 0 0 20px;
border-left: 1px #333 solid;
padding: 0 0 0 10px;
}

#container div.post div.regular ul{
list-style: circle;
margin: 0 0 0 20px;
}

#container div.post div.regular ul li{
margin: 0 0 8px 0;
}

#container div.post div.link{
margin: 0 0 0 0;
}

#container div.post div.link div.link-bg{
background: url(/themes/9/link-l.gif) left center no-repeat;
padding: 26px 0 26px 19px;
margin: 0 0 0 -45px;
font-size: 14px;
display: inline;
}

.tbl1{float:left;
z-index:inherit
}
.tbl2{ float:left;
z-index:inherit
}

#container div.post div.link div.link-bg a.link{
background: url(/themes/9/link-r.gif) right center no-repeat !important;
padding: 26px 35px 26px 0 !important;
margin: 0;
font-size: 14px;
color: #fff !important;
text-shadow: #000 0px 1px 1px;
}

#container div.post div.link div.link-bg a.link:hover{
background: url(/themes/9/link-r-o.gif) right center no-repeat !important;
color: #161616 !important;
text-shadow: #000 0px 0px 0px;
}

#container div.post div.link .description{
line-height: 34px;
display: inline;
margin: 0 0 0 10px;
}

#container div.post div.photo{
margin: 0;
padding: 0 0 1px 0;
overflow: hidden;
}

#container div.post div.photo img{
float: left;
margin: 0 10px 0 0;
border-width: 0px;
}

#container div.post div.photo .caption{
float: left;
margin: 0px -30px 0 0;
width: 150px;
}

#container div.post div.audio {
overflow: hidden;
}

#container div.post div.audio .caption{
float: right;
width: 325px;
}


#container div.post div.video{
position: relative;
overflow: hidden;
}

#container div.post div.video .caption{
width: 145px;
float: right;
}

#container div.post div.quote span.quote{
color: #fff;
text-shadow: #000 0px 1px 2px;
}

#container div.post div.quote span.long{
font-size: 14px;
line-height: 18px;
margin: 0 0 0 -7px;
}

#container div.post div.quote span.medium{
font-size: 18px;
line-height: 20px;
margin: 0 0 0 -10px;
}

#container div.post div.quote span.medium big a{
vertical-align: -2px;
}

#container div.post div.quote span.short{
font-size: 22px;
line-height: 24px;
margin: 0 0 0 -14px;
}

#container div.post div.quote span.short big a{
vertical-align: -5px;
}

#container div.post div.quote big a{
background: transparent !important;
padding: 0 !important;
font-family: Georgia;
}

#container div.post div.quote div.source{
text-align: right;
margin: 5px 0 0 0;
}

#container div.post div.conversation{
width: 500px
}

#container div.post div.conversation h2{
margin: 0 0 10px 0;
}

#container div.post div.conversation ul {
list-style-type: none;
margin: 0 0 5px 0;
padding: 0;
}

#container div.post div.conversation ul li {
padding: 4px 0px 4px 0;
color: #fff;
margin-bottom: 0px;
}

#container div.post div.conversation ul li span.label {
font-weight: bold;
}

#navigation{
background: url(/themes/9/nav.gif) center center no-repeat;
height: 38px;
width: 650px;
line-height: 38px;
margin: 0px auto;
position: relative;
clear: both;
}

#navigation span{
text-align: center;
margin: 0 25% 0 25%;
color: #999;
width: 50%;
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 20;
}

#navigation a.next{
float: right;
background: url(/themes/9/next.gif) center center no-repeat;
text-indent: -9999px;
display: block;
height: 38px;
width: 48px;
margin: 0 0 0 0;
z-index: 5000;
position: absolute;
top: 0;
right: 0;
}

#navigation a.next:hover{
background: url(/themes/9/next-o.gif) center center no-repeat;
}

#navigation a.prev{
float: left;
background: url(/themes/9/prev.gif) center center no-repeat;
text-indent: -9999px;
display: block;
height: 38px;
width: 49px;
position: absolute;
top: 0;
left: 0;
margin: 0 0 -38px 0;
z-index: 5000;
}

#navigation a.prev:hover{
background: url(/themes/9/prev-o.gif) center center no-repeat;
}

#footer{
width: 650px;
margin: 0px auto;
padding: 40px 0 30px 0;
text-align: center;
}

#footer a{
background: url(/themes/9/alink.gif) right center no-repeat;
padding: 0 14px 1px 0;
color: #2a69bb;
margin: 0 2px 0 2px;
}

#footer a:hover{
background: url(/themes/9/alink_o.gif) right center no-repeat;
color: #3181ea;
}
#search { text-align: right; margin-top: 10px; }
#searchresultcount { text-align: center; margin: 15px 0 20px; }
.query { font-weight: bold; font-style: italic; }

{CustomCSS}
</style>

<!--[if IE]>
<style type="text/css">
div.post div.quote span.quote big {
line-height: 20px;
}
div.post div.photo img {
margin: 0 10px 20px 0;
}
#header #left h1{
font-size: 20px;
}

#container div.post div.quote span.long{
margin: 0 0 0 -7px;
}

#container div.post div.quote span.medium{
margin: 0 0 0 -11px;
}

#container div.post div.quote span.short{
margin: 0 0 0 -11px;
}

#container div.post div.quote div.short{
margin: 15px 0 0 0;
}

#header #RSS{
border-bottom: 0px #E39329 solid;
}
</style>
<![endif]-->
<!--[if lt IE 7]>
<style type="text/css">
div.post div.quote span.quote big {
line-height: 20px;
}

#header #left{
background: url(/themes/9/headerleft.gif) left center no-repeat;
width: 585px;
border-right: 1px #1F4CA3 solid;
}

#header #RSS{
height: 43px;
width: 64px;
border-bottom: 0px #E39329 solid;
margin: 2px 0 0 0;
}
</style>
<![endif]-->

</head>
<body>
<p>جفت ارز ها</p><iframe name=DCQT src=http://freeserv.dukascopy.com/dhtml_rb/?W=1125&STOCKS=11,60,517,518,1,511,510,3,2,10,509,9,767&C1=ffffff&C2=ffffff&C3=FFFFFF&C8=C0C0C0&C9=&C10=_self&C11=40&C12=2&BG_all=ffffff&C21=666666&C22=666666&C23=C0C0C0&TB=1&B=1 height=14 width=1125 scrolling=no border=0 frameborder=0 marginwidth=0 marginheight=0 style='border:#c0c0c0 1px solid'></iframe>
<p>مهمترین شاخص های بورس بین المللی از قبیل امریکا و اروپا و اسیا</p><iframe name=DCQT src=http://freeserv.dukascopy.com/dhtml_rb/?W=1125&STOCKS=502,501,500,503,345,225,25,24,771,770,769,7 68,27,26,21,28,23,22&C1=ffffff&C2=ffffff&C3=FFFFFF&C8=C0C0C0&C9=&C10=_self&C11=40&C12=2&BG_all=ffffff&C21=666666&C22=666666&C23=C0C0C0&TB=1&B=1 height=14 width=1125 scrolling=no border=0 frameborder=0 marginwidth=0 marginheight=0 style='border:#c0c0c0 1px solid'></iframe>
<img src="/themes/9/rss_o.gif" style="display: none" />
<img src="/themes/9/alink_o.gif" style="display: none" />
<img src="/themes/9/link-r-o.gif" style="display: none" />
<img src="/themes/9/next-o.gif" style="display: none" />
<img src="/themes/9/prev-o.gif" style="display: none" />
<div style="float:right" id="header">
<div id="left">
<h1><a href="/">{Title}</a></h1>
</div>

<div style="float:right" id="RSS">
<a href="/rss">RSS</a>
</div>

<br style="clear: both;" />
</div>
<div class="tbl1"style="float: left; border: solid 1px Green">

<iframe id=DFN border=0 marginWidth=0 marginHeight=0 frameBorder=0 scrolling=no width=465 height=355 src=http://freeserv.dukascopy.com/calendar/?tab_x=465&bor=1&bg=ff8000&tcol=000000&col=ff0080&col1=85f1fa&col2=e7e17c&b_col=c0c0c0&fnt_size=9&fnt_col=000000&tfnt_col=6751d2&hgt=300&loc=0&ht=0&hf=0&hp=0&tit=تقویم+اقتصادی></iframe>

<div class="tbl2" style="float: left; border: solid 1px Green">
<iframe id=DNP border=5 marginWidth=0 marginHeight=0 frameBorder=0 scrolling=no width=465 height=355 src=http://freeserv.dukascopy.com/news/finance/news.php?tab_x=465&bg=00ff00&col=ff0000&fnt_col=000000&lnk_col=005599&hgt=355&lang=English&nores=1&tit=Current+Market+News></iframe>
</div></div>
<div style="float:right" id="container">

{block:Description}
<div id="description">
<div class="i">{Description}</div>
<div id="search">
<form action="/search" method="get">
<input type="text" name="q" value="{SearchQuery}"/>
<input type="submit" value="Search"/>
</form>
</div>
</div>
{/block:Description}

{block:SearchPage}
<div id="searchresultcount">
<p>Your search for <span class="query">{SearchQuery}</span> returned {SearchResultCount} result(s).</p>
</div>
{/block:SearchPage}

{block:Posts}
<div class="post">
{block:Regular}
<div class="regular">
{block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
{Body} <span class="date"><a href="{Permalink}" class="permalink">{TimeAgo}</a></span>
</div>
{/block:Regular}

{block:Photo}
<div class="photo">
{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}
<div class="caption">{block:Caption}
{Caption}
{/block:Caption}<span class="date"><a href="{Permalink}" class="permalink">{TimeAgo}</a></span>
</div>
<br class="clear" />
</div>
{/block:Photo}

{block:Quote}
<div class="quote">
<span class="quote {Length}">
<big class="quote"><a href="{Permalink}">“</a></big>{Quote}<big class="quote2"><a href="{Permalink}">”</a></big>
</span>
<div class="source {Length}">{block:Source}&mdash; {Source}{/block:Source} <span class="date"><a href="{Permalink}" class="permalink">{TimeAgo}</a></span></div>
</div>
{/block:Quote}

{block:Link}
<div class="link">
<div class="link-bg"><a href="{URL}" class="link" {Target}>{Name}</a></div>
<div class="description">{block:Description}
{Description}
{/block:Description}</div><span class="date"><a href="{Permalink}" class="permalink">{TimeAgo}</a></span>
</div>
{/block:Link}

{block:Conversation}
<div class="conversation">
{block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
<ul>
{block:Lines}
<li class="{Alt}">
{block:Label}<span class="label">{Label}</span>{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
<span class="date"><a href="{Permalink}" class="permalink">{TimeAgo}</a></span>
</div>
{/block:Conversation}

{block:Audio}
<div class="audio">
<div class="caption">
{Caption}
<span class="date"><a href="{Permalink}" class="permalink">{TimeAgo}</a></span>
</div>

{AudioPlayerGrey}

<br class="clear" />
</div>
{/block:Audio}

{block:Video}
<div class="video">
{Video-400}
<div class="caption">{block:Caption}
{Caption}
{/block:Caption}<span class="date"><a href="{Permalink}" class="permalink">{TimeAgo}</a></span></div>
</div>
{/block:Video}
</div>
{/block:Posts}
</div>

<div style="float:right" id="navigation">
{block:PreviousPage}
<a href="{PreviousPage}" class="prev">previous page</a> &nbsp;&nbsp;
{/block:PreviousPage}

<span>Page {CurrentPage} of {TotalPages}</span>

{block:NextPage}
<a href="{NextPage}" class="next">next page</a>
{/block:NextPage}
</div>

<div style="float:right" id="footer">
<a href="{RSS}">RSS</a> the feed &nbsp;&nbsp;
<a href="/archive" target="_blank">Archive</a> the history &nbsp;&nbsp;
<a href="http://www.tumblr.com/" target="_blank">Tumblr</a> the engine &nbsp;&nbsp;
<a href="http://cameron.io">Cameron</a> the designer
</div>
</body>
</html>