سلام . من فارغ التحصیل الکترونیک هستم و این وب رو ساختم تا مقالات آموزشی شبکه،الکترونیک،برق و کامپیوتر و پروژه های دانشجویی خودم رو توش قرار بدم تا شما هم استفاده کنین.امیدوارم که مطالبم به دردتون بخوره
جهت پرسیدن سوالات خود یا گرفتن مشاوره ، از قسمت نظرات هر یک از پست ها استفاده نمایید . جوابها رو به سرعت نور تو نظرات همون پست میدم. با تشکر
آدرس های جدید ما : www.NETNIC.ir و www.Amoozesh.in
انجام پروژه های دانشجویی پکت تریسر ، طراحی وب با asp.net و sql و پروژه های AVR پذیرفته می شود
سلام
بسیاری از دوستان پرسیده بودن که فلان بخش رو می خواین جابجا کنن و یا بلوک خاصی رو از اینور وبلاگشون بیارن اونور و یا ....
انجام این کارا بستگی به این داره که قالبتون چطوری طراحی شده باشه (طراحی قالب چقدر حرفه ای باشه)
قالب ها به 3 صورت طراحی میشن :
1- با جدول (Table)
(یک جدول کلی داریم و کلیه عناصر درون این جدول قرار دارند) >> طراح معمولی
2- با css و جدول
یک سری تگ <div> داریم که بوسیله کد CSS در جاهای مختلف صفحه موقعیت دهی شده اند و درونشان از جدول برای مثلا نمایش منو های بالای سایت و یا ... استفاده شده >> طراح نیمه حرفه ای
3- با css ( بدون بکار بردن جدول)یک سری تگ <div> داریم که بوسیله کد CSS در جاهای مختلف صفحه موقعیت دهی شده اند و درونشان
هم از تگ های <div> استفاده شده .... >> طراح حرفه ای
کد بلوک بنده اینه :
برچسب ها: آموزش جابجایی بخش های یک قالب، آموزش، جابجایی بخش های یک قالب،
بسیاری از دوستان پرسیده بودن که فلان بخش رو می خواین جابجا کنن و یا بلوک خاصی رو از اینور وبلاگشون بیارن اونور و یا ....
انجام این کارا بستگی به این داره که قالبتون چطوری طراحی شده باشه (طراحی قالب چقدر حرفه ای باشه)
قالب ها به 3 صورت طراحی میشن :
1- با جدول (Table)
(یک جدول کلی داریم و کلیه عناصر درون این جدول قرار دارند) >> طراح معمولی
2- با css و جدول
یک سری تگ <div> داریم که بوسیله کد CSS در جاهای مختلف صفحه موقعیت دهی شده اند و درونشان از جدول برای مثلا نمایش منو های بالای سایت و یا ... استفاده شده >> طراح نیمه حرفه ای
3- با css ( بدون بکار بردن جدول)یک سری تگ <div> داریم که بوسیله کد CSS در جاهای مختلف صفحه موقعیت دهی شده اند و درونشان
هم از تگ های <div> استفاده شده .... >> طراح حرفه ای
- اگر قالب شما به روش اول ساخته شده ، برای جابجایی
باید با تگ های جدول کار کنین و بهترین کار اینه که از نرم افزار هایی
مثل دریم ویور استفاده کنین ....
- اگر قالب شما به روش دوم یا سوم ساخته شده باشه ، باید کمی کد نویسی انجام بدین و نیاز است که یکمی css بلد باشین. برای اینکار باید کد های css (استایل) بلوک (تگ div) مورد نظر رو تغییر بدید تا در صفحه در موقعیت جدیدی قرار بگیره
کد بلوک بنده اینه :
کد:
<div style="width:80px;position:absolute;top:220px;right:50px"> عناصر درون بلوک </div>
به دستورات سی اس اس top و right دقت کنین
این کد ها نشون میدن که بلوک ما ار بالای صفحه 220 پیکسل و از سمت راست 50 پیکسل باید فاصله بگیره ....
حال اگر بنده right رو به left تبدیل کنم ، بلوک بنده در همین ارتفاع (فاصله از بالای صفحه رو من تغییر ندادم) با سمت چپ میره :)))
البته همیشه به همین سادگی هم نیست و گاهی باید شما آنقدر با عدد ها بازی کنین تا دقیقا اون چیزی که می خواهید رو بدست بیارید .... (باید با زبان css آشنا باشین)
نکته : گاهی از کد های css برای وسط چین نمودن کل صفحه استفاده میشه .... در اینصورت کارتون یکم داستان دار میشه
در این روش دیگه از تگ منسوخ شده <center> استفاده نمیشه و از یک بلوک div استفاده میشه که بصورت زیر با css وسط چین میشه و کلیه عناصر صفحه رو درون این بلوک قرار میدیم .....
در این روش بلوک های داخلی از لبه این بلوک موقعیت دهی میشن .... یعنی شما دیگه نمیگین بلوک من 50 پیکسل از سمت راست صفحه فاصله بگیره ، بلکه میگین بلوک من 50 پیکسل از لبه سمت راست بلوک اصلی (همین بلوکی که برای وسط چین کردن صفحه استفاده شده) فاصله بگیره
دوستان علاقمند به یادگیری دقیق تر و کامل تر html و css به آدرس زیر مراجعه نمایند :
w3schools.com
این کد ها نشون میدن که بلوک ما ار بالای صفحه 220 پیکسل و از سمت راست 50 پیکسل باید فاصله بگیره ....
حال اگر بنده right رو به left تبدیل کنم ، بلوک بنده در همین ارتفاع (فاصله از بالای صفحه رو من تغییر ندادم) با سمت چپ میره :)))
البته همیشه به همین سادگی هم نیست و گاهی باید شما آنقدر با عدد ها بازی کنین تا دقیقا اون چیزی که می خواهید رو بدست بیارید .... (باید با زبان css آشنا باشین)
کد:
<div style="width:80px;position:absolute;top:220px;left:50px"> عناصر درون بلوک </div>
پاسخ : جابجایی بخش های یک قالب
نکته : گاهی از کد های css برای وسط چین نمودن کل صفحه استفاده میشه .... در اینصورت کارتون یکم داستان دار میشه در این روش دیگه از تگ منسوخ شده <center> استفاده نمیشه و از یک بلوک div استفاده میشه که بصورت زیر با css وسط چین میشه و کلیه عناصر صفحه رو درون این بلوک قرار میدیم .....
<
کد:
div style="width:1024px;position:relative;margin:0px auto 0px auto"> بلوک ها و عناصر صفحه </div>
در این روش بلوک های داخلی از لبه این بلوک موقعیت دهی میشن .... یعنی شما دیگه نمیگین بلوک من 50 پیکسل از سمت راست صفحه فاصله بگیره ، بلکه میگین بلوک من 50 پیکسل از لبه سمت راست بلوک اصلی (همین بلوکی که برای وسط چین کردن صفحه استفاده شده) فاصله بگیره
دوستان علاقمند به یادگیری دقیق تر و کامل تر html و css به آدرس زیر مراجعه نمایند :
w3schools.com
برچسب ها: آموزش جابجایی بخش های یک قالب، آموزش، جابجایی بخش های یک قالب،
ارسال در تاریخ یکشنبه 25 دی 1390 توسط hani halaminuta