92-6-5، 01:44 عصر
سلام
من به یک نفر درخواست طراحی یه قالب رو دادم
کارش خوب بود ولی اون چیزی که میخواستم نشد
بقیش رو هم وقت نداشت تا انجام بده و منم میخوام بزارم اینجا
این طرحی که خودم درست کردمه:
http://s1.picofile.com/file/7894431284/ghaleb.png
قالی که تا اینجا درست شده:
http://hacker-fa.blogfa.com
کد قالب:
چیزایی که میخوام اضافه بشه به این قالب:
میخوام هدر باشه توی اون بخشی که سیاهه
اونجایی هم که مطالب میاد رو میخوام پسزمینه باشه
نمیخوام مطالب هرکدوم رنگ داشته باشن و اینجوری با هم جدا بشن
میخوام یه عکس بزارم که توی قالب کمرنگ یا همون مات بشه و پشت مطالب قرار بگیره
بعدشم اون گوشش رو میخوام یه خط خاکستری بیاد و اون زیر نمیخوام عکس باشه
رنگشون هم اونی که توی عکس گزاشتم نیست
توضیح با عکس:
http://s1.picofile.com/file/7905393331/ghaleb3.png
http://s4.picofile.com/file/7905404294/ghaleb4.png
چندتا افکت هم هست که بعدا میگم
لطفا یه نفری که میخواد درست کنه اینج اعلام کنه که بقیه تو زحمت نیفتن
ممنون
من به یک نفر درخواست طراحی یه قالب رو دادم
کارش خوب بود ولی اون چیزی که میخواستم نشد
بقیش رو هم وقت نداشت تا انجام بده و منم میخوام بزارم اینجا
این طرحی که خودم درست کردمه:
http://s1.picofile.com/file/7894431284/ghaleb.png
قالی که تا اینجا درست شده:
http://hacker-fa.blogfa.com
کد قالب:
کد:
<!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" />
<title><-BlogTitle-></title>
<style>
#HeaderImage {
text-align: center;
}
#header {
width: 500px;
margin: auto;
}
#headlink {
background-color: #F0F0F0;
font-size: 15px;
text-align: center;
}
body {
background: none repeat scroll 0 0 #DBE2D4;
color: #FFFF33;
font-family: Tahoma;
font-size: 12px;
height: 100%;
text-align: right;
}
#centered {
background-color: #FFFFFF;
display: block;
margin: -6px auto auto;
padding: 0;
width: 1005px;
}
.menu_content {
color: #000000;
padding: 58px 2px 2px 165px;
position: absolute;
}
.menu {
background-color: #E4EFFA;
border: 4px solid #E56BEB;
border-radius: 5px 32px 5px 34px;
height: auto;
margin-left: 4px;
margin-top: 6px;
padding: 1px 0 133px;
position: relative;
top: -458px;
width: 19.9005%;
}
.menu2 {
background-color: #E4EFFA;
border: 4px solid #E56BEB;
border-radius: 36px 5px 32px 5px;
float: none;
height: 138px;
margin-left: 790px;
margin-right: 5px;
margin-top: 6px;
width: 19.901%;
}
.content {
background-color: #DCF558;
border: 1px solid #FF0000;
border-radius: 5px 5px 5px 5px;
float: left;
height: auto;
margin-left: 213px;
margin-top: 7px;
width: 574px;
}
.readmore {
font-size: 13px;
margin-right: 509px;
}
.menu_title {
background-color: #FFFFFF;
border: 5px solid #FF3300;
border-radius: 10px 33px 10px 33px;
color: #000000;
font-size: 11px;
height: 35px;
margin-left: 85px;
margin-top: -4px;
padding-top: 19px;
position: absolute;
text-align: center;
width: 109px;
}
.readmore {
position: absolute;
right: 385px;
}
.menu_title2 {
background-color: #FFFFFF;
border-bottom: 5px solid #FF3300;
border-left: 5px solid #FF3300;
border-radius: 3px 5px 5px 6px;
color: #000000;
font-size: 11px;
height: 35px;
margin-left: 85px;
padding-top: 19px;
text-align: center;
width: 109px;
}
.menu_title2 {
background-color: #FFFFFF;
border: 5px solid #FF3300;
border-radius: 33px 10px 33px 10px;
color: #000000;
font-size: 11px;
height: 35px;
margin-left: -2px;
margin-top: -2px;
padding-top: 19px;
position: absolute;
text-align: center;
width: 109px;
}
.content_title {
border-bottom: 1px solid #FF3300;
color: #000000;
font-size: 16px;
height: 40px;
padding-right: 6px;
text-align: right;
}
.content_txt {
color: #000000;
direction: rtl;
font-size: 10px;
margin-left: 7px;
margin-right: 7px;
margin-top: 4px;
text-align: center;
}
.content_detail {
background-color: #CCFFFF;
border-top: 1px solid #FF3300;
color: #000000;
direction: rtl;
height: 16px;
width: 574px;
}
a {
color: #999900;
text-decoration: none;
}
a:hover, a:visited {
color: #00CC66;
}
td {
padding-left: 60px;
padding-right: 10px;
}
#footer {
background-color: #F6F3F3;
color: #666666;
float: right;
font-size: 14px;
height: 241px;
padding-top: 1px;
text-align: center;
width: 1005px;
}
</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="/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>
</head>
<body>
<div id="HeaderImage">
<img src="http://www.7upload.ir/uploads/y15923_Header3.jpg">
</div>
<div id="header">
<div id="headlink">
<a href="<-BlogUrl->">صفحه نخست</a>
<BlogProfileLinkBlock><a href="<-BlogProfileLink->">پروفایل مدیر وبلاگ</a></BlogProfileLinkBlock>
<a href="mailto:<-BlogEmail->">پست الکترونیک</a>
<a href="<-BlogArchiveLink->">آرشیو وبلاگ</a>
<a href="/posts/">عناوین مطالب وبلاگ</a>
</div>
</div>
<BLOGFA>
<div id="centered">
<div id = "main">
<div class="content">
<div class = content_title>
<h2>
<a href="<-PostLink->"><-PostTitle-></a></h2>
</div>
<BLOGFA>
<div class="content_txt">
<h3>
<-PostContent-><BlogPostTagsBlock><br>برچسبها: <BlogPostTags separator=", "><a href="<-TagLink->"><-TagName-></a></BlogPostTags></BlogPostTagsBlock> </h3>
<div class="readmore">
<BlogExtendedPost><a href="<-PostLink->">ادامه مطلب</a></BlogExtendedPost></div>
</div>
<div class="content_detail">
<table cellspacing="0">
<tr>
<td>
نویسنده: <-PostAuthor->
</td>
<td>
تاریخ:<-PostDate->
</td>
<td class="comment">
<BlogComment>
<script type="text/javascript">GetBC(<-PostId->);</script>
</BlogComment>
</td>
</tr>
</table>
</div>
</div>
</BLOGFA>
</div>
<div class="menu2">
<div class="menu_title2">
ساید بار2
</div>
<div class="menu_content">
تست
</div>
</div>
<div class="menu2">
<div class="menu_title2">
ساید بار2
</div>
<div class="menu_content">
تست
</div>
</div>
<div class="menu2">
<div class="menu_title2">
ساید بار2
</div>
<div class="menu_content">
تست
</div>
</div>
<div class="menu">
<div class="menu_title">
سایدبار
</div>
<div class="menu_content">
تست
</div>
</div>
<div class="menu">
<div class="menu_title">
سایدبار
</div>
<div class="menu_content">
تست
</div>
</div>
<div class="menu">
<div class="menu_title">
سایدبار
</div>
<div class="menu_content">
تست
</div>
</div>
<div id = footer>
<img src="http://www.7upload.ir/uploads/j591970_ghaleb2.png" width="738" height="241"
/></div>
</div>
</body>
</html>
چیزایی که میخوام اضافه بشه به این قالب:
میخوام هدر باشه توی اون بخشی که سیاهه
اونجایی هم که مطالب میاد رو میخوام پسزمینه باشه
نمیخوام مطالب هرکدوم رنگ داشته باشن و اینجوری با هم جدا بشن
میخوام یه عکس بزارم که توی قالب کمرنگ یا همون مات بشه و پشت مطالب قرار بگیره
بعدشم اون گوشش رو میخوام یه خط خاکستری بیاد و اون زیر نمیخوام عکس باشه
رنگشون هم اونی که توی عکس گزاشتم نیست
توضیح با عکس:
http://s1.picofile.com/file/7905393331/ghaleb3.png
http://s4.picofile.com/file/7905404294/ghaleb4.png
چندتا افکت هم هست که بعدا میگم
لطفا یه نفری که میخواد درست کنه اینج اعلام کنه که بقیه تو زحمت نیفتن
ممنون