amin1

سوال درمورد طراحی قالب

آغاز شده توسط: amin1,

10 پست در این موضوع

ارسال شده در

سلام خسته نباشید

دوستان من میخوام بکراند بعضی دیو ها رو بصورت عکسی که در زیر می بینید در بیارم یعنی بگراند تمام صفحه باشه ولی عناصر ی که روی اون قرار دارن مثلا 980پیکسل باشن و دقیقا در وسط صفحه قرار بگیرن و وقتی تو صفحه مرورگر صفحه رو کوچکتر می کنیم قالب بدون تغییر کوچیک بشه :: سایت نمونه ارس دیزاین رنگ تقریبا سیاه بالایی و رنگ ابی منوی اصلی و لوگو و رنگ bottom که تمام صفحه هستند یعنی 100درصد کل صفحه رو پوشش دادن و عناصر تقریبا980 پیکسل هستند و در وسط قرار دارن و وقتی صفحه رو کوچیک می کنیم سایت بدون تغییر موقیعت عناصر کوچیک می شه

[ATTACH=CONFIG]7648[/ATTACH].

Share this post

Link to post
Share on other sites
آموزش ووکامرس قالب جوملا قالب وردپرس قالب رایگان وردپرس قالب رایگان جوملا هاست نامحدود هاست جوملا هاست لاراول هاست وردپرس هاست ارزان هاست ربات تلگرام خرید دامنه آموزش ساخت ربات تلگرام با php آموزش لاراول آموزش cPanel آموزش php آموزش فرم ساز RSform آموزش ساخت ربات جذب ممبر آموزش ساخت ربات دوستیابی آموزش ساخت ربات فروشگاهی برای ووکامرس آموزش طراحی سایت داینامیک با php آموزش بخش پشتیبانی با rsticket

ارسال شده در

دوست عزیز شما باید اون قسمت هایی که میخای ثابت بمونن رو بصورت full withd بذاری و بقیه قسمت ها بصورت پیکسلی اندازه دهی کنی .

Share this post

Link to post
Share on other sites

ارسال شده در

سلام خسته نباشین

الن چطوری می تونم مثلا برای هدر و و منو این کارو انجام بدم

Share this post

Link to post
Share on other sites

ارسال شده در

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

Share this post

Link to post
Share on other sites

ارسال شده در

نه از نرم افزار استفاده نمی کنم اخه وقتی ادندازه main رو 980px انتخاب می کنم حتی اگه هدر رو 100% انتخاب کنم باز هم هدر در اندازه 980px نمایش داده میشه؟؟

Share this post

Link to post
Share on other sites

ارسال شده در

خود داری میگی اندازه main یعنی اندازه اصلی رو 980 پیکسل میذاری . پس چه توقعی داره هدر 100 درصد باشه. اندازه اصلی رو 100 درصد بذار اندازه بدنه قالب رو 980 پیکسل بذار

Share this post

Link to post
Share on other sites

ارسال شده در (ویرایش شده)

خوب الان من این کارو انجام دادم

main:100%

header:980px

menu;600px

ولی من میخوام رنگ بگراند منو و هدر بصورت 100% کل صفحه رو پوشش بده مثل سایت:ارس دیزاین که بدنه اصلی قالب 980 هستش و لی رنگ منوی بالایی و رنگ منو که ابی هستش 100% کل صفحه رو پوشش داده؟؟

اینم عکس:

[ATTACH=CONFIG]7649[/ATTACH]

ویرایش شده در توسط amin1

Share this post

Link to post
Share on other sites

ارسال شده در

اینکارو انجام بده

main:100%

header:100%

menu:100%

بدنه سایتت هم بصورت 98% اندازه بده

Share this post

Link to post
Share on other sites

ارسال شده در

به جز روش drtrabit1 عزیز از این روش هم میتونید استفاده کنید.

اجزایی که میخوایید عرضشون کامل باشه رو از main بیارید بیرون و بهشون width 100 بدید و به main عرض 980px و margin:0 auto; بدید.

اگر میخواید متن های بخش های جدا شده هم عرض با main باشند و فقط رنگ زمینه پوشش 100 داشته باشه ، درون اون بخش ها هم main قرار بدین.

یعنی به این شکل :

<body>
/* Header Block */
<div id="header">
	<div class="main">
	محتويات header
	</div>
</div>

/* Main Block */
<div class="main">
	محتويات main
</div>

/* Footer Block */
<div id="footer">
	<div class="main">
	محتويات footer
	</div>
</div>
</body>

Share this post

Link to post
Share on other sites

ارسال شده در

سلام خسته نباشید

الن من تا اینجا دو تا موقیعت تعریف کردم:

<body>
<div id="header">
<div id="main">
        <div id="top-menu">
        <ul>
        <li><a href="#">home</a></li>
        <li><a href="#">home</a></li>
        <li><a href="#">home</a></li>
        <li><a href="#">home</a></li>
        <li><a href="#">home</a></li>
        </ul>
        </div>
</div>
</div>
</body>

الان میخوام تمام بخش ها مثلا 980px باشن ولی رنگ بگراند بخش منو و هدر به صورت 100%صفحه رو پوشش بده؟

Share this post

Link to post
Share on other sites

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری
بازگشت به لیست عناوین تاپیک رفع مشکلات و سوالات عمومی جوملا 1.7 و 2.5