برگزیده های پرشین تولز

چه طور وبلاگم را ریدایرکت کنم؟

E

Eb

کاربر تازه وارد
تاریخ عضویت
25 ژوئن 2003
نوشته‌ها
40
لایک‌ها
0
یه سوال دارم، می خوام ببینم اگه بخواهیم یه صفحه رو به یه صفحه ی دیگه ریدایرکت کنیم از چه تگ اچ تی ام ال باید استفاده کنیم؟ ممکنه لطف کنید راهنمایی کنید؟ در ضمن می خوام ببینم که این کار رو توی بلاگسپات که ما فقط به تمپلیت دسترسی داریم می شه انجام داد؟ یعنی من اون تگ رو بذارم توی تمپلیت صفحه ی اولی و بازدیدکنندگان اون صفحه رو ارجاع بدم به یه صفحه ی دیگه در بلاگسپات؟ و آیا توی اون صفحه ی دوم هم نیازی به تگ خاصی هست؟
 
Mashaheer

Mashaheer

مدیر بازنشسته
کاربر فعال
تاریخ عضویت
5 می 2003
نوشته‌ها
1,992
لایک‌ها
17
سن
43
محل سکونت
UAE
با استفاده از كد زير ميتوانيد انجام دهيد:
کد: 
<meta http-equiv="refresh" content="10;url=http://tools.bolghan.com">
بين تگ Head قرار بده به جاي عدد 10 مي تونيد زمان دايركت شدن رو تعيين كنيد و به جاي http://tools.bolghan.com هم آدرس سايتي كه ميخواهيد دايركت بشه رو بذاريد يعني آدرس سايت دوم
موفق باشيد. :)
 
E

Eb

کاربر تازه وارد
تاریخ عضویت
25 ژوئن 2003
نوشته‌ها
40
لایک‌ها
0
مرسی جناب از راهنمایی تون.
حالا یه سوال دیگه: من از تمپلیت های خود بلاگر استفاده کردم (rounders2) اما همون طور که می دونین تمام تمپلیت ها چپ پین هستن. چه تگی رو کجا بذارم که کل نوشته ها ( اعم از تایتل و لینک های ستون بغل و متن وبلاگ) راست چین بشه؟
 
Mashaheer

Mashaheer

مدیر بازنشسته
کاربر فعال
تاریخ عضویت
5 می 2003
نوشته‌ها
1,992
لایک‌ها
17
سن
43
محل سکونت
UAE
شما ميتوانيد در كدهاي قالب نگاه كنيد جايي كه جهت (Direction) رو از چپ به راست (LTR) گذاشتند به راست به چپ (RTL) تغيير دهيد.
 
Mashaheer

Mashaheer

مدیر بازنشسته
کاربر فعال
تاریخ عضویت
5 می 2003
نوشته‌ها
1,992
لایک‌ها
17
سن
43
محل سکونت
UAE
اگر هم خودت نتونستي كدهاي قالب رو اينجا بذار تا برات تغييرش بديم.
 
E

Eb

کاربر تازه وارد
تاریخ عضویت
25 ژوئن 2003
نوشته‌ها
40
لایک‌ها
0
مرسی از لطف تون. راستش توی تمپلیت اصلی هیچ جاش ltr نداشت، من خودم سه سطر بعد از تگ <html> رو اضافه کردم که با زهم تاثیری در راست چین شدن نداشت. حالا من کل کد تمپلیت رو می ذارم این جا تا ببینین و بگین برای تغییراتی که می خوام باید چی رو کجا اضافه کنم.
علاوه بر راست چین شدن کل نوشته ها و تایتل، می خوام یک یا دو تا از اون باکس هایی که سمت راست هست و توی یکیش عنوان مطالب قبلی و توی یکی لیست ماه های آرشیو هست، داشته باشم که مثلا توی یکی ایمیل و این ها مو بنویسم و احیانا توی یکی لینک های موردعلاقه و اینا رو. ولی نمی دونم چه طور باید بسازم شون، می ترسم بیام الکی از روی کدهای اون دو تا باکس موجود کپی کنم بعد باز همه چی به هم بریزه! اگه ممکنه در این مورد هم راهنمایی کنین. خیلی مرسی.

دست احسان درد نکنه که این سایت رو درست کرد و دست شما همکاراش هم درد نکنه که با کمک هاتون به این سایت رونق می دین! ما هم به یه نوایی می رسیم!
اینم کد:
کد: 
<!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" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<div dir="rtl">
<div class="datetimeheader" dir="rtl">
  <title><$BlogPageTitle$></title>
  <$BlogMetaData$>
  <style type="text/css">
/*
-----------------------------------------------
Blogger Template Style
Name:     Rounders 2
Designer: Douglas Bowman
URL:      [url]www.stopdesign.com[/url]
Date:     27 Feb 2004
----------------------------------------------- */


body {
  background:#ccc;
  margin:0;
  padding:20px 10px;
  text-align:center;
  font:x-small/1.5em "Trebuchet MS",Verdana,Arial,Sans-serif;
  color:#333;
  font-size/* */:/**/small;
  font-size: /**/small;
  }


/* Page Structure
----------------------------------------------- */
/* The images which help create rounded corners depend on the 
   following widths and measurements. If you want to change 
   these measurements, the images will also need to change.
   */
#content {
  width:740px;
  margin:0 auto;
  text-align:left;
  }
#main {
  width:485px;
  float:left;
  background:#fff url("http://www.blogblog.com/rounders2/corners_main_bot.gif") no-repeat left bottom;
  margin:15px 0 0;
  padding:0 0 10px;
  color:#000;
  font-size:97%;
  line-height:1.5em;
  }
#main2 {
  float:left;
  width:100%;
  background:url("http://www.blogblog.com/rounders2/corners_main_top.gif") no-repeat left top;
  padding:10px 0 0;
  }
#main3 {
  background:url("http://www.blogblog.com/rounders2/rails_main.gif") repeat-y;
  padding:0;
  }
#sidebar {
  width:240px;
  float:right;
  margin:15px 0 0;
  font-size:97%;
  line-height:1.5em;
  }


/* Links
----------------------------------------------- */
a:link {
  color:#b30;
  }
a:visited {
  color:#666;
  }
a:hover {
  color:#c63;
  }
a img {
  border-width:0;
  }


/* Blog Header
----------------------------------------------- */
#header {
  background:#710 url("http://www.blogblog.com/rounders2/corners_cap_top.gif") no-repeat left top;
  margin:0 0 0;
  padding:8px 0 0;
  color:#fff;
  }
#header div {
  background:url("http://www.blogblog.com/rounders2/corners_cap_bot.gif") no-repeat left bottom;
  padding:0 15px 8px;
  }
#blog-title {
  margin:0;
  padding:10px 30px 5px;
  font-size:200%;
  line-height:1.2em;
  }
#blog-title a {
  text-decoration:none;
  color:#fff;
  }
#description {
  margin:0;
  padding:5px 30px 10px;
  font-size:94%;
  line-height:1.5em;
  }


/* Posts
----------------------------------------------- */
.date-header {
  margin:0 28px 0 43px;
  font-size:85%;
  line-height:2em;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#810;
  }
.post {
  margin:.3em 0 25px;
  padding:0 13px;
  border:1px dotted #bbb;
  border-width:1px 0;
  }
.post-title {
  margin:0;
  font-size:135%;
  line-height:1.5em;
  background:url("http://www.blogblog.com/rounders2/icon_arrow.gif") no-repeat 10px .5em;
  display:block;
  border:1px dotted #bbb;
  border-width:0 1px 1px;
  padding:2px 14px 2px 29px;
  color:#333;
  }
a.title-link, .post-title strong {
  text-decoration:none;
  display:block;
  }
a.title-link:hover {
  background-color:#eee;
  color:#000;
  }
.post-body {
  border:1px dotted #bbb;
  border-width:0 1px 1px;
  border-bottom-color:#fff;
  padding:10px 14px 1px 29px;
  }
html>body .post-body {
  border-bottom-width:0;
  }
.post p {
  margin:0 0 .75em;
  }
p.post-footer {
  background:#eee;
  margin:0;
  padding:2px 14px 2px 29px;
  border:1px dotted #bbb;
  border-width:1px;
  border-bottom:1px solid #eee;
  font-size:100%;
  line-height:1.5em;
  color:#666;
  text-align:right;
  }
html>body p.post-footer {
  border-bottom-color:transparent;
  }
p.post-footer em {
  display:block;
  float:left;
  text-align:left;
  font-style:normal;
  }
a.comment-link {
  /* IE5.0/Win doesn't apply padding to inline elements,
     so we hide these two declarations from it */
  background/* */:/**/url("http://www.blogblog.com/rounders2/icon_comment.gif") no-repeat 0 45%;
  padding-left:14px;
  }
html>body a.comment-link {
  /* Respecified, for IE5/Mac's benefit */
  background:url("http://www.blogblog.com/rounders2/icon_comment.gif") no-repeat 0 45%;
  padding-left:14px;
  }
.post img {
  margin:0 0 5px 0;
  padding:4px;
  border:1px solid #ccc;
  }
blockquote {
  margin:.75em 0;
  border:1px dotted #ccc;
  border-width:1px 0;
  padding:5px 15px;
  color:#666;
  }
.post blockquote p {
  margin:.5em 0;
  }


/* Comments
----------------------------------------------- */
#comments {
  margin:-25px 13px 0;
  border:1px dotted #ccc;
  border-width:0 1px 1px;
  padding:20px 0 15px 0;
  }
#comments h4 {
  margin:0 0 10px;
  padding:0 14px 2px 29px;
  border-bottom:1px dotted #ccc;
  font-size:120%;
  line-height:1.4em;
  color:#333;
  }
#comments-block {
  margin:0 15px 0 9px;
  }
.comment-data {
  background:url("http://www.blogblog.com/rounders2/icon_comment.gif") no-repeat 2px .3em;
  margin:.5em 0;
  padding:0 0 0 20px;
  color:#666;
  }
.comment-poster {
  font-weight:bold;
  }
.comment-body {
  margin:0 0 1.25em;
  padding:0 0 0 20px;
  }
.comment-body p {
  margin:0 0 .5em;
  }
.comment-timestamp {
  margin:0 0 .5em;
  padding:0 0 .75em 20px;
  color:#666;
  }
.comment-timestamp a:link {
  color:#666;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }


/* Profile
----------------------------------------------- */
#profile-container {
  background:#999 url("http://www.blogblog.com/rounders2/corners_prof_bot.gif") no-repeat left bottom;
  margin:0 0 15px;
  padding:0 0 10px;
  color:#fff;
  }
#profile-container h2 {
  background:url("http://www.blogblog.com/rounders2/corners_prof_top.gif") no-repeat left top;
  padding:10px 15px .2em;
  margin:0;
  border-width:0;
  font-size:115%;
  line-height:1.5em;
  color:#fff;
  }
.profile-datablock {
  margin:0 15px .5em;
  border-top:1px dotted #ccc;
  padding-top:8px;
  }
.profile-img {display:inline;}
.profile-img img {
  float:left;
  margin:0 10px 5px 0;
  border:4px solid #ccc;
  }
.profile-data strong {
  display:block;
  }
#profile-container p {
  margin:0 15px .5em;
  }
#profile-container .profile-textblock {
  clear:left;
  }
#profile-container a {
  color:#fff;
  }
.profile-link a {
  background:url("http://www.blogblog.com/rounders2/icon_profile.gif") no-repeat 0 .1em;
  padding-left:15px;
  font-weight:bold;
  }
ul.profile-datablock {
  list-style-type:none;
  }


/* Sidebar Boxes
----------------------------------------------- */
.box {
  background:#fff url("http://www.blogblog.com/rounders2/corners_side_top.gif") no-repeat left top;
  margin:0 0 15px;
  padding:10px 0 0;
  color:#666;
  }
.box2 {
  background:url("http://www.blogblog.com/rounders2/corners_side_bot.gif") no-repeat left bottom;
  padding:0 13px 8px;
  }
.sidebar-title {
  margin:0;
  padding:0 0 .2em;
  border-bottom:1px dotted #fa0;
  font-size:115%;
  line-height:1.5em;
  color:#333;
  }
.box ul {
  margin:.5em 0 1.25em;
  padding:0 0px;
  list-style:none;
  }
.box ul li {
  background:url("http://www.blogblog.com/rounders2/icon_arrow_sm.gif") no-repeat 2px .25em;
  margin:0;
  padding:0 0 3px 16px;
  margin-bottom:3px;
  border-bottom:1px dotted #eee;
  line-height:1.4em;
  }
.box p {
  margin:0 0 .6em;
  }


/* Footer
----------------------------------------------- */
#footer {
  clear:both;
  margin:0;
  padding:15px 0 0;
  }
#footer div {
  background:#710 url("http://www.blogblog.com/rounders2/corners_cap_top.gif") no-repeat left top;
  padding:8px 0 0;
  color:#fff;
  }
#footer div div {
  background:url("http://www.blogblog.com/rounders2/corners_cap_bot.gif") no-repeat left bottom;
  padding:0 15px 8px;
  }
#footer hr {display:none;}
#footer p {margin:0;}
#footer a {color:#fff;} 
  </style>
</head>
<body>
<!-- Begin #content - Centers all content and provides edges for floated columns -->
<div id="content">
<!-- Blog Header -->
<div id="header"><div>
  <h1 id="blog-title">
    <ItemPage><a href="<$BlogURL$>"></ItemPage>
	<$BlogTitle$>
	<ItemPage></a></ItemPage>
  </h1>
  <p id="description"><$BlogDescription$></p>
</div></div>
<!-- Begin #main - Contains main-column blog content -->
<div id="main"><div id="main2"><div id="main3">
<Blogger>
    <BlogDateHeader>
  <h2 class="date-header"><$BlogDateHeaderDate$></h2>
  </BlogDateHeader>
         <!-- Begin .post -->
  <div class="post"><a name="<$BlogItemNumber$>"></a>

     <BlogItemTitle>
	 <BlogItemUrl><a href="<$BlogItemUrl$>" title="external link" class="title-link"></BlogItemUrl>
    <h3 class="post-title">
	 <$BlogItemTitle$>
    </h3>
	 <BlogItemUrl></a></BlogItemUrl>
    </BlogItemTitle>
    <div class="post-body">
      <p>
      <$BlogItemBody$>
    </p>
    </div>
    <p class="post-footer">
      <em> <a href="<$BlogItemPermalinkUrl$>" title="permanent link"></a></em> &nbsp;
      <BlogItemCommentsEnabled>
         <a class="comment-link" href="<$BlogItemPermalinkURL$>#comments"><$BlogItemCommentCount$> comments</a>
      </BlogItemCommentsEnabled>  <$BlogItemControl$>
    </p>
    </div>
  <!-- End .post -->
    <!-- Begin #comments -->
 <ItemPage>
  <div id="comments">
	<BlogItemCommentsEnabled><a name="comments"></a>
    <h4><$BlogItemCommentCount$> Comments:</h4>
    <dl id="comments-block">
      <BlogItemComments>
      <dt class="comment-data" id="c<$BlogCommentNumber$>"><a name="c<$BlogCommentNumber$>"></a>
        At <a href="#c<$BlogCommentNumber$>" title="comment permalink"><$BlogCommentDateTime$></a>,
        <$BlogCommentAuthor$> said...
      </dt>
      <dd class="comment-body">
        <p><$BlogCommentBody$></p>
	  <$BlogCommentDeleteIcon$>
      </dd>
	  </BlogItemComments>
    </dl>

		<p class="comment-data">
    <$BlogItemCreate$>
    </p>
    </BlogItemCommentsEnabled>
		<p style="padding-left:20px;">
	<a href="<$BlogURL$>">&lt;&lt; Home</a>
    </p>
    </div>
</ItemPage>
  <!-- End #comments -->
</Blogger>
</div></div></div>
<!-- End #main -->
<!-- Begin #sidebar -->
<div id="sidebar">
    <!-- Begin #profile-container -->
   <$BlogMemberProfile$>
  <!-- End #profile -->
    <!-- Begin .box -->
  <div class="box"><div class="box2"><div class="box3">
      <h2 class="sidebar-title">Previous Posts</h2>
    <ul id="recently">
    <BloggerPreviousItems>
        <li><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a></li>
     </BloggerPreviousItems>
  </ul>
    <MainOrArchivePage>
  <h2 class="sidebar-title">Archives</h2>
    <ul class="archive-list">
   	  <BloggerArchives>
    	<li><a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a></li>

	  </BloggerArchives>
      <ArchivePage><li><a href="<$BlogURL$>">Current Posts</a></li></ArchivePage>
  </ul>
  </MainOrArchivePage>
      <p id="powered-by"><a href="http://www.blogger.com"><img src="http://buttons.blogger.com/bloggerbutton1.gif" alt="Powered by Blogger" /></a></p>
        <!--
    <p>This is a paragraph of text that could go in the sidebar.</p>
    -->
    </div></div></div>
  <!-- End .box -->
</div>
<!-- End #sidebar -->
<!-- Begin #footer -->
<div id="footer"><div><div><hr />
  <p><!-- This is an optional footer. If you want text here, place it inside these tags, and remove this comment. -->&nbsp;</p>
</div></div></div>
<!-- End #footer -->
</div>
<!-- End #content -->
</body>
</html>
 
Mashaheer

Mashaheer

مدیر بازنشسته
کاربر فعال
تاریخ عضویت
5 می 2003
نوشته‌ها
1,992
لایک‌ها
17
سن
43
محل سکونت
UAE
دوست عزيز من نوشته شما رو اديت كردم و كدهاي قالب رو بين دو تگ كد (code) گذاشتم.
الان كمي خسته ام فردا تا شب حتما قالبتون رو درست خواهم كرد.
 
E

Eb

کاربر تازه وارد
تاریخ عضویت
25 ژوئن 2003
نوشته‌ها
40
لایک‌ها
0
مرسی، منتظر می مونم.
 
Mashaheer

Mashaheer

مدیر بازنشسته
کاربر فعال
تاریخ عضویت
5 می 2003
نوشته‌ها
1,992
لایک‌ها
17
سن
43
محل سکونت
UAE
شرمنده كه دير كردم اينهم كدهاي وبلاگتون:
کد: 
<!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" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<div dir="rtl">
<div class="datetimeheader" dir="rtl">
  <title><$BlogPageTitle$></title>
  <$BlogMetaData$>
  <style type="text/css">
/*
-----------------------------------------------
Blogger Template Style
Name:     Rounders 2
Designer: Douglas Bowman
URL:      [url]www.stopdesign.com[/url]
Date:     27 Feb 2004
----------------------------------------------- */


body {
  background:#ccc;
  margin:0;
  padding:20px 10px;
  text-align:center;
  font:x-small/1.5em "Trebuchet MS",Verdana,Arial,Sans-serif;
  color:#333;
  font-size/* */:/**/small;
  font-size: /**/small;
  }


/* Page Structure
----------------------------------------------- */
/* The images which help create rounded corners depend on the 
   following widths and measurements. If you want to change 
   these measurements, the images will also need to change.
   */
#content {
  width:740px;
  margin:0 auto;
  text-align:left;
  }
#main {
  width:485px;
  float:left;
  background:#fff url("http://www.blogblog.com/rounders2/corners_main_bot.gif") no-repeat left bottom;
  margin:15px 0 0;
  padding:0 0 10px;
  color:#000;
  font-size:97%;
  line-height:1.5em;
  }
#main2 {
  float:left;
  width:100%;
  background:url("http://www.blogblog.com/rounders2/corners_main_top.gif") no-repeat left top;
  padding:10px 0 0;
  }
#main3 {
  background:url("http://www.blogblog.com/rounders2/rails_main.gif") repeat-y;
  padding:0;
  }
#sidebar {
  width:240px;
  float:right;
  margin:15px 0 0;
  font-size:97%;
  line-height:1.5em;
  }


/* Links
----------------------------------------------- */
a:link {
  color:#b30;
  }
a:visited {
  color:#666;
  }
a:hover {
  color:#c63;
  }
a img {
  border-width:0;
  }


/* Blog Header
----------------------------------------------- */
#header {
  background:#710 url('http://www.blogblog.com/rounders2/corners_cap_top.gif') no-repeat left top;
  margin:0;
  color:#fff; direction:rtl; text-align:right; padding-left:0; padding-right:0; padding-top:8px; padding-bottom:0
  }
#header div {
  background:url("http://www.blogblog.com/rounders2/corners_cap_bot.gif") no-repeat left bottom;
  padding:0 15px 8px;
  }
#blog-title {
  margin:0;
  padding:10px 30px 5px;
  font-size:200%;
  line-height:1.2em;
  }
#blog-title a {
  text-decoration:none;
  color:#fff;
  }
#description {
  margin:0;
  padding:5px 30px 10px;
  font-size:94%;
  line-height:1.5em;
  }


/* Posts
----------------------------------------------- */
.date-header {
  margin:0 28px 0 43px;
  font-size:85%;
  line-height:2em;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#810;
  }
.post {
  border-left:0 dotted #bbb; border-right:0 dotted #bbb; border-top:1px dotted #bbb; border-bottom:1px dotted #bbb; text-align:right; direction:rtl; margin-left:0; margin-right:0; margin-top:.3em; margin-bottom:25px; padding-left:13px; padding-right:13px; padding-top:0; padding-bottom:0
  }
.post-title {
  border-left:1px dotted #BBBBBB; border-right:1px dotted #BBBBBB; border-top:0 dotted #BBBBBB; border-bottom:1px dotted #BBBBBB; background-position: right .5em; margin:0; font-size:135%;
  line-height:1.5em;
  display:block;
  color:#333333;padding-left:29px; padding-right:14px; padding-top:2px; padding-bottom:2px; background-image:url('http://www.blogblog.com/rounders2/icon_arrow.gif'); background-repeat:no-repeat; background-attachment:scroll
  }
a.title-link, .post-title strong {
  text-decoration:none;
  display:block;
  }
a:hover.title-link {
  background-color:#eee;
  color:#000;
  }
.post-body {
  border:1px dotted #bbb;
  border-width:0 1px 1px;
  border-bottom-color:#fff;
  padding:10px 14px 1px 29px;
  }
html>body .post-body {
  border-bottom-width:0;
  }
.post p {
  margin:0 0 .75em;
  }
p.post-footer {
  background:#eee;
  margin:0;
  padding:2px 14px 2px 29px;
  border:1px dotted #bbb;
  border-width:1px;
  border-bottom:1px solid #eee;
  font-size:100%;
  line-height:1.5em;
  color:#666;
  text-align:right;
  }
html>body p.post-footer {
  border-bottom-color:transparent;
  }
p.post-footer em {
  display:block;
  float:left;
  text-align:left;
  font-style:normal;
  }
a.comment-link {
  /* IE5.0/Win doesn't apply padding to inline elements,
     so we hide these two declarations from it */
  background/* */:/**/url("http://www.blogblog.com/rounders2/icon_comment.gif") no-repeat 0 45%;
  padding-left:14px;
  }
html>body a.comment-link {
  /* Respecified, for IE5/Mac's benefit */
  background:url("http://www.blogblog.com/rounders2/icon_comment.gif") no-repeat 0 45%;
  padding-left:14px;
  }
.post img {
  margin:0 0 5px 0;
  padding:4px;
  border:1px solid #ccc;
  }
blockquote {
  margin:.75em 0;
  border:1px dotted #ccc;
  border-width:1px 0;
  padding:5px 15px;
  color:#666;
  }
.post blockquote p {
  margin:.5em 0;
  }


/* Comments
----------------------------------------------- */
#comments {
  margin:-25px 13px 0;
  border:1px dotted #ccc;
  border-width:0 1px 1px;
  padding:20px 0 15px 0;
  }
#comments h4 {
  margin:0 0 10px;
  padding:0 14px 2px 29px;
  border-bottom:1px dotted #ccc;
  font-size:120%;
  line-height:1.4em;
  color:#333;
  }
#comments-block {
  margin:0 15px 0 9px;
  }
.comment-data {
  background:url("http://www.blogblog.com/rounders2/icon_comment.gif") no-repeat 2px .3em;
  margin:.5em 0;
  padding:0 0 0 20px;
  color:#666;
  }
.comment-poster {
  font-weight:bold;
  }
.comment-body {
  margin:0 0 1.25em;
  padding:0 0 0 20px;
  }
.comment-body p {
  margin:0 0 .5em;
  }
.comment-timestamp {
  margin:0 0 .5em;
  padding:0 0 .75em 20px;
  color:#666;
  }
.comment-timestamp a:link {
  color:#666;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }


/* Profile
----------------------------------------------- */
#profile-container {
  background:#999 url("http://www.blogblog.com/rounders2/corners_prof_bot.gif") no-repeat left bottom;
  margin:0 0 15px;
  padding:0 0 10px;
  color:#fff;
  }
#profile-container h2 {
  background:url("http://www.blogblog.com/rounders2/corners_prof_top.gif") no-repeat left top;
  padding:10px 15px .2em;
  margin:0;
  border-width:0;
  font-size:115%;
  line-height:1.5em;
  color:#fff;
  }
.profile-datablock {
  margin:0 15px .5em;
  border-top:1px dotted #ccc;
  padding-top:8px;
  }
.profile-img {display:inline;}
.profile-img img {
  float:left;
  margin:0 10px 5px 0;
  border:4px solid #ccc;
  }
.profile-data strong {
  display:block;
  }
#profile-container p {
  margin:0 15px .5em;
  }
#profile-container .profile-textblock {
  clear:left;
  }
#profile-container a {
  color:#fff;
  }
.profile-link a {
  background:url("http://www.blogblog.com/rounders2/icon_profile.gif") no-repeat 0 .1em;
  padding-left:15px;
  font-weight:bold;
  }
ul.profile-datablock {
  list-style-type:none;
  }


/* Sidebar Boxes
----------------------------------------------- */
.box {
  background:#fff url("http://www.blogblog.com/rounders2/corners_side_top.gif") no-repeat left top;
  margin:0 0 15px;
  padding:10px 0 0;
  color:#666;
  }
.box2 {
  background:url("http://www.blogblog.com/rounders2/corners_side_bot.gif") no-repeat left bottom;
  padding:0 13px 8px;
  }
.sidebar-title {
  margin:0;
  padding:0 0 .2em;
  border-bottom:1px dotted #fa0;
  font-size:115%;
  line-height:1.5em;
  color:#333;
  }
.box ul {
  margin:.5em 0 1.25em;
  padding:0 0px;
  list-style:none;
  }
.box ul li {
  background:url("http://www.blogblog.com/rounders2/icon_arrow_sm.gif") no-repeat 2px .25em;
  margin:0;
  padding:0 0 3px 16px;
  margin-bottom:3px;
  border-bottom:1px dotted #eee;
  line-height:1.4em;
  }
.box p {
  margin:0 0 .6em;
  }


/* Footer
----------------------------------------------- */
#footer {
  clear:both;
  margin:0;
  padding:15px 0 0;
  }
#footer div {
  background:#710 url("http://www.blogblog.com/rounders2/corners_cap_top.gif") no-repeat left top;
  padding:8px 0 0;
  color:#fff;
  }
#footer div div {
  background:url("http://www.blogblog.com/rounders2/corners_cap_bot.gif") no-repeat left bottom;
  padding:0 15px 8px;
  }
#footer hr {display:none;}
#footer p {margin:0;}
#footer a {color:#fff;} 
  </style>
</head>
<body>
<!-- Begin #content - Centers all content and provides edges for floated columns -->
<div id="content">
<!-- Blog Header -->
<div id="header"><div>
  <h1 id="blog-title">
    <ItemPage><a href="<$BlogURL$>"></ItemPage>
	<$BlogTitle$>
	<ItemPage></a></ItemPage>
  </h1>
  <p id="description"><$BlogDescription$></p>
</div></div>
<!-- Begin #main - Contains main-column blog content -->
<div id="main"><div id="main2"><div id="main3">
<Blogger>
    <BlogDateHeader>
  <h2 class="date-header"><$BlogDateHeaderDate$></h2>
  </BlogDateHeader>
         <!-- Begin .post -->
  <div class="post"><a name="<$BlogItemNumber$>"></a>

     <BlogItemTitle>
	 <BlogItemUrl><a href="<$BlogItemUrl$>" title="external link" class="title-link"></BlogItemUrl>
    <h3 class="post-title">
	 <$BlogItemTitle$>
    </h3>
	 <BlogItemUrl></a></BlogItemUrl>
    </BlogItemTitle>
    <div class="post-body">
      <p>
      <$BlogItemBody$>
    </p>
    </div>
    <p class="post-footer">
      <em> <a href="<$BlogItemPermalinkUrl$>" title="permanent link"></a></em> &nbsp;
      <BlogItemCommentsEnabled>
         <a class="comment-link" href="<$BlogItemPermalinkURL$>#comments"><$BlogItemCommentCount$> comments</a>
      </BlogItemCommentsEnabled>  <$BlogItemControl$>
    </p>
    </div>
  <!-- End .post -->
    <!-- Begin #comments -->
 <ItemPage>
  <div id="comments">
	<BlogItemCommentsEnabled><a name="comments"></a>
    <h4><$BlogItemCommentCount$> Comments:</h4>
    <dl id="comments-block">
      <BlogItemComments>
      <dt class="comment-data" id="c<$BlogCommentNumber$>"><a name="c<$BlogCommentNumber$>"></a>
        At <a href="#c<$BlogCommentNumber$>" title="comment permalink"><$BlogCommentDateTime$></a>,
        <$BlogCommentAuthor$> said...
      </dt>
      <dd class="comment-body">
        <p><$BlogCommentBody$></p>
	  <$BlogCommentDeleteIcon$>
      </dd>
	  </BlogItemComments>
    </dl>

		<p class="comment-data">
    <$BlogItemCreate$>
    </p>
    </BlogItemCommentsEnabled>
		<p style="padding-left:20px;">
	<a href="<$BlogURL$>">&lt;&lt; Home</a>
    </p>
    </div>
</ItemPage>
  <!-- End #comments -->
</Blogger>
</div></div></div>
<!-- End #main -->
<!-- Begin #sidebar -->
<div id="sidebar">
    <!-- Begin #profile-container -->
   <$BlogMemberProfile$>
  <!-- End #profile -->
    <!-- Begin .box -->
  <div class="box"><div class="box2"><div class="box3">
  <h2 class="sidebar-title">Main Menu</h2>
    <ul id="recently">
    	<li>Home</li>
    	<li>Archive</li>
    	<li>AAA</li>
        <li>E-mail</li>
  </ul>
 
      <h2 class="sidebar-title">Previous Posts</h2>
    <ul id="recently">
    <BloggerPreviousItems>
        <li><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a></li>
     </BloggerPreviousItems>
  </ul>
    <MainOrArchivePage>
  <h2 class="sidebar-title">Archives</h2>
    <ul class="archive-list">
   	  <BloggerArchives>
    	<li><a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a></li>

	  </BloggerArchives>
      <ArchivePage><li><a href="<$BlogURL$>">Current Posts</a></li></ArchivePage>
  </ul>
  </MainOrArchivePage>
  
  <h2 class="sidebar-title">Links</h2>
    <ul id="recently">
        <li>Links</li>
        <li>Links</li>
        <li>Links</li>
        <li>Links</li>
        <li>Links</li>
        <li>Links</li>
  </ul>
  
      <p id="powered-by"><a href="http://www.blogger.com"><img src="http://buttons.blogger.com/bloggerbutton1.gif" alt="Powered by Blogger" /></a></p>
        <!--
    <p>This is a paragraph of text that could go in the sidebar.</p>
    -->
    </div></div></div>
  <!-- End .box -->
</div>
<!-- End #sidebar -->
<!-- Begin #footer -->
<div id="footer"><div><div><hr />
  <p><!-- This is an optional footer. If you want text here, place it inside these tags, and remove this comment. -->&nbsp;</p>
</div></div></div>
<!-- End #footer -->
</div>
<!-- End #content -->
</body>
</html>
تغييرات:
1. عنوان وبلاگ از چپ به راست تغيير داده شده
2. جهت متنهاي از چپ به راست تغيير داده شد.
3. دو تا كادر در كنار وبلاگتون اضافه شد.
براي اينكه متوجه تغييرات بشويد كدهاي استايل رو با هم چك كنيد.
 
E

Eb

کاربر تازه وارد
تاریخ عضویت
25 ژوئن 2003
نوشته‌ها
40
لایک‌ها
0
الهی خیر ببینی ننه که مادری رو از نگرانی نجات دادی :) جدا دست تون دردنکنه که لطف کردین و تمپلیت رو بررسی و اصلاح کردین. وبلاگم با اون اوضاع چپ چین خیلی ضایع بود! به هر چی هم دست می زدم یا اون جور که می خواستم درست نمی شد یا به هم می ریخت! من آخرش برای حل مشکل وبلاگ درست کردن هم که شده باید برم اچتمل یادبگیرم:)
 
Mashaheer

Mashaheer

مدیر بازنشسته
کاربر فعال
تاریخ عضویت
5 می 2003
نوشته‌ها
1,992
لایک‌ها
17
سن
43
محل سکونت
UAE
خواهش عزيز
براي درست كردن قالب به آن صورت شما علاوه بر HTML بايد CSS هم ياد بگيرد.
در وبلاگ من چند درس از CSS وجود داره. آدرسش هم در امضا هستش
 
You must log in or register to reply here.

تبلیغات متنی


بالا