همیار بلاگ اسکای

همیار بلاگ اسکای

طراحی و ترجمه قالب های بلاگ اسکای
همیار بلاگ اسکای

همیار بلاگ اسکای

طراحی و ترجمه قالب های بلاگ اسکای

نحوه تنظیم یک بلاک در وسط صفحه با استفاده از css

تنظیم بلاک ها در سمت چپ یا راست صفحه به کمک عنصر float و مقادیر left,right به آسانی ممکن است، اما مشکل بیشتر کاربران تنظیم یک بلاک div در وسط صفحه است که در تمام مرورگرها نیز یکسان باشد. 

 در مثال زیر این کار را برای لایه ای با کلاس main انجام داده ایم:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>بلاگچی | نحوه تنظیم یک بلاک در وسط صفحه با استفاده از css</title>
<style type="text/css">
body{
    margin:0px;
    padding:0px;
}
.main{
    width:400px;
    height:200px;
    background-color:#f80;
    margin-left:auto;
    margin-right:auto;
}
</style>
</head>
<body>
<div class="main">
</div>
</body>
</html>


توضیح:
همانطور که گفتیم از مقدار auto برای خاصیت margin-right و  margin-left استفاده شده که باعث تنظیم بلاک در وسط صفحه می شود.
همچنین می توانید کد را بصورت خلاصه بنویسید. بصورت روبرو :         margin: 0 auto;

نظرات 2 + ارسال نظر
amir شنبه 16 شهریور 1392 ساعت 17:45 http://tech-ha.tk

سلام در نسخه ی جدید بلاگ اسکای امکان درج بازدید کنندگان برای هر مطلب است اگر میشود نحوه قرار دادن ان را اموزش دهید .
لطفا اموزش اینکه چگونه پشتیبان از مطالب وبلاگ بگیرم را هم بدهید

امیر جان، تعداد نمایش هر بازدید که در پنل مدیریت وبلاگتون می بینید برای اطلاع شما مدیران وبلاگ از آمار مشاهده مطالبشان قرار داده شده.
اگر برای این قابلیت تگی وجود داره ، لااقل من ندیدم. اگر شما اطلاع دارید بفرمائید تا تست کنم و آموزشش رو قرار بدم.

برای پشتیبان گیری هم هنوز چیزی از مدیران بلاگ اسکای در اینباره نشنیدیم. ولی برای اینکار میتونید از افزونه exporter در فایرفاکس کمک بگیرید که فایلی با پسوند xml به شما خروجی میده.
دانلود افزونه : http://darkprince.ir/exporter.xpi

علیرضا یکشنبه 17 شهریور 1392 ساعت 00:47

سلام بازم مزاحم همیشه

میشه کد قالب این وبلاگ در اختیارمون بذارید؟
http://it-aranbidgol.blogsky.com

سلام.
علیرضا جان این سایت قالبشون بصورت اختصاصی هست و باید از مدیرش اجازه گرفت.
من شرمنده ام.

برای نمایش آواتار خود در این وبلاگ در سایت Gravatar.com ثبت نام کنید. (راهنما)
ایمیل شما بعد از ثبت نمایش داده نخواهد شد