ایجاد قالب با موقعیت های دلخواه - نسخهی قابل چاپ +- پارس جوم :: انجمن های تخصصی جوملا (https://forums.parsjoom.ir) +-- انجمن: پشتیبانی (/forum-70.html) +--- انجمن: مباحث و مشکلات عمومی (/forum-33.html) +--- موضوع: ایجاد قالب با موقعیت های دلخواه (/thread-16158.html) |
ایجاد قالب با موقعیت های دلخواه - ali_85 - ۱-۷-۱۳۹۳ ۰۲:۰۴ صبح با سلام یک قالب را می خواهم تغییر بدهم و موقعیت هایی شبیه عکس زیر بسازم با css و html هم اشنایی دارم می تونم موقعیت ساده در هر جایی ایجاد کنم ولی اینکه موقعیت در کناره ها باشه یا به صورت چند ستونه را بلد نیستم می خواستم ببینم چطور میشه این کار را انجام داد RE: ایجاد قالب با موقعیت های دلخواه - mahan - ۱-۷-۱۳۹۳ ۰۵:۰۵ صبح درود بر شما به این مثال توجه کنید، شاید کمکتان کند کد: <body> شاد باشید و شادی بخش دیگران RE: ایجاد قالب با موقعیت های دلخواه - ali_85 - ۱-۷-۱۳۹۳ ۰۹:۰۶ صبح با تشکر از راهنمایی اگر میشه بیشتر توضیح بدید چون خیلی متوجه نشدم مثلا چطور میشه یک موقعیت را به دو موقعیت با اندازه دلخواه تقسیم کرد؟ یا یک موقعیت جدید در سمت راست یا چپ ایجاد کرد؟؟؟ RE: ایجاد قالب با موقعیت های دلخواه - Reza Ganji - ۱-۷-۱۳۹۳ ۰۸:۵۰ عصر درود اگر سی اس اس بلد باشید خوب میتونید اینکار رو انجام بدید چون دستورات سی اس اس داره. بهتره یک قالب اینگونه رو باز کنید و سی اس اس های اون قسمت هارو ببینید. با استفاده از فایرباگ و وب دولوپر میتونید براحتی سورس قالب هارو ببینید. برای اینکه چند موقعیت در کتار هم باشند باید اونهارو در یک دایو ایجاد کنید و استایل دهی کنید. RE: ایجاد قالب با موقعیت های دلخواه - sajjad salehi - ۲-۷-۱۳۹۳ ۰۶:۵۸ صبح اول یه خلاصه ای از طراحی قالب قالب رو مثل یه جدول ورد تصور کن بعد سعی کن با یه سری مربع تو در تو اون رو ایجاد کنی . مثلا اول از همه یه مربع بزرگ برای کل صفحه ی نمایش دوم مربعی با عرض کمتر به عنوان کادری که مطالب و ماژولها و همه چییز درونش قرار میگری . این رو داخل مربع او.ل میکشی مربع سوم چهارم پنج داخل مربع دوم به این صورت که عرض همه برابر اولی بالا دومی وسط سومی پایین- هدر فوتر و شیت سه تا مربع دیگه داخل مربع وسطی میکشی به اسامی چپ وسط راست . و.......... دقت کن که بعدا با استیل ترتیب، اندازه و نحوه ی نمایش تک تک مربع ها رو باید تنظیم کنی و همینطور ارث بری از کلاسهای بالاتر رو هم در نظر بگیری . ************** حالا شما یه قالب آماده داری اول از مدیریت قالب / انتخابها / پیش نمایش رو فعال کن و به صفحه ی پیش نمایش برو این صفحه محل قرار گیری موقعیتها، اسمشون و اسم کلاسشون رو نمایش میده بعد نوبت اضافه کردن موقعیت بین موقعیتهای قبلیه . توی فایل index.php موقعیت در محل مورد نظرت پیدا کنی و اون رو با تغییر نام و تنظیم اندازه ها کنار موقعیت های قبلی داخل مربع مادر کپی کنی احتمالا کارت راه بیفته . البته این خیلی بستگی به دایوبندی و کلاسهای قالبت داره این رو نگاه کن اگه قالبت با ارتیستر درست شده باشه میتونی این کار رو انجام بدی . کد php: <div class="sa-sheet clearfix"> ردیف چهار و پنج رو با کپی و کمی تغییر ایجاد کردم sa-nostyle اسم کلاس css هست که بعد میتونی توی templat.css استیلش رو تغییر بدی . مثلا کد php: .sa-nostyle راحت ترین راه همون بررسی قالبهای دیگرونه و تغییر اونها و مشاهده ی نتیجه . اگه راه ساده و بی فایده رو هم میخوای بری فایل index .php قالبت رو بگذار تا تنظیمش کنم . |