انجمن وبلاگنویسان
مشکل من با ترجمه قالب ! :( - نسخه‌ی قابل چاپ

+- انجمن وبلاگنویسان (http://onlineapotheker.life/forum)
+-- انجمن: انجمن های تخصصی بر اساس سرویس (http://onlineapotheker.life/forum/forumdisplay.php?fid=9)
+--- انجمن: بلاگفا (http://onlineapotheker.life/forum/forumdisplay.php?fid=10)
+---- انجمن: مسائل مربوط به قالب (http://onlineapotheker.life/forum/forumdisplay.php?fid=46)
+---- موضوع: مشکل من با ترجمه قالب ! :( (/showthread.php?tid=21273)

مشکل من با ترجمه قالب ! :( - Pani1R - 93-7-22

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

RE: مشکل من با ترجمه قالب ! :( - alivesali - 93-7-22

مشکل از کدتون هست  اگه می خواید کدتون رو برام پ.خ کنید شاید بتونم درست کنم!

RE: مشکل من با ترجمه قالب ! :( - Mansouri - 93-7-22

من سورستونو بررسی نکردم ولی شات نشون میداد که تگ هارو اشتباه گذاشتید .
موفق باشید 

RE: مشکل من با ترجمه قالب ! :( - Pani1R - 93-7-22

کد ؟
کد این هستش اگه زحمتی نیس ی نگاهی بندازین 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>

ممنون ^_^

RE: مشکل من با ترجمه قالب ! :( - alivesali - 93-7-23

کد:
<!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>


RE: مشکل من با ترجمه قالب ! :( - hsdn - 93-7-23

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