بک لینک

موضوع بسته شده است 
مشکل من با ترجمه قالب ! :(
#1
Sad 
با سلام ^_^
دوستان من چند روز پیش یه قالبیو ترجمه کردم از ی سایت خارجی ، و حالا که ترجمه کردم پستها رو بهم ریخته نشون میده ):
یعنی پستها به هم مچسبن ):
لدفن خودتون برین توی وبلاگم و مشاهده کنین : 
ts3.blogfa.com
در اصل قالب باید اینجوری باشه ، که برای من بهم میریزه :
[تصویر:  3641131308811094.jpg]
خواهشا اگه کسی میدونست چجوری باید درستش کنم بگه ، یه هفته ای میشه که با قالبه درگیرم ، ممنون ! ):
#2
مشکل از کدتون هست  اگه می خواید کدتون رو برام پ.خ کنید شاید بتونم درست کنم!
#3
من سورستونو بررسی نکردم ولی شات نشون میداد که تگ هارو اشتباه گذاشتید .
موفق باشید 

#4
کد ؟
کد این هستش اگه زحمتی نیس ی نگاهی بندازین Smile
البته من زیاد تو کدنویسیو اینا وارد نیستم ... نمیدونم شاید من اشتباه کردم ):
این کده :

کد:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<META NAME="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>
<link href='http://fonts.googleapis.com/css?family=Reenie+Beanie' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Arimo:regular,italic,bold,bolditalic' rel='stylesheet' type='text/css'>
<script type="text/javascript"> 
function changeNavigation(id) {document.getElementById('main').innerHTML=document.getElementById(id).innerHTML} 
</script>
<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="Comments";
    if ( intCount==0)  strResult="Comments";
    if ( intCount==1)  strResult="1 Comment";
    if ( intCount>1)  strResult=intCount + "Comments" ;
  
  strUrl="/comments/?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('/links','blogfa_ld','status=yes,scrollbars=yes,toolbar=no,menubar=no,location=no ,width=500px,height=500px');
  return true;
}
</script>
<style>
#main a, #main a:hover {
 color: white;
}
a:hover {color: #E98976;
 -webkit-transition: text-shadow 1s, color .2s;
 -moz-transition: text-shadow 1s, color .2s;
 -o-transition: text-shadow 1s, color .2s;} 
.bill {
 background: #fff;
 width: 500px!important;
 padding: 10px;
 text-align: left!important;
}

#navbar-iframe, .blogger-labels {
 display: none;
}
body, a {
 font: 8pt 'tahoma', sans-serif;
 color: #000;
 text-decoration: none;
 -webkit-transition: text-shadow 1s, color .2s;
 -moz-transition: text-shadow 1s, color .2s;
 -o-transition: text-shadow 1s, color .2s;
}
#block {
 display: block;
}

.title {
 padding: 10px;
 background: #E98976;
 color: white;
 font: 1em 'tahoma', sans-serif;
 width: 540px;
 margin: -10px -30px 0px -30px;
 display: block;
}
.title1 {
 width: 0px;
 height: 0px;
 border-style: solid;
 border-color: #F2B4A7 #F2B4A7 transparent transparent;
 border-width: 10px;
 float: left;
 position: relative;
 left: -30px;
 display: block;
}
.title2 {
 width: 0px;
 height: 0px;
 border-style: solid;
 border-color: #F2B4A7 transparent transparent #F2B4A7;
 border-width: 10px;
 float: right;
 position: relative;
 right: -30px;
 display: block;
}
.title3 {
 width: 520px;
 height: 20px;
 background: #F2B4A7;
 position: relative;
 left: -10px;
 right: -10px;
 margin-bottom: 10px;
}
.an {
 width: 0px;
 height: 0px;
 border-style: solid;
 border-color: #F2B4A7 #F2B4A7 transparent transparent;
 border-width: 10px;
 float: left;
 position: relative;
 display: block;
}
.bun {
 width: 0px;
 height: 0px;
 border-style: solid;
 border-color: #F2B4A7 transparent transparent #F2B4A7;
 border-width: 10px;
 float: right;
 position: relative;
 display: block;
}
.cin {
 width: 480px;
 height: 20px;
 background: #F2B4A7;
 position: relative;
 color: white;
 font: 7pt 'tahoma', sans-serif;
}
.boxer {
 width: 100%;
 height: 260px;
 margin-top: -260px;
 position: fixed;
 left: 0px;
 -webkit-transition: all 1s ease-in-out;
 -moz-transition: all 1s ease-in-out;
 -o-transition: all 1s ease-in-out;
 z-index: 100;
 top: 0px;
}
.boxer:hover {
 margin-top: 0px;
 -webkit-transition: all 1s ease-in-out;
 -moz-transition: all 1s ease-in-out;
 -o-transition: all 1s ease-in-out;
}
.box {
 background: #E98976;
 color: #fff;
 padding: 10px;
 overflow: hidden;
 height: 240px;
}
#main::-webkit-scrollbar {
width: 10px;
height: 10px;
background: transparent;
}
#main::-webkit-scrollbar-thumb {
background-color: #f5f0ce;
-webkit-border-radius: 1ex;
}
#bill {
 height: 90px;
 padding: 5px 0px;
 overflow: auto;
 display: block;
}
.caller {
 text-transform: uppercase;
 top: 260px;
 position: absolute;
 background: #E98976;
 color: #fff;
 padding: 10px;
 border-radius: 0px 0px 10px 10px;
 -moz-border-radius: 0px 0px 10px 10px;
 -webkit-border-radius: 0px 0px 10px 10px;
 left: 20px;
 cursor: pointer;

.takeall {
 background: white;
 color: #E98976;
 border-bottom: 1px dashed #F2B4A7;
 font: 1em 'tahoma', sans-serif;
 display: block;
 margin: -10px -10px 10px -10px;
 padding: 2px 8px;
}
blockquote, blockquote a {
 font: 8pt 'tahoma', sans-serif;
 -webkit-text-stroke: 1px transparent;
 word-wrap: break-word;
 letter-spacing: 1px;
 color: #E98976;
}
.test, .test:hover {
 text-transform: uppercase;
 float: right;
 position: relative;
 background: #E98976;
 color: #fff;
 padding: 10px;
 border-radius: 0px 0px 10px 10px;
 -moz-border-radius: 0px 0px 10px 10px;
 -webkit-border-radius: 0px 0px 10px 10px;
 cursor: pointer;
 margin: 0px 2.5px;
 top: -60px;
}
#fix {
 position: fixed;
 float: right!important;
 right: 20px;
 z-index: 80;
}

.caller e, .boxer:hover f {
 display: inline;
}

.caller f, .boxer:hover e {
 display: none;
}
#indented a {
 color: #fff;
}
.spark {
 width: 200px;
 height: 400px;
 padding: 10px;
 border: 5px solid #E98976;
 border-radius: 5px;
 overflow: hidden;
 -webkit-transition: all .1s ease-in-out!important;
 -moz-transition: all .1s ease-in-out!important;
 -o-transition: all .1s ease-in-out!important;
 margin: 6px;
 background: #fff;
 position: relative;
 display: inline-block; 
 float: left;
 z-index: 1;
 text-overflow: ellipsis!important;
}
.spark:hover {
 -webkit-transform: scale(1.2)!important;
 -webkit-transition: all .1s ease-in-out!important;
 -moz-transform: scale(1.2)!important;
 -moz-transition: all .1s ease-in-out!important;
 -o-transform: scale(1.2)!important;
 -o-transition: all .1s ease-in-out!important;
 z-index: 9;
 text-overflow: ellipsis!important;
}
.spark {-webkit-transform:rotate(-2deg);-moz-transform:rotate(-2deg);-o-transform:rotate(-2deg)}
.spark:nth-child(even) {-webkit-transform:rotate(2deg);-moz-transform:rotate(2deg);-o-transform:rotate(2deg)}
.spark:nth-child(3n) {-webkit-transform:rotate(-1deg);-moz-transform:rotate(-1deg);position:relative;top:-1px;-o-transform:rotate(-1deg)}
.spark:nth-child(5n) {-webkit-transform:rotate(2deg);-moz-transform:rotate(2deg);position:relative;right:1px;-o-transform:rotate(2deg)}
.spark:nth-child(6n) {-webkit-transform:none;-moz-transform:none;position:relative;left:1px;-moz-transform:none}
.spark:nth-child(8n) {position:relative;top:1px;right:1px}
.spark:nth-child(11n) {position:relative;top:1px;left:-1px}
#box_container {
 margin: 60px 20px;
 display: block;
}
.takeall a {
 float: right;
 color: #E98976;
 font-size: 1.1em;
 font-family: 'tahoma', sans-serif;
}
.cin a {
 color: #fff;
 font: 8pt 'Reenie Beanie', sans-serif;
}
#toples {
 width: 520px;
}
.mask {border: 2px solid #F4B36C;background: #f5f0ce;width: 80px;padding: 10px;color: #777;font: 1em tahoma; text-align: center;}
#odd {-webkit-transform:rotate(-5deg);-moz-transform:rotate(-5deg);-o-transform:rotate(-5deg);-webkit-transition: all .1s ease-in-out!important;-moz-transition: all .1s ease-in-out!important;-o-transition: all .1s ease-in-out!important; z-index: 1!important; margin: 5px;}
#even {-webkit-transform:rotate(5deg);-moz-transform:rotate(5deg);-o-transform:rotate(5deg);-webkit-transition: all .1s ease-in-out!important;-moz-transition: all .1s ease-in-out!important;-o-transition: all .1s ease-in-out!important; z-index: 1!important; margin: 5px;}
#odd:hover, #even:hover {-webkit-transform: scale(1.2)!important;-webkit-transition: all .1s ease-in-out!important;-moz-transform: scale(1.2)!important;-moz-transition: all .1s ease-in-out!important;-o-transform: scale(1.2)!important;-o-transition: all .1s ease-in-out!important; z-index: 9999!important; cursor: pointer;}
.link {
 display: block;
 background: #f5f0ce;
 border-right: 10px solid #E98976;
 text-align: center;
 text-transform: lowercase;
 -webkit-transition: all .3s ease-out;
 -moz-transition: all .3s ease-out;
 -o-transition: all .3s ease-out;
 padding: 5px;
 color: #777!important;
}
.link:hover {border-left: none; border-right: none;
 border-left: 5px solid #E98976;
}
</style>

</head>
<body bgcolor="#f8f4d7">
<div id="fix">
<BlogNextAndPreviousBlock>
<BlogNextPageBlock><a class="test" href="<-BlogNextPageLink->">Newer</a></BlogNextPageBlock>
<BlogPreviousPageBlock><a class="test" href="<-BlogPreviousPageLink->">Older</a></BlogPreviousPageBlock>
</BlogNextAndPreviousBlock>
</div>
<div class="boxer">
    <div class="caller"> <e>▼</e> <f>▲</f> </div>
    <div class="box">
    <div align="center">
    <table><tr><td>
<div style="width: 110px; height: 210px; padding: 10px; float: left;">
    <div class="mask" id="odd" onMouseOver="changeNavigation('one')">Profile</div>
    <div class="mask" id="even" onMouseOver="changeNavigation('two')">Links</div>
    <div class="mask" id="odd" onMouseOver="changeNavigation('tri')">Download List</div>
    <div class="mask" id="even" onMouseOver="changeNavigation('for')">Credits</div>
</div>
<div style="width: 560px; height: 210px; padding: 10px; float: left; overflow: auto; border-left: 1px dashed #F2B4A7;" id="main">
Navis in the left.
    </div>

<div id="one" style="display: none;">
  <BlogProfile>
    <div class="profile">
    <div style="text-align: justify"  >
    <BlogPhoto>  <div align=center > <img src="<-BlogPhotoLink->" >   </div>    </BlogPhoto>
    <-BlogAbout->
    </div>
   </div>
    </BlogProfile>
</div>

<div id="two" style="display: none;">
<a class="link" href="http:///" rel="nofollow" >Friend</a>
<a class="link" href="http:///" rel="nofollow" >Friend</a>
<a class="link" href="http:///" rel="nofollow" >Friend</a>
<a class="link" href="http:///" rel="nofollow" >Friend</a>
<a class="link" href="http:///" rel="nofollow" >Friend</a>
<a class="link" href="http:///" rel="nofollow" >Friend</a>
<a class="link" href="http:///" rel="nofollow" >Friend</a>
<a class="link" href="http:///" rel="nofollow" >Friend</a>
<a class="link" href="http:///" rel="nofollow" >Friend</a>
<a class="link" href="http:///" rel="nofollow" >Friend</a>
</div>

<div id="tri" style="display: none;">
<BlogTagsBlock><h3>Tags</h3>
    <BlogTags>
            <a href="<-TagLink->"   ><-TagName-></a> <span dir="rtl">(<-TagCount->)</span><br>
    </BlogTags>
    <hr size =1 color =#E8E8E8 style="margin-bottom:3px;margin-top:3px">
    </BlogTagsBlock>        
</div>

<div id="for" style="display: none;">
Theme by <a href="http://blogskins.com/me/te.alla" rel="nofollow" >te.alla</a>. Some jQuery help from <a href="http://sohtanaka.com" rel="nofollow" >Soh Tanaka</a>. Inspired by some of Tumblr Themes, <a href="http://blogskins.com/me/16thday" rel="nofollow" >16thday</a>, <a href="http://blogskins.com/me/disasterf-all" rel="nofollow" >Disasterf-all</a>, <a href="/view/snapshot">Blog View: Snapshot</a>, and <a href="http://blogskins.com/me/sagacity" rel="nofollow" >sagacity</a>. Font from <a href="http://code.google.com/webfonts" rel="nofollow" >Google Web Fonts</a>. Colors from <a href="http://www.blogskins.com/info/363452" rel="nofollow" >this theme</a>.
</div>
</td></tr></table>
</div>
    </div>
</div>
 <MainPage>
<div id="box_container">
 <BLOGFA>
<div class="spark">
<div class="takeall"><a href="<-PostLink->"><-PostTitle-></a><br></div>
<div class="cnt"><-PostContent-><BlogPostTagsBlock><br>File Type : <BlogPostTags separator=", "><a href="<-TagLink->"><-TagName-></a></BlogPostTags></BlogPostTagsBlock><BlogExtendedPost><br><a href="<-PostLink->">More ...</a></BlogExtendedPost></div>
          <div class="takeall"><a href="<-PostLink->">+</a><-PostDate->|<-PostAuthor->|    <BlogComment><span dir="rtl" ><script type="text/javascript">GetBC(<-PostId->);</script></span></BlogComment>
    </div>    <br><div><b 
    </BLOGFA>
    </div>
    </div><br></div>
     </MainPage>
    </div>
</body>
</html>

ممنون ^_^
#5
کد:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<META NAME="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>
<link href='http://fonts.googleapis.com/css?family=Reenie+Beanie' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Arimo:regular,italic,bold,bolditalic' rel='stylesheet' type='text/css'>
<script type="text/javascript">
function changeNavigation(id) {document.getElementById('main').innerHTML=document.getElementById(id).innerHTML​}
</script>
<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="Comments";
    if ( intCount==0)  strResult="Comments";
    if ( intCount==1)  strResult="1 Comment";
    if ( intCount>1)  strResult=intCount + "Comments" ;
 
  strUrl="/comments/?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('/links','blogfa_ld','status=yes,scrollbars=yes,toolbar=no,menubar=no,location=no ,width=500px,height=500px');
  return true;
}
</script>
<style>
#main a, #main a:hover {
 color: white;
}
a:hover {color: #E98976;
 -webkit-transition: text-shadow 1s, color .2s;
 -moz-transition: text-shadow 1s, color .2s;
 -o-transition: text-shadow 1s, color .2s;}
.bill {
 background: #fff;
 width: 500px!important;
 padding: 10px;
 text-align: left!important;
}

#navbar-iframe, .blogger-labels {
 display: none;
}
body, a {
 font: 8pt 'tahoma', sans-serif;
 color: #000;
 text-decoration: none;
 -webkit-transition: text-shadow 1s, color .2s;
 -moz-transition: text-shadow 1s, color .2s;
 -o-transition: text-shadow 1s, color .2s;
}
#block {
 display: block;
}

.title {
 padding: 10px;
 background: #E98976;
 color: white;
 font: 1em 'tahoma', sans-serif;
 width: 540px;
 margin: -10px -30px 0px -30px;
 display: block;
}
.title1 {
 width: 0px;
 height: 0px;
 border-style: solid;
 border-color: #F2B4A7 #F2B4A7 transparent transparent;
 border-width: 10px;
 float: left;
 position: relative;
 left: -30px;
 display: block;
}
.title2 {
 width: 0px;
 height: 0px;
 border-style: solid;
 border-color: #F2B4A7 transparent transparent #F2B4A7;
 border-width: 10px;
 float: right;
 position: relative;
 right: -30px;
 display: block;
}
.title3 {
 width: 520px;
 height: 20px;
 background: #F2B4A7;
 position: relative;
 left: -10px;
 right: -10px;
 margin-bottom: 10px;
}
.an {
 width: 0px;
 height: 0px;
 border-style: solid;
 border-color: #F2B4A7 #F2B4A7 transparent transparent;
 border-width: 10px;
 float: left;
 position: relative;
 display: block;
}
.bun {
 width: 0px;
 height: 0px;
 border-style: solid;
 border-color: #F2B4A7 transparent transparent #F2B4A7;
 border-width: 10px;
 float: right;
 position: relative;
 display: block;
}
.cin {
 width: 480px;
 height: 20px;
 background: #F2B4A7;
 position: relative;
 color: white;
 font: 7pt 'tahoma', sans-serif;
}
.boxer {
 width: 100%;
 height: 260px;
 margin-top: -260px;
 position: fixed;
 left: 0px;
 -webkit-transition: all 1s ease-in-out;
 -moz-transition: all 1s ease-in-out;
 -o-transition: all 1s ease-in-out;
 z-index: 100;
 top: 0px;
}
.boxer:hover {
 margin-top: 0px;
 -webkit-transition: all 1s ease-in-out;
 -moz-transition: all 1s ease-in-out;
 -o-transition: all 1s ease-in-out;
}
.box {
 background: #E98976;
 color: #fff;
 padding: 10px;
 overflow: hidden;
 height: 240px;
}
#main::-webkit-scrollbar {
width: 10px;
height: 10px;
background: transparent;
}
#main::-webkit-scrollbar-thumb {
background-color: #f5f0ce;
-webkit-border-radius: 1ex;
}
#bill {
 height: 90px;
 padding: 5px 0px;
 overflow: auto;
 display: block;
}
.caller {
 text-transform: uppercase;
 top: 260px;
 position: absolute;
 background: #E98976;
 color: #fff;
 padding: 10px;
 border-radius: 0px 0px 10px 10px;
 -moz-border-radius: 0px 0px 10px 10px;
 -webkit-border-radius: 0px 0px 10px 10px;
 left: 20px;
 cursor: pointer;
}
.takeall {
 background: white;
 color: #E98976;
 border-bottom: 1px dashed #F2B4A7;
 font: 1em 'tahoma', sans-serif;
 display: block;
 margin: -10px -10px 10px -10px;
 padding: 2px 8px;
}
blockquote, blockquote a {
 font: 8pt 'tahoma', sans-serif;
 -webkit-text-stroke: 1px transparent;
 word-wrap: break-word;
 letter-spacing: 1px;
 color: #E98976;
}
.test, .test:hover {
 text-transform: uppercase;
 float: right;
 position: relative;
 background: #E98976;
 color: #fff;
 padding: 10px;
 border-radius: 0px 0px 10px 10px;
 -moz-border-radius: 0px 0px 10px 10px;
 -webkit-border-radius: 0px 0px 10px 10px;
 cursor: pointer;
 margin: 0px 2.5px;
 top: -60px;
}
#fix {
 position: fixed;
 float: right!important;
 right: 20px;
 z-index: 80;
}

.caller e, .boxer:hover f {
 display: inline;
}

.caller f, .boxer:hover e {
 display: none;
}
#indented a {
 color: #fff;
}
.spark {
 width: 200px;
 height: 400px;
 padding: 10px;
 border: 5px solid #E98976;
 border-radius: 5px;
 overflow: hidden;
 -webkit-transition: all .1s ease-in-out!important;
 -moz-transition: all .1s ease-in-out!important;
 -o-transition: all .1s ease-in-out!important;
 margin: 6px;
 background: #fff;
 position: relative;
 display: inline-block;
 float: left;
 z-index: 1;
 text-overflow: ellipsis!important;
}
.spark:hover {
 -webkit-transform: scale(1.2)!important;
 -webkit-transition: all .1s ease-in-out!important;
 -moz-transform: scale(1.2)!important;
 -moz-transition: all .1s ease-in-out!important;
 -o-transform: scale(1.2)!important;
 -o-transition: all .1s ease-in-out!important;
 z-index: 9;
 text-overflow: ellipsis!important;
}
.spark {-webkit-transform:rotate(-2deg);-moz-transform:rotate(-2deg);-o-transform:rotate(-2deg)}
.spark:nth-child(even) {-webkit-transform:rotate(2deg);-moz-transform:rotate(2deg);-o-transform:rotate(2deg)}
.spark:nth-child(3n) {-webkit-transform:rotate(-1deg);-moz-transform:rotate(-1deg);position:relative;top:-1px;-o-transform:rotate(-1deg)}
.spark:nth-child(5n) {-webkit-transform:rotate(2deg);-moz-transform:rotate(2deg);position:relative;right:1px;-o-transform:rotate(2deg)}
.spark:nth-child(6n) {-webkit-transform:none;-moz-transform:none;position:relative;left:1px;-moz-transform:none}
.spark:nth-child(8n) {position:relative;top:1px;right:1px}
.spark:nth-child(11n) {position:relative;top:1px;left:-1px}
#box_container {
 margin: 60px 20px;
 display: block;
}
.takeall a {
 float: right;
 color: #E98976;
 font-size: 1.1em;
 font-family: 'tahoma', sans-serif;
}
.cin a {
 color: #fff;
 font: 8pt 'Reenie Beanie', sans-serif;
}
#toples {
 width: 520px;
}
.mask {border: 2px solid #F4B36C;background: #f5f0ce;width: 80px;padding: 10px;color: #777;font: 1em tahoma; text-align: center;}
#odd {-webkit-transform:rotate(-5deg);-moz-transform:rotate(-5deg);-o-transform:rotate(-5deg);-webkit-transition: all .1s ease-in-out!important;-moz-transition: all .1s ease-in-out!important;-o-transition: all .1s ease-in-out!important; z-index: 1!important; margin: 5px;}
#even {-webkit-transform:rotate(5deg);-moz-transform:rotate(5deg);-o-transform:rotate(5deg);-webkit-transition: all .1s ease-in-out!important;-moz-transition: all .1s ease-in-out!important;-o-transition: all .1s ease-in-out!important; z-index: 1!important; margin: 5px;}
#odd:hover, #even:hover {-webkit-transform: scale(1.2)!important;-webkit-transition: all .1s ease-in-out!important;-moz-transform: scale(1.2)!important;-moz-transition: all .1s ease-in-out!important;-o-transform: scale(1.2)!important;-o-transition: all .1s ease-in-out!important; z-index: 9999!important; cursor: pointer;}
.link {
 display: block;
 background: #f5f0ce;
 border-right: 10px solid #E98976;
 text-align: center;
 text-transform: lowercase;
 -webkit-transition: all .3s ease-out;
 -moz-transition: all .3s ease-out;
 -o-transition: all .3s ease-out;
 padding: 5px;
 color: #777!important;
}
.link:hover {border-left: none; border-right: none;
 border-left: 5px solid #E98976;
}
</style>

</head>
<body bgcolor="#f8f4d7">
<div id="fix">
<BlogNextAndPreviousBlock>
<BlogNextPageBlock><a class="test" href="<-BlogNextPageLink->">Newer</a></BlogNextPageBlock>
<BlogPreviousPageBlock><a class="test" href="<-BlogPreviousPageLink->">Older</a></BlogPreviousPageBlock>
</BlogNextAndPreviousBlock>
</div>
<div class="boxer">
    <div class="caller"> <e>▼</e> <f>▲</f> </div>
    <div class="box">
    <div align="center">
    <table><tr><td>
<div style="width: 110px; height: 210px; padding: 10px; float: left;">
    <div class="mask" id="odd" onMouseOver="changeNavigation('one')">Profile</div>
    <div class="mask" id="even" onMouseOver="changeNavigation('two')">Links</div>
    <div class="mask" id="odd" onMouseOver="changeNavigation('tri')">Download List</div>
    <div class="mask" id="even" onMouseOver="changeNavigation('for')">Credits</div>
</div>
<div style="width: 560px; height: 210px; padding: 10px; float: left; overflow: auto; border-left: 1px dashed #F2B4A7;" id="main">
Navis in the left.
    </div>

<div id="one" style="display: none;">
  <BlogProfile>
    <div class="profile">
    <div style="text-align: justify"  >
    <BlogPhoto>  <div align=center > <img src="<-BlogPhotoLink->" >   </div>    </BlogPhoto>
    <-BlogAbout->
    </div>
   </div>
    </BlogProfile>
</div>

<div id="two" style="display: none;">
<a class="link" href="http:///" rel="nofollow" >Friend</a>
<a class="link" href="http:///" rel="nofollow" >Friend</a>
<a class="link" href="http:///" rel="nofollow" >Friend</a>
<a class="link" href="http:///" rel="nofollow" >Friend</a>
<a class="link" href="http:///" rel="nofollow" >Friend</a>
<a class="link" href="http:///" rel="nofollow" >Friend</a>
<a class="link" href="http:///" rel="nofollow" >Friend</a>
<a class="link" href="http:///" rel="nofollow" >Friend</a>
<a class="link" href="http:///" rel="nofollow" >Friend</a>
<a class="link" href="http:///" rel="nofollow" >Friend</a>
</div>

<div id="tri" style="display: none;">
<BlogTagsBlock><h3>Tags</h3>
    <BlogTags>
            <a href="<-TagLink->"   ><-TagName-></a> <span dir="rtl">(<-TagCount->)</span><br>
    </BlogTags>
    <hr size =1 color =#E8E8E8 style="margin-bottom:3px;margin-top:3px">
    </BlogTagsBlock>        
</div>

<div id="for" style="display: none;">
Theme by <a href="http://blogskins.com/me/te.alla" rel="nofollow" >te.alla</a>. Some jQuery help from <a href="http://sohtanaka.com" rel="nofollow" >Soh Tanaka</a>. Inspired by some of Tumblr Themes, <a href="http://blogskins.com/me/16thday" rel="nofollow" >16thday</a>, <a href="http://blogskins.com/me/disasterf-all" rel="nofollow" >Disasterf-all</a>, <a href="/view/snapshot">Blog View: Snapshot</a>, and <a href="http://blogskins.com/me/sagacity" rel="nofollow" >sagacity</a>. Font from <a href="http://code.google.com/webfonts" rel="nofollow" >Google Web Fonts</a>. Colors from <a href="http://www.blogskins.com/info/363452" rel="nofollow" >this theme</a>.
</div>
</td></tr></table>
</div>
    </div>
</div>
 <MainPage>
<div id="box_container">
 <BLOGFA>
<div class="spark">
<div class="takeall"><a href="<-PostLink->"><-PostTitle-></a><br></div>
<div class="cnt"><-PostContent-><BlogPostTagsBlock><br>File Type : <BlogPostTags separator=", "><a href="<-TagLink->"><-TagName-></a></BlogPostTags></BlogPostTagsBlock><BlogExtendedPost><br><a href="<-PostLink->">More ...</a></BlogExtendedPost></div>
          <div class="takeall"><a href="<-PostLink->">+</a><-PostDate->|<-PostAuthor->|    <BlogComment><span dir="rtl" ><script type="text/javascript">GetBC(<-PostId->);</script></span></BlogComment>
    </div>    <br><div><br>

    </div>    
    </div><br></div>
</BLOGFA>
     </MainPage>
    </div>
</body>
</html>
#6
من کد هارا چک نکردم متاسفانه.
اما ازاونجایی که قالب وبلاگتون هنوز مشکل داره احتمال دادم کد ارائه شده دارای مشکل هست.
مشکل کد شما محل قرار گیری div های متن شماست احتمالا داخل هم دیگه نوشتید اونها رو که اینطوری توی هم قرار گرفتنددرضمن در سایزبندی div هاتون هم مشکلاتی به نظرم وجود داره باتوجه به اینکه قالب ترجمه میکنید باید بااین مسائل آشناباشیدمسائل فوق العاده ساده ای هستند. بررسی کنید حتمامشکل حل میشه.
 سپاس شده توسط alivesali
موضوع بسته شده است 


پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 2 مهمان