ایجاد قالب با موقعیت های دلخواه
|
۱-۷-۱۳۹۳, ۰۲:۰۴ صبح
ارسال: #1
|
|||
|
|||
ایجاد قالب با موقعیت های دلخواه
با سلام یک قالب را می خواهم تغییر بدهم و موقعیت هایی شبیه عکس زیر بسازم
با css و html هم اشنایی دارم می تونم موقعیت ساده در هر جایی ایجاد کنم ولی اینکه موقعیت در کناره ها باشه یا به صورت چند ستونه را بلد نیستم می خواستم ببینم چطور میشه این کار را انجام داد |
|||
۱-۷-۱۳۹۳, ۰۵:۰۵ صبح
ارسال: #2
|
|||
|
|||
RE: ایجاد قالب با موقعیت های دلخواه
درود بر شما
به این مثال توجه کنید، شاید کمکتان کند کد: (انتخاب همه) <body> شاد باشید و شادی بخش دیگران |
|||
|
۱-۷-۱۳۹۳, ۰۹:۰۶ صبح
ارسال: #3
|
|||
|
|||
RE: ایجاد قالب با موقعیت های دلخواه
با تشکر از راهنمایی
اگر میشه بیشتر توضیح بدید چون خیلی متوجه نشدم مثلا چطور میشه یک موقعیت را به دو موقعیت با اندازه دلخواه تقسیم کرد؟ یا یک موقعیت جدید در سمت راست یا چپ ایجاد کرد؟؟؟ |
|||
۱-۷-۱۳۹۳, ۰۸:۵۰ عصر
ارسال: #4
|
|||
|
|||
RE: ایجاد قالب با موقعیت های دلخواه
درود
اگر سی اس اس بلد باشید خوب میتونید اینکار رو انجام بدید چون دستورات سی اس اس داره. بهتره یک قالب اینگونه رو باز کنید و سی اس اس های اون قسمت هارو ببینید. با استفاده از فایرباگ و وب دولوپر میتونید براحتی سورس قالب هارو ببینید. برای اینکه چند موقعیت در کتار هم باشند باید اونهارو در یک دایو ایجاد کنید و استایل دهی کنید. |
|||
|
۲-۷-۱۳۹۳, ۰۶:۵۸ صبح
ارسال: #5
|
|||
|
|||
RE: ایجاد قالب با موقعیت های دلخواه
اول یه خلاصه ای از طراحی قالب
قالب رو مثل یه جدول ورد تصور کن بعد سعی کن با یه سری مربع تو در تو اون رو ایجاد کنی . مثلا اول از همه یه مربع بزرگ برای کل صفحه ی نمایش دوم مربعی با عرض کمتر به عنوان کادری که مطالب و ماژولها و همه چییز درونش قرار میگری . این رو داخل مربع او.ل میکشی مربع سوم چهارم پنج داخل مربع دوم به این صورت که عرض همه برابر اولی بالا دومی وسط سومی پایین- هدر فوتر و شیت سه تا مربع دیگه داخل مربع وسطی میکشی به اسامی چپ وسط راست . و.......... دقت کن که بعدا با استیل ترتیب، اندازه و نحوه ی نمایش تک تک مربع ها رو باید تنظیم کنی و همینطور ارث بری از کلاسهای بالاتر رو هم در نظر بگیری . ************** حالا شما یه قالب آماده داری اول از مدیریت قالب / انتخابها / پیش نمایش رو فعال کن و به صفحه ی پیش نمایش برو این صفحه محل قرار گیری موقعیتها، اسمشون و اسم کلاسشون رو نمایش میده بعد نوبت اضافه کردن موقعیت بین موقعیتهای قبلیه . توی فایل index.php موقعیت در محل مورد نظرت پیدا کنی و اون رو با تغییر نام و تنظیم اندازه ها کنار موقعیت های قبلی داخل مربع مادر کپی کنی احتمالا کارت راه بیفته . البته این خیلی بستگی به دایوبندی و کلاسهای قالبت داره این رو نگاه کن اگه قالبت با ارتیستر درست شده باشه میتونی این کار رو انجام بدی . کد php: (انتخاب همه) <div class="sa-sheet clearfix"> ردیف چهار و پنج رو با کپی و کمی تغییر ایجاد کردم sa-nostyle اسم کلاس css هست که بعد میتونی توی templat.css استیلش رو تغییر بدی . مثلا کد php: (انتخاب همه) .sa-nostyle راحت ترین راه همون بررسی قالبهای دیگرونه و تغییر اونها و مشاهده ی نتیجه . اگه راه ساده و بی فایده رو هم میخوای بری فایل index .php قالبت رو بگذار تا تنظیمش کنم . |
|||
|
|
کاربرانِ درحال بازدید از این موضوع: 1 مهمان