حالت موضوعی | حالت خطی

rosamond

دوستان برای ساخت منو های وبلاگ همانند عکس زیر چه کاری باید انجام داد؟

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

**M@soud**

درسته, باید به سه قسمت تقسیم کرد ولی نیاز به اطلاعاتی در مورد HTML و CSs دارید,
اگر قصد دارید به یه قالب آماده این منو را اضافه کنید مطمئنان دچار دردسر خواهید شد,
اگر خودتان قالب را ساخته اید مشکل خاصی با قالب نخواهید داشت و از کدی شبیه زیر می توانید استفاده کنی:

کد:

<style>

.mheader{

width:200px;

height:30px;

background-image:url('menu1.jpg');

text-align: center

}

.mbg{

width:200px;

background-image:url('menu2.jpg');

text-align: center

}

.mfooter{

width:200px;

height:30;

background-image:url('menu3.jpg');

text-align: center

}

</style>

کد بالا را قبل از تگ <head/> قرار دهید,
در خط سوم و چارم کد بالا طول و عرض عکس اول منو(عکس بعنوان منو) قرار می گیرد,
در خط 5 به جای menu1.jpg آدرس قطه ی اول عکس منو را قرار دهید.

در خط 9 طول قسمت وسط(محتویات منو) را مشخص کرده ایم, این اندازه باید با طول قسمت عنوان منو یکی باشد,
در اینجا از عرض استفاده نمی کنیم چون عزض منو ثابت نیست,

در خط 10 آدرس عکس قسمت وسط قالب

در خط 14 و 15 طول و عرض عکس قسمت سوم منو(پایین) قرار میگیرد, اندازه ی این طول نیز باید به طول های دیگر یکی باشد.

در خط 16آدرس عکس قسمت سوم منو را وارد می کنیم.

کد زیر هم در محل قرار گیری منو در قالبتان قرار دهید,

کد:

<div class="mheader">عنوان منو<div>

<div class="mbg">محتوای منو<div>

<div class="mfooter"><div>

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

کد:

<BlogLinksBlock>

<div class="mheader">عنوان منو<div>

<div class="mbg"><BlogLinks><a  href="<-LinkUrl->"><-LinkTitle-></a></BlogLinks><div>

<div class="mfooter"><div>

<BlogLinksBlock>

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

rosamond

ممنون دوست عزیز
توضیحات واقعا کامل و عالی بود.

parsikala

با سلام و خسته نباشيد

بنده وبلاگي دارم كه شامل دو ستون هست يعني از نوع كلاسيك قديمي. ميخواستم سه ستونه بشه يعني بلوك چپ نيز ايجاد كنم هرچه به اين در و اون در ميزنم نميشه لطفا راهنمايي كنيد. در ضمن قالب و استايل وب لاگ رو به فراخور حالم دستكاري كردم يعني به هيچ طريق نميتونم قالب رو تغير بدم. ممنون
آدرس وبلاگ: http://parsfoot-khz.avablog.ir

حالت موضوعی \| حالت خطی ساخت منو (یا ستون)های کنار وبلاگ
نویسنده	پیام

Share/Bookmark (Show All)