ارسالها: 2
موضوعها: 1
تاریخ عضویت: مهر 1393
اعتبار:
0
سپاس ها 3
سپاس شده 0 بار در 0 ارسال
93-7-22، 04:26 عصر
با سلام ^_^
دوستان من چند روز پیش یه قالبیو ترجمه کردم از ی سایت خارجی ، و حالا که ترجمه کردم پستها رو بهم ریخته نشون میده ):
یعنی پستها به هم مچسبن ):
لدفن خودتون برین توی وبلاگم و مشاهده کنین :
ts3.blogfa.com
در اصل قالب باید اینجوری باشه ، که برای من بهم میریزه :
![[تصویر: 3641131308811094.jpg]](http://d2wss9bif9q3el.cloudfront.net/364/113/screenshots/3641131308811094.jpg)
خواهشا اگه کسی میدونست چجوری باید درستش کنم بگه ، یه هفته ای میشه که با قالبه درگیرم ، ممنون ! ):
سپاس شده توسط | |
|
ارسالها: 673
موضوعها: 80
تاریخ عضویت: اسف 1392
اعتبار:
29
سپاس ها 801
سپاس شده 317 بار در 208 ارسال
مشکل از کدتون هست اگه می خواید کدتون رو برام پ.خ کنید شاید بتونم درست کنم!
سپاس شده توسط | |
|
ارسالها: 2,559
موضوعها: 86
تاریخ عضویت: شهر 1392
اعتبار:
132
سپاس ها 827
سپاس شده 1973 بار در 1138 ارسال
من سورستونو بررسی نکردم ولی شات نشون میداد که تگ هارو اشتباه گذاشتید .
موفق باشید
سپاس شده توسط | |
|
ارسالها: 2
موضوعها: 1
تاریخ عضویت: مهر 1393
اعتبار:
0
سپاس ها 3
سپاس شده 0 بار در 0 ارسال
کد ؟
کد این هستش اگه زحمتی نیس ی نگاهی بندازین ![Smile Smile](http://onlineapotheker.life/forum/images/smilies/smile.gif)
البته من زیاد تو کدنویسیو اینا وارد نیستم ... نمیدونم شاید من اشتباه کردم ):
این کده :
کد:
<!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>
ممنون ^_^
سپاس شده توسط | |
|
ارسالها: 673
موضوعها: 80
تاریخ عضویت: اسف 1392
اعتبار:
29
سپاس ها 801
سپاس شده 317 بار در 208 ارسال
کد:
<!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>
سپاس شده توسط | |
|
ارسالها: 1,056
موضوعها: 211
تاریخ عضویت: فرو 1393
اعتبار:
26
سپاس ها 253
سپاس شده 378 بار در 249 ارسال
من کد هارا چک نکردم متاسفانه.
اما ازاونجایی که قالب وبلاگتون هنوز مشکل داره احتمال دادم کد ارائه شده دارای مشکل هست.
مشکل کد شما محل قرار گیری div های متن شماست احتمالا داخل هم دیگه نوشتید اونها رو که اینطوری توی هم قرار گرفتنددرضمن در سایزبندی div هاتون هم مشکلاتی به نظرم وجود داره باتوجه به اینکه قالب ترجمه میکنید باید بااین مسائل آشناباشیدمسائل فوق العاده ساده ای هستند. بررسی کنید حتمامشکل حل میشه.
|