وسط چین کردن قالب سایت

.:BEHNAM:.

Active Member
سلام
من دنبال یک کد هستم که با اضافه کردن به کدهای html سایتم داخل مرورگر و و مانیتور ها سایتم وسط صفحه نمایش داده بشه.

نمیدونم باید از چه کدی و در کجا استفاده کنم. کسی میتونه کمکم کنه ؟

www.nikarts.com

اینم ادرس سایتمه.
 

shnoit

Well-Known Member
خدمت شما دوست عزیز.
قبلا هم درخواست داده بودن . لگه یه جستجوی کوچولو میکردین پیدا میکردین.
کد:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<meta http-equiv="description" content="">
<meta http-equiv="keywords" content="">
</head>

<body bgColor="#131313">
<table height="100%" width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>
<table width="458" border="0" cellspacing="0" cellpadding="0" align="center">
 <tbody>
  <tr>
    <td ><img src="http://www.nikarts.com/images/fa.jpg" border="0"></td>
  </tr>
 </tbody>
</table>
</td>
  </tr>
</table>
</body></html>
 

Cisco

مدیر انجمن
روش Table که دیگر خیلی کم استفاده می شود و حتی منسوخ شده.
شما یک Div ایجاد کن و در فایل css و با text align و float و padding موقعیت رو تعیین کنید.
موفق باشید.
 

.:BEHNAM:.

Active Member
اقا سایت من هم با div و اینا تعریف شده. ولی من صفرم تو برنامه نویسی.اگه لطف کنید کدش رو بزارید و بگید دقیقا کجای کد هام بزارم ممنون میشم.
 

sheisebaboo

Active Member
سلام.
شما کد زیر رو در cssتون بزارید:

کد:
#kolmain
{margin:0px auto}

حالا کد زیر رو بعد از <body> قرار بدید

کد:
<div id="kolmain">

کد زیر رو قبل از کد </body> در انتهای قالب قرار بدید

کد:
</div>
 

shnoit

Well-Known Member
تست کردم کار نمیکنه !!!؟؟

منظور اون دوستمون اینه ، وقتی سایز ( رزولیشن صفحه ) تغییر میکنه ، بازم متناسب با نمایش عکس اون دقیقا در مرکز صفحه قرار بگیره.
 

semej

Member
باسلام
شما باید تگ <center> رو بعد از تگ <body> باز کنید و قبل از <body/> تگ <center/> قرار دهید.
 

rafeiaref

New Member
سلام دوستان

این کدی که شما گفتین درست و خودم هم تست کردم جواب داد اما واسه یک شی هست فقط :(
من یه قالب ساختم اما از اونجا که کد نویسی بلد نیستم این مشکل رو دارم که اجزا وسط صفحه نیستن !

الان اومدم همه اجزا رو بین <div> قرار دادم که هر جا جابه جا کنم همشون با هم جا به جا میشن ، میخواستم ببینم میشه کاری کرد که خود <div> مرکز قرار بگیره ؟؟؟؟

کد قالب رو ضمیمه کردم ، خیلی خیلی ممنون میشم اگه کسی بتونه واسم ادیت کنه و وسط چینشون کنه به طوری که نظمشون هم بهم نخوره
 

پیوست ها

  • Template.txt
    9.6 کیلوبایت · بازدیدها: 8

hrdf

New Member
آقا من این کد رو دیدم ،شما حتی قوانین اولیه کد نویسی html که head و body هستش رو هم رعایت نکردین که!!!!!!!!!!!!!!!!!!!!!:shock:
 

hrdf

New Member
من چند ماه بود که دنبال همین کد می گشتم اینترنت رو زیر رو کردم ولی پیدا نکردم الان که این کد رو دیدم تعجب کردم آخه اصلا فکر نمی کردم یه همچین تگ ساده ای باشه. خیلی خیلی ممنون :rose: :green:
 

poom

New Member
من مي خوام قسمت پست هاي اين قالب وسط قرار بگيره... چطور مي تونم اين كار و بكنم!؟

اين روش قرار دادن بين دو center رو انجام دادم ولي... جواب نداد... و تغييري حاصل نشد... چون اين صفحه وب كاربرد صفحه جانبي رو داره براي همين نيازي به منو نداره و من منوهاش و حذف كردم... اما مي خوام قسمت پست ها در وسط قرار بگيره...

<html>
<head>
<title><-BlogAndPostTitle-></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="author" content="<-BlogAuthor->">
<meta name="language" content="Farsi">
<meta name="description" content="<-BlogAndPostTitle-> - <-BlogDescription-> - <-BlogTitle->">
<meta name="keywords" content="<-BlogAndPostTitle->,<-BlogId->, Blog, Weblog, Persian,Iran, Iranian, Farsi, Weblogs">
<link rel="alternate" type="application/rss+xml" title="<-BlogTitle->" href="<-BlogXmlLink->" />
<link href="http://pichak.net/themes/59/07/image/style.css" type="text/css" rel="stylesheet">
<style>
#header{background:#7b7e86 url(http://s3.picofile.com/file/7581265264/فلفغ.jpg) no-repeat top right;height:405;width:100%;color:#cbcac5;font-size:8pt;text-align:right}
</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==lngPostid)
intCount=BlogComments[i+1] ;
}
} catch( e) {
}
if ( intCount==-1) strResult="آرشيو نظرات";
if ( intCount==0) strResult="نظر بدهيد";
if ( intCount>0) 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>
<center>

<div align=center><div style="width:775">

<div class=Pichak>

<div id=header>
<div class=top-BlogTitle></div>
<div class=top-menu><div class=BlogTitle></div><div class=Description><-BlogDescription-></div></div>

<div class=top-menu2>
<div style="float:right;width:0px;direction:rtl; height:20px"></div>
<div style="float:right;width:500">
<a href="<-BlogUrl->">صفحه اصلي</a>|
<a rel="nofollow" href="/posts">عناوين مطالب</a>|
<a target="_blank" href="http://pichak.net/blogcod/email-tools/mail/?email=<-BlogEmail->">تماس با من </a>|
<a title="پيچک" href="http://pichak.net" target="_blank" >قالب وبلاگ</a>|
<a rel="nofollow" href="<-BlogProfileLink->" target="_blank" >پروفايل</a>
</div></div></div>

<div id=main-back>



<div class=main>

<div class=post>

<BLOGFA>
<div class=TopPost>
<div class=TopPost2><div class=Post-title><a href="<-PostLink->"><-PostTitle-></a></div></div>
<div class=t-date>تاريخ : <-PostDate-> | <-PostTime-> | نويسنده : <-PostAuthor-></div>
</div>

<div class=C-post><div class=CenterPost><-PostContent->
<br><br><BlogExtendedPost><b><a href="<-PostLink->">ادامه مطلب</a></b><br></BlogExtendedPost>
</div></div>

<div class=LowPost><div class=Comment><BlogComment><script type="text/javascript">GetBC(<-PostId->);</script></BlogComment></div></div>
</BLOGFA>

<BlogNextAndPreviousBlock>
<style>.pging { direction:rtl; font-size:1.2em; height:30px; margin:40px 0 0; color:#bfc3cc; padding-bottom: 20px; text-align: center;}
.pging a:link, .pging a:visited {border:1px solid #bfc3cc; display:inline-block; margin:0 3px; padding:1px 5px; text-decoration:none;}
.pging a:hover, .pging a:active { color:#bfc3cc;}.pging a.current:link, .pging a.current:visited { background-color:#bfc3cc; border:1px solid #bfc3cc; color:red; cursor:text;}</style> <div class=pging>
<font face="Tahoma" style="font-size: 9pt">
<BlogPreviousPageBlock><a href="<-BlogPreviousPageLink->"><font color="#bfc3cc">
<< مطالب جديدتر</font></a></BlogPreviousPageBlock>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<BlogNextPageBlock><a href="<-BlogNextPageLink->"><font color="#bfc3cc">مطالب
قديمي‌تر >></font></a></BlogNextPageBlock>
<br></font></font><br></div></BlogNextAndPreviousBlock>

<div style="width:100%;text-align:center;font-size:8pt;color:#bfc3cc;height:30;"><br>
<b><font size="1">.:</font></b> <a title="قالب وبلاگ" href="http://pichak.net" target="_blank"><font color="#bfc3cc"> Weblog Themes By <b>Pichak </b></font></a><b><font size="1">:.</font></b>

</div></div>


<div class=Sid>
<div id=Sidebar>







</div></div></div><div class=footer><div class=Fo1><a title="قالب هاي پيچک" href="http://www.pichak.net"target="_blank"> طراح قالب </a> : <a title="قالب هاي پيچک" href="http://pichak.net"target="_blank"> پيچک </a> | Weblog Themes By : <a title="قالب هاي پيچک" href="http://pichak.net"target="_blank"> Pichak.net </a>
</div><div class=Fo2><a rel="nofollow" href="<-BlogXmlLink->" target="_blank">RSS Feed</a> <b>|</b> <a title="قالب وبلاگ" href="http://pichak.net" target="_blank">Pichak.Net</a> </div></div></div></div>
<div style="display:none;"><h3><li><a title="دانلود فيلم" target="_blank" href="http://www.persiantv5.org">دانلود فيلم</a></li></h3> <li><a title="قالب وبلاگ" target="_blank" href="http://pichak.net/themes">قالب وبلاگ</a></li></div><center/></body>
</html>
 

adnan magic

New Member
درود!
می توانید یکی از دو کد زیر را استفاده کنید:
[HTMLS]
<div align="center">محتوا وب سایت شما</div>
[/HTMLS]
و یا
[HTMLS]
<center>محتوای وب سایت شما</center>
[/HTMLS]
 

poom

New Member
من کد قالب بین این دو کد گذاشتم ولی جواب نداد قسمت پست وسط نمیاد!
 

amir-yazdel

Member
sheisebaboo عزیز. خیلی خیلی ممنون. کارم راه افتاد. ولی این مارجین چه ربطی داره با وسط چین شدن؟ هرچی روش فک کردم قاعده اش رو متوجه نشدم. ولی در هر صورت ممنون. مشکلم حل شد.
 

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

بالا