یکی بیاد و آقایی کنه

logical_82

Member
آقا یکی بیاد مرحله به مرحله تبدیل تیبل به سی اس اس رو آموزش بده تا راه بیافتیم ما هم .
پیشاپیش از اساتید تشکر به عمل می آید .
 
خوب چیزی که الان شما میخوای بدونی چیزی نیست که بشه یه دفعه توضیحش داد اون هم تو یه پست
شما باید جدول ها رو با div تعویض کنی و سعی کنی همون چیزی هایی رو که داخل جدول داشتی رو داخل تگ های div قرار بدی

شما مثلا یه طرح ساده با جدول درست کن و یه جا مثلا روی پرشین گیگ قرار بده. بعد اون رو به ما بده تا بگیم چطور باید با CSS طراحیش کنی
 

sajjad_eb

Well-Known Member
آقا یکی بیاد مرحله به مرحله تبدیل تیبل به سی اس اس رو آموزش بده تا راه بیافتیم ما هم .
پیشاپیش از اساتید تشکر به عمل می آید .

به نظر من بهترین کار اینه که بری اینجا و چنتا نمونه بگیری و با دقت کدهاش رو بررسی کنی. هرجا هم که مشکل داشتی بیا اینجا و بگو . دوستان کمکت می کنن. این بهترین راه هستش به نظر من . :)
 

logical_82

Member
ممنون اما من چیز های مبتدی ازش بلدم . اگه E-Book خوب سراغ دارید لطف کنید معرفی کنید تا بخونم .
 

logical_82

Member
انگلیسی باشه که بهتر .

راستی امکانش هست یکی یه قالب که با تیبل هست رو به سی اس اس تبدیل کنه و هم فایل تیبل و هم فایل سی اس اس رو بزاره تا بهتر بشه درک کرد؟
 

echessdesign

مدیر انجمن طراحی وب
logical_82 جان
table مورد نظرت رو اینجا قرار بده تا دوستان با CSS پیاده سازی کنند.
با این توجه که تکنیک پیاده سازی CSS متفاوت هست، با روش های دوستان آشنا بشی
 
این کتاب خیلی خوبه. توش 10 تا پروژه داره که eric meyer این پروژه ها رو با CSS از اول تا آخر انجام میده و مرحله به مرحله هم آموزش میده. یکی از بهترین کتاب های CSS هست چون CSS رو تو کار و در عمل یادت میده
پروژه اولش هم تبدیل یه طراحی بر پایه table به یه طراحی بر پایه CSS هست

cover-sm.jpg


متاسفانه لینک دانلودی که من ازش داشتم پاک شده
یکی از دوستان هست که میتونه این ها رو برات پیدا کنه و آپلود کنه
اگر اون اقا این پست رو ببینه کتاب رو برات پیدا میکنه تا دانلودش کنی
 

logical_82

Member
من خیلی مقاله ها خوندم اما اگه یه قالب ی که تیبل بوده و به سی اس اس تبدیلش کردید رو بزارید (قبل و بعد از تبدیل) خیلی بهتر می شه درک کرد.
 
این قالب بلاگفا هستش که خودم تبدیل به سی اس اس کردم
البته این کد پر از اشتباه هستش که وقتشو نداشتم اونا رو تصحیح کنند
دوستان اگه میشه لطف کنید و اینو تصحیحش کنید و غلط هاش رو با دلیل بگید تا هم یه آموزش باشه هم کمکی به من باشه
قبل از تبدیل
HTML:
<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<META NAME="description" CONTENT="<-BlogAndPostTitle-> - <-BlogDescription->">
<META NAME="keywords" CONTENT="<-BlogAndPostTitle->,<-BlogId->, Blog, Weblog, Persian,Iran, Iranian, Farsi, Weblogs, Blogs">
<link rel="alternate" type="application/rss+xml" title="<-BlogTitle->" href="<-BlogXmlLink->" />
<meta name="GENERATOR" content="BlogFa.com">
<title><-BlogAndPostTitle-></title>
<style>
Table{font-family: Tahoma; font-size: 8pt;color:white}
.BlogTitle{color:white ;font-family: Arial; font-size: 18pt; font-weight: bold;}
.BlogTitle A:link {color:white;text-decoration: none}
.BlogTitle A:visited {color:white;text-decoration: none;}
.BlogTitle A:hover {color:white;text-decoration: none}

.BlogSubTitle{color:#F2F2F2 ;font-family: Tahoma;font-size: 9pt;padding-bottom: 6px}



.posttitle{font-size: 9pt;font-family: Tahoma; color:#FFFFFF;font-weight: bold;padding-top: 6px; padding-bottom: 2px;}
.posttitle A:link {color:#FFFFFF;font-weight: bold;text-decoration: none}
.posttitle A:visited {color:#FFFFFF;font-weight: bold;text-decoration: none;}
.posttitle A:hover {color:yellow;font-weight: bold;text-decoration: none}
 
.postdesc {font-size: 7pt;font-family: Tahoma;color:white;}
.postdesc  A:link{color:#FFFF00;text-decoration: none;}
.postdesc  A:visited {color:#FFFF00;text-decoration: none;}
.postdesc  A:hover{color:#FFFF00;text-decoration: underline;}

.PostBody {font-size: 9pt;font-family: Tahoma;color:#F2F2F2;line-height:1.5em;padding:3px}
.PostBody A:link{color:#FFFF00;text-decoration: none;}
.PostBody A:visited {color:#FFFF00;text-decoration: none;}
.PostBody A:hover{color:#FFFF00;text-decoration: underline;}

 A:link {color:#cccccc;text-decoration: none}
 A:visited {color:#cccccc;text-decoration: none;}
 A:hover {color:#ffffff;text-decoration: none}
</style>

<script  language="javascript">
  function GetBC(lngPostid)
   {
       intTimeZone=<-BlogTimeZone->;
       strBlogId="<-BlogId->";
       intCount=-1;
       strResult="";
       try {
	  for (i=0;i<BlogComments.length;i+=2)
	  {
	       if (BlogComments[i]==lngPostid)
	       intCount=BlogComments[i+1] ;
	  }
           }  catch( e) {
           }
    if ( intCount==-1)  strResult="آرشیو نظرات";
    if ( intCount==0)  strResult="نظر بدهید";
    if ( intCount==1)  strResult="یک نظر";
    if ( intCount>1)  strResult=intCount + " نظر" ;
  
  strUrl="http://commenting.blogfa.com/?blogid=" +strBlogId + "&postid=" + lngPostid + "&timezone=" + intTimeZone ;
  strResult ="<a href=\"javascript:void(0)\" onclick=\"javascript:window.open('" + strUrl + "','blogfa_comments','status=yes,scrollbars=yes,toolbar=no,menubar=no,location=no ,width=500px,height=500px')\" >" +  strResult + " </a>" ;

  document.write ( strResult ) ;
 }
 
 function OpenLD()
{
  window.open('LinkDump.aspx','blogfa_ld','status=yes,scrollbars=yes,toolbar=no,menubar=no,location=no ,width=500px,height=500px');
  return true;
}

</script>

</head>

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" bgColor=#000000 >

<div align="center">
  <center>
  <table border="0" cellpadding="0" style="border-collapse: collapse" width="720" height="111">
    <tr>
      <td style="border-left:1px solid #3c3c3c; background-image: url('http://vbasic6.persiangig.com/blogfa_theme_red/ltop.jpg'); background-repeat: repeat-x" width="31" valign="top" align="right">
      &nbsp;</td>
      <td height="111" dir="rtl" style="background-image: url('http://www.bigboy.persiangig.com/theme/filltop.jpg'); background-repeat: repeat-x" align="center">
      <div class="BlogTitle" dir="rtl"  ><a href="<-BlogUrl->"><-BlogTitle-></a></div> 
      <span class="BlogSubTitle" dir="rtl" ><-BlogDescription-></span> 
      
      </td>
      <td style="border-right:1px solid #3c3c3c; background-image: url('http://vbasic6.persiangig.com/blogfa_theme_red/zswjnq.jpg'); background-repeat: repeat-x" width="70" valign="top" height="111">
      &nbsp;</td>
    </tr>
    </table>
  <p><font size="1">&nbsp;</font></p>
  <div style="background-color:black;width:760px;text-align:right;background-image: url('http://www.blogfa.com/layouts/siah/bgall.gif');border-bottom:1px solid #3c3c3c">
  
  <div id="posts" style="widith:560px;float:right; width:549px; height:102px">
        <BLOGFA>
          <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="559" height="96">
            <tr>
              <td width="100%" height="1" style="border-right: 1px solid #3c3c3c"></td>
            </tr>
            <tr>
              <td width="100%"  background="http://vbasic6.persiangig.com/blogfa_theme_red/hpost.gif" height="26">
               <div class="PostTitle" dir="rtl" ><a href="<-PostLink->">
				<-PostTitle-></a></div>
              </td>
            </tr>
            <tr>
              <td width="100%" height="13"  style="color:#F2F2F2;padding-bottom:7px;padding-top:3px;border-left: 1px solid #3c3c3c; border-right-width: 1; border-top-width: 1" bgcolor="black" >
              <div dir="rtl"  class="PostBody"><-PostContent-><BlogExtendedPost><br><a href="<-PostLink->">
				ادامه مطلب</a></BlogExtendedPost></div>
              </td>
            </tr>
            <tr>
              <td width="100%" style="border-left: 1px solid #3c3c3c; border-right-width: 1; border-top-width: 1; border-bottom: 1px solid #3c3c3c; " bgcolor="black">
              <div class="postdesc" dir="rtl" style="width: 558; height: 20">
                <a  href="<-PostLink->">+</a> نوشته شده در&nbsp; 
				<-PostDate->ساعت <-PostTime->&nbsp; توسط <-PostAuthor-> |&nbsp;
                <BlogComment>
                <script type="text/javascript">GetBC(<-PostId->);</script>
                 </BlogComment>
              </div>
              </td>
            </tr>
          </table>
          </BLOGFA>
</div>
<!-- End Posts div-->
<div id="siderbar" style="width:182px;float:left;text-direction:rtl; height:807px" dir="rtl">
<table border="0" cellpadding="0" style="border-collapse: collapse" width="100%" bgColor=#000000 >
  <tr>
    <td valign="bottom" style="background-image: url('http://vbasic6.persiangig.com/blogfa_theme_red/hright.gif'); background-repeat: no-repeat; padding-bottom:3px" height="31" width="160" align="center">
              &nbsp;</td>
  </tr>
  <tr>
    <td style="padding:2px;padding-right:5px;border-right: 1px solid #3c3c3c; border-top-width: 1px; border-bottom: 1px solid #3c3c3c; background-color: #000000;line-height: 150%;FILTER: progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#450000, EndColorStr=#8A1616, GradientType=0);" height="50"  >
                  <a href="<-BlogUrl->">صفحه نخست</a><br>
              <a href="mailto:<-BlogEmail->">پست الکترونیک</a><br>
              <a href="<-BlogArchiveLink->">آرشیو</a> <br>
    </td>
  </tr>
  <tr>
    <td height="11" style="border-left: 1px solid #3c3c3c" ></td>
  </tr>
</table>
<table border="0" cellpadding="0" style="border-collapse: collapse" width="100%" bgColor=#000000 >
  <tr>
    <td valign="bottom" style="background-image: url('http://vbasic6.persiangig.com/blogfa_theme_red/hright.gif'); background-repeat: no-repeat; padding-bottom:3px" height="31" width="160" align="center">
              <font color="#FFFFFF">درباره وبلاگ</font></td>
  </tr>
  <tr>
    <td style="border-right: 1px solid #3c3c3c; border-top-width: 1px; border-bottom: 1px solid #3c3c3c; background-color: #000000; padding:2px;FILTER: progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#450000, EndColorStr=#8A1616, GradientType=0);" height="50">
      <BlogProfile>
		    <BlogPhoto>
              <div align="center">
                <img src="<-BlogPhotoLink->">
              </div>
		    </BlogPhoto>
              <div style="width: 155; height: 13;color:#cccccc" dir="rtl">
                <-BlogAbout-></div>
</BlogProfile>
              <br>
    </td>
  </tr>
  <tr>
    <td height="11" style="border-left: 1px solid #3c3c3c" ></td>
  </tr>
</table>
<!--start-->
<BlogLinkDumpBlock>
<table border="0" cellpadding="0" style="border-collapse: collapse" width="100%" bgColor=#000000>
  <tr>
    <td valign="bottom" style="background-image: url('http://vbasic6.persiangig.com/blogfa_theme_red/hright.gif'); background-repeat: no-repeat; padding-bottom:3px" height="31" width="160" align="center">
              <font color="#FFFFFF">پیوندهای روزانه</font></td>
  </tr>
  <tr>
    <td style="padding:2px;padding-right:5px;line-height: 150%;border-right: 1px solid #3c3c3c; border-top-width: 1px; border-bottom: 1px solid #3c3c3c; background-color: #000000;FILTER: progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#450000, EndColorStr=#8A1616, GradientType=0);" height="50">
	 <BlogLinkDump>
			<a href="<-LinkUrl->" target="_blank" title="<-LinkDescription->" >
		<-LinkTitle-></a><br>
	 </BlogLinkDump> 
	<a href="javascript:void(0)" onclick ="OpenLD();">آرشیو پیوندهای روزانه</a>
    
    </td>
  </tr>
  <tr>
    <td height="11" style="border-left: 1px solid #3c3c3c" ></td>
  </tr>
</table>
</BlogLinkDumpBlock>
<!--end-->

<table border="0" cellpadding="0" style="border-collapse: collapse" width="100%" bgColor=#000000 >
  <tr>
    <td valign="bottom" style="background-image: url('http://vbasic6.persiangig.com/blogfa_theme_red/hright.gif'); background-repeat: no-repeat; padding-bottom:3px" height="31" width="160" align="center">
              <font color="#FFFFFF">نوشته های پیشین</font></td>
  </tr>
  <tr>
    <td style="padding:2px;padding-right:5px;line-height: 150%;border-right: 1px solid #3c3c3c; border-top-width: 1px; border-bottom: 1px solid #3c3c3c; background-color: #000000;FILTER: progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#450000, EndColorStr=#8A1616, GradientType=0);" height="50"  >
                 	<BlogArchive>
<a href="<-ArchiveLink->"><-ArchiveTitle-></a><br>
	</BlogArchive>
    
    </td>
  </tr>
  <tr>
    <td height="11" style="border-left: 1px solid #3c3c3c" ></td>
  </tr>
</table>

<!--start-->
<BlogCategoriesBlock>
<table border="0" cellpadding="0" style="border-collapse: collapse" width="100%" bgColor=#000000>
  <tr>
    <td valign="bottom" style="background-image: url('http://vbasic6.persiangig.com/blogfa_theme_red/hright.gif'); background-repeat: no-repeat; padding-bottom:3px" height="31" width="160" align="center">
              <font color="#FFFFFF">آرشیو موضوعی</font></td>
  </tr>
  <tr>
    <td style="padding:2px;padding-right:5px;line-height: 150%;border-right: 1px solid #3c3c3c; border-top-width: 1px; border-bottom: 1px solid #3c3c3c; background-color: #000000;FILTER: progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#450000, EndColorStr=#8A1616, GradientType=0);" height="50" >
	 <BlogCategories>
			<a href="<-CategoryLink->"   ><-CategoryName-></a><br>
	</BlogCategories>
    
    </td>
  </tr>
  <tr>
    <td height="11" style="border-left: 1px solid #3c3c3c" ></td>
  </tr>
</table>
</BlogCategoriesBlock>
<!--end-->


<BlogLinksBlock>
<table border="0" cellpadding="0" style="border-collapse: collapse" width="100%" bgColor=#000000>
  <tr>
    <td valign="bottom" style="background-image: url('http://vbasic6.persiangig.com/blogfa_theme_red/hright.gif'); background-repeat: no-repeat; padding-bottom:3px" height="31" width="160" align="center">
              <font color="#FFFFFF">پیوندها</font></td>
  </tr>
  <tr>
    <td style="padding:2px;padding-right:5px;line-height: 150%;border-right: 1px solid #3c3c3c; border-top-width: 1px; border-bottom: 1px solid #3c3c3c; background-color: #000000;FILTER: progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#450000, EndColorStr=#8A1616, GradientType=0);" height="50" >
		<BlogLinks>
			<a href="<-LinkUrl->" target="_blank"><-LinkTitle-></a><br>
		</BlogLinks>  
    
    </td>
  </tr>
  <tr>
    <td height="11" style="border-left: 1px solid #3c3c3c" ></td>
  </tr>
</table>
</BlogLinksBlock>

          <div align="center" style=" font-family:tahoma; font-size: 8pt;color:white">
            <-BlogCustomHtml->
          </div>

</div>

<div style="clear: both;">&nbsp;</div>  
  
  </div>
  </center>
</div>

</body>

</html>
 
بعد از تبدیل


کد صفحه
HTML:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<META NAME="description" CONTENT="<-BlogAndPostTitle-> - <-BlogDescription->">
<META NAME="keywords" CONTENT="<-BlogAndPostTitle->,<-BlogId->, Blog, Weblog, Persian,Iran, Iranian, Farsi, Weblogs, Blogs">
<link rel="alternate" type="application/rss+xml" title="<-BlogTitle->" href="<-BlogXmlLink->" />
<link rel="stylesheet" type="text/css" href="http://vbasic6.persiangig.com/blogfathemeredcss/weblog.css" />
<meta name="GENERATOR" content="BlogFa.com">
<title><-BlogAndPostTitle-></title>
<script  language="javascript">
  function GetBC(lngPostid)
   {
       intTimeZone=<-BlogTimeZone->;
       strBlogId="<-BlogId->";
       intCount=-1;
       strResult="";
       try {
	  for (i=0;i<BlogComments.length;i+=2)
	  {
	       if (BlogComments[i]==lngPostid)
	       intCount=BlogComments[i+1] ;
	  }
           }  catch( e) {
           }
    if ( intCount==-1)  strResult="آرشیو نظرات";
    if ( intCount==0)  strResult="نظر بدهید";
    if ( intCount==1)  strResult="یک نظر";
    if ( intCount>1)  strResult=intCount + " نظر" ;
  strUrl="http://commenting.blogfa.com/?blogid=" +strBlogId + "&postid=" + lngPostid + "&timezone=" + intTimeZone ;
  strResult ="<a href=\"javascript:void(0)\" onclick=\"javascript:window.open('" + strUrl + "','blogfa_comments','status=yes,scrollbars=yes,toolbar=no,menubar=no,location=no ,width=500px,height=500px')\" >" +  strResult + " </a>" ;
  document.write ( strResult ) ;
 }
 function OpenLD()
{
  window.open('LinkDump.aspx','blogfa_ld','status=yes,scrollbars=yes,toolbar=no,menubar=no,location=no ,width=500px,height=500px');
  return true;
}
</script>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" bgColor=#000000 >
<div align="center">
<center>
<div style=" width:747px; height: 96px; z-index: 1" id="layer1">

<div class="ltop">&nbsp;</div>
<div class="filltop">dfgdfgdf</div>
<div class="rtop">&nbsp;</div>

</div>
</center>
<center>
	<div class="badan">
<div id="posts" style="widith:560px;float:right; width:588px; height:116px">
        <BLOGFA>
		<div class="post11">
            <div>
              <div class="post12">
              
                <div class="PostTitle" dir="rtl" ><a href="<-PostLink->">
					<-PostTitle-></a></div>
              
              </div>
            </div>
            <div>
              <div class="post1"  >
              <div dir="rtl"  class="PostBody"><-PostContent-><BlogExtendedPost><br><a href="<-PostLink->">
				ادامه مطلب</a></BlogExtendedPost></div>
              </div>
            </div>
            <div>
              <div class="post13">
              <div class="postdesc" dir="rtl">
                <a  href="<-PostLink->">+ نوشته شده در&nbsp; 
				<-PostDate->ساعت <-PostTime->&nbsp; توسط <-PostAuthor-> |&nbsp;
                <BlogComment>
                <script type="text/javascript">GetBC(<-PostId->);</script>
                 </BlogComment>
              </div>
              </div>
            </div>
          </div>
          </BLOGFA>
</div>
<div id="siderbar" style="sidebar; width:155px; height:185px" dir="rtl">
<div class="side101">

    <div class="sidetop">
              &nbsp;</div>

 
    <div class="side1">
                  <a href="<-BlogUrl->">صفحه نخست</a><br>
              <a href="mailto:<-BlogEmail->">پست الکترونیک</a><br>
              <a href="<-BlogArchiveLink->">آرشیو</a> <br>
    </div>
</div>


<div class="side101">

    <div class="sidetop" ><p class="sidehead">درباره وبلاگ</p></div>

 
    <div class="side1">      <BlogProfile>
		    <BlogPhoto>
              <div align="center">
                <img alt="img" src="<-BlogPhotoLink->">
              </div>
		    </BlogPhoto>
              <div class="blogabot">
                <-BlogAbout-></div>
</BlogProfile>    </div></div>




<BlogLinkDumpBlock>
<div class="side101">

    <div class="sidetop"  >
              <p class="sidehead">پیوندهای روزانه</p></div>

 
    <div class="side1">
                  <BlogLinkDump>
			<a href="<-LinkUrl->" target="_blank" title="<-LinkDescription->" >
		<-LinkTitle-></a><br>
	 </BlogLinkDump> 
	<a href="javascript:void(0)" onclick ="OpenLD();">آرشیو پیوندهای روزانه</a>
    </div>
</div>
</BlogLinkDumpBlock>


<div class="side101">

    <div class="sidetop"><p class="sidehead">نوشته های پیشین</p></div>

 
    <div class="side1">
<BlogArchive>
<a href="<-ArchiveLink->"><-ArchiveTitle-></a><br>
	</BlogArchive>

    </div>
</div>

<BlogCategoriesBlock>

<div class="side101">

    <div class="sidetop">
              <p class="sidehead">آرشیو موضوعی</p></div>

 
    <div class="side1">
<BlogCategories>
			<a href="<-CategoryLink->"   ><-CategoryName-></a><br>
	</BlogCategories>
    </div>
</div>


</BlogCategoriesBlock>
<BlogLinksBlock>
<div class="side101">

    <div class="sidetop"> <p class="sidehead">پیوندها</p></div>

 
    <div class="side1">
<BlogLinks>
<a href="<-LinkUrl->" target="_blank"><-LinkTitle-></a><br>
</BlogLinks>
    </div>
</div>

</BlogLinksBlock>
<div align="center" style=" font-family:tahoma; font-size: 8pt;color:white">
 <-BlogCustomHtml->
 </div>
</div>
<div style="clear: both;">&nbsp;</div>  
  </div>
  </center>
</div>
</body>
</html>


کد سی اس اس

HTML:
Table{font-family: Tahoma; font-size: 8pt;color:white}
.BlogTitle{color:white ;font-family: Arial; font-size: 18pt; font-weight: bold;}
.BlogTitle A:link {color:white;text-decoration: none}
.BlogTitle A:visited {color:white;text-decoration: none;}
.BlogTitle A:hover {color:white;text-decoration: none}
.BlogSubTitle{color:#F2F2F2 ;font-family: Tahoma;font-size: 9pt;padding-bottom: 6px}
.posttitle{font-size: 9pt;font-family: Tahoma; color:#FFFFFF;font-weight: bold;padding-top: 6px; padding-bottom: 2px;}
.posttitle A:link {color:#FFFFFF;font-weight: bold;text-decoration: none}
.posttitle A:visited {color:#FFFFFF;font-weight: bold;text-decoration: none;}
.posttitle A:hover {color:yellow;font-weight: bold;text-decoration: none}
.postdesc {font-size: 7pt;font-family: Tahoma;color:white; border: 1px #CC0000 }
.postdesc  A:link{color:#FFFF00;text-decoration: none;}
.postdesc  A:visited {color:#FFFF00;text-decoration: none;}
.postdesc  A:hover{color:#FFFF00;text-decoration: underline;}
.PostBody {font-size: 9pt;font-family: Tahoma;color:#F2F2F2;line-height:1.5em;padding:3px}
.PostBody A:link{color:#FFFF00;text-decoration: none;}
.PostBody A:visited {color:#FFFF00;text-decoration: none;}
.PostBody A:hover{color:#FFFF00;text-decoration: underline;}
 A:link {color:#cccccc;text-decoration: none}
 A:visited {color:#cccccc;text-decoration: none;}
 A:hover {color:#ffffff;text-decoration: none}
 #siderbar{
    width:155px;
    float:left;
    height:583px;
 }

.side1{
    padding-right:5px;
    border-right: 1px solid #990033;
    border-top-width: 1px;
    border-bottom: 1px solid #990033;
    background-color: #000000;
    line-height: 150%;
    padding-left:2px;
    padding-top:2px;
    padding-bottom:2px;
    font-family: Tahoma;
    font-size: 8pt;
    color:white;
 }
.side101{
    border-collapse: collapse;
    width:100%;
    background-color: #000000  ;
    border-bottom: 5px solid #000000;
}

.side11{
    height:5px;
    border-left: 1px solid #3c3c3c;
}

.sidetop{
    background-image: url(http://vbasic6.persiangig.com/blogfathemeredcss/p13.jpg);
    background-repeat: no-repeat;
    padding-bottom:3px;
    left:23px;
    top:100px;
    height:31px;
    width: 155px;
    text-align: center;
    font-family: Tahoma;
    font-size: 8pt;
    color:white;
}
.badan{
    background-color:black;
    width:761px;
    text-align:right;
    border-bottom:1px solid #3c3c3c;
    height:800px;
}
.blogabot{
    width: 143px;
    height: 16px;
    color:#cccccc;
    direction: rtl;
}

.post1{
    border-right:1px solid #990033;
    color:#F2F2F2;
    padding-bottom:7px;
    padding-top:3px;
    border-left: 1px solid #990033;
    border-top-width: 1px;
    border-bottom-width:1px;
    padding-left:4px;
    height:49px;
    width: 584px;
    background-color: #000000;
}
img{
    border: 1px dashed #FF0000
}
.ltop{
    width: 32px;
    background-image:url('http://vbasic6.persiangig.com/blogfathemeredcss/ltop.jpg');
    float:left;
    height:103px
}
.filltop{
    width: 683px;
    background-image:url('http://vbasic6.persiangig.com/blogfathemeredcss/filltop.jpg');
    float:left;
    height:103px
}
.rtop{
    width: 32px;
    background-image:url('http://vbasic6.persiangig.com/blogfathemeredcss/rtop.jpg');
    float:left;
    height:103px
}
.post11{
    width:588px;
    height:100px;
    border: #111111
}
.post12{
    background-image:url('http://vbasic6.persiangig.com/blogfathemeredcss/p14.jpg');
    width:585px;
    height:35px;
}
.post13{
    border:1px solid #990033;
    background-color: #000000;
}

.sidehead{
    margin-left: 9px;
    margin: 9px;
    font-family: Tahoma;
    color: #FFFFFF;
}
 

جدیدترین ارسال ها

بالا