رفتن به مطلب
sajad dp

2 مشکل هنگام طراحی قالب

پست های پیشنهاد شده

سلام

بعد از مدتها تصمیم گرفتم طراحی قالب رو یاد بگیرم اما موقع تبدیل با مشکل مواجه شدم

1- ابتدا این عکس رو ببینید:

f5mk0o6hmbwcu1gou91t.jpg

این عکس مال موقعیت راست هست

همون طور که می بینین به جای اینکه منو ها رو عمودی لود کنه افقی لود می کنه

البته اولش درست بود ولی یک کلاس به اسم menu ساختم تا داخل موقعیت بالای سایت افقی لود بشن:

mhnph5vzrreyumt9xpjj.jpg

برای حلش باید چه کار کنم؟

=------=

2- یک بار دیگه به عکس اول نگاه کنید

برای اینکه بتونم عنوان ماژول ها رو تغییر بدم (یعنی مثلا رنگ فونت بک گراند و...)

باید چه کار کنم؟

(استایل رو xhtml دادم)

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

سلام و درود

برای مشکل اول : دقیق متوجه نشدم ولی توتنظیمات ماژل میتونی انجامش بدی

برای مشکل دوم: تو فایل css قالب برو (template.css,style.css,....) در قصمت ماژل مورد نظر تغییرات را اعمال کنید

مثلاً: یک بک گراند تعریف کنید یا فنت ها و سایز ها را تغییر دهید.

"البته اگر قالب را اسولی طراحی کرده باشی"

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر
برای مشکل اول : دقیق متوجه نشدم ولی توتنظیمات ماژل میتونی انجامش بدی

تنظیمات ماژول؟:huh:

ایرادش مال سی اس اس هست به گمانم...

برای مشکل دوم: تو فایل css قالب برو (template.css,style.css,....) در قصمت ماژل مورد نظر تغییرات را اعمال کنید مثلاً: یک بک گراند تعریف کنید یا فنت ها و سایز ها را تغییر دهید. "البته اگر قالب را اسولی طراحی کرده باشی"

من میخوام تنها روی عنوان ماژول تاثیر بذاره اینجوری روی کلش تاثیر میگذاره...

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

سلام

دوست عزیز شما باید برای موقعیت های مختلف استایل های مختلف ایجاد کنید

یعنی شما برای لیست منوی بالاتون به استایل و برای لیست مربوط به ستون سمت راست یه استایل دیگه تعریف کنید

برای درست شدن لیست راست شما باید این استایل ها رو تغییر بدید و برای منوی بالاتون همون استایل قبلی ولی با پسوند یا اسم دیگه قرار بدید.

در خط 102 فایل Style.css این کد رو جایگزین کنید:

.menu {
margin: 0;
padding: 5px 0 0;
width: 400px;
}

در خط 113 همون فایل این کد رو جایگزین کنید:

.menu li {
   padding: 0 5px;
}

در خط 117 هم این کد رو :

.menu li a {
color: #CFD1D0;
display: block;
font: 13px Arial,Helvetica,sans-serif;
padding: 10px 8px 14px;
}

موفق باشید.

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

امیرجان ممنون از لطفت

فقط بعد از جایگزینی ماژولی که داخل اون عکس دومی گذاشتم از حالت افقی در اومد و عمودی شد!

+

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

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

mhnph5vzrreyumt9xpjj.jpg

یا

به عبارت دیگه

من برای موقعیت راست از کلاس sidebar استفاده کردم و برای بالا menu ...

و کدی که شما لطف کردین دادین روی موقعیت بالا تاثیر میگذاره...

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

سلام

برای اینکه روی منوی بالاتون تاثیر نزاره

شما باید ابتدای کدهاتون که در بالا قرار دادم به جای menu این( sidebar قرار بدید.

مثل:

.sidebar li {
padding: 0 5px;
 }

موفق باشید.

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

به گفتگو بپیوندید

هم اکنون می توانید ارسال داشته باشید و بعد ثبت نام خود را در سایت کامل نمایید. اگر حساب کاربری در سایت دارید، جهت ارسال با حساب کاربری خود هم اکنون وارد سایت شوید

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.


×
×
  • افزودن...