ارسال پاسخ 
 
رتبه موضوع:
  • 0 رای - 0 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5
ساخت منو (یا ستون)های کنار وبلاگ
نویسنده پیام
rosamond آفلاین
کاربر خوب تالار
*
انجمن وبلاگ نویسان
ارسال‌ها: 46
تاریخ عضویت: آبا ۱۳۹۰
رتبه: 2
سپاس کرده: 46
39 بار سپاس شده در 21 ارسال
ارسال: #1
ساخت منو (یا ستون)های کنار وبلاگ
دوستان برای ساخت منو های وبلاگ همانند عکس زیر چه کاری باید انجام داد؟

[تصویر: a.jpg]

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

[تصویر: b.jpg]

[تصویر: c.jpg]

[تصویر: d.jpg]

"ارزش هر کس به اندازه ی حرف هایی ست که برای نگفتن دارد."
۹-۲۳-۱۳۹۰ ۱۱:۱۶ عصر
یافتن تمامی ارسال‌های این کاربر نقل قول این ارسال در پاسخ
M@soud آفلاین
مدیر ارشد تالار
******
انجمن وبلاگ نویسان
ارسال‌ها: 1,040
تاریخ عضویت: تیر ۱۳۸۹
رتبه: 17
سپاس کرده: 475
1310 بار سپاس شده در 627 ارسال
ارسال: #2
RE: ساخت منو (یا ستون)های کنار وبلاگ
درسته, باید به سه قسمت تقسیم کرد ولی نیاز به اطلاعاتی در مورد 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>

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

دیگه رسما شدیم سرباز وطن!خیلی خیلی خیلی کم میام تو نت پس زیاد منتظر من نباشید, دوست شما , مسعود Smile
(آخرین تغییر در این ارسال: ۹-۲۴-۱۳۹۰ ۰۸:۴۲ صبح توسط M@soud.)
۹-۲۴-۱۳۹۰ ۰۸:۳۹ صبح
یافتن تمامی ارسال‌های این کاربر نقل قول این ارسال در پاسخ
 سپاس شده توسط: muiacir ، rosamond ، ΨЯΘJДЙ
rosamond آفلاین
کاربر خوب تالار
*
انجمن وبلاگ نویسان
ارسال‌ها: 46
تاریخ عضویت: آبا ۱۳۹۰
رتبه: 2
سپاس کرده: 46
39 بار سپاس شده در 21 ارسال
ارسال: #3
RE: ساخت منو (یا ستون)های کنار وبلاگ
ممنون دوست عزیز
توضیحات واقعا کامل و عالی بود.

"ارزش هر کس به اندازه ی حرف هایی ست که برای نگفتن دارد."
۹-۲۴-۱۳۹۰ ۰۷:۵۱ عصر
یافتن تمامی ارسال‌های این کاربر نقل قول این ارسال در پاسخ
parsikala
Unregistered

 
سپاس کرده:
بار سپاس شده در ارسال
ارسال: #4
RE: ساخت منو (یا ستون)های کنار وبلاگ
با سلام و خسته نباشيد

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


[-]
Share/Bookmark (Show All)
Facebook Linkedin Technorati Twitter Digg MySpace Delicious

پرش در انجمن:

لینک ها : آپارتمان مبله تهران /  ثبت برند /  ثبت شرکت /  دانلودآهنگ جدید /  سئو /  فروشگاه اینترنتی ارزان /  باربری تهران /  دکوراسیون داخلی /  پاپ آپ /  انجام پروژه دانشجویی /  کاهش پینگ بازی /  قیمت طلا /  خرید چمن مصوعی /  پنل تبلیغات تلگرام /  افزایش فالوور اینستاگرام /  رزرو هتلهای مشهد /  نیازمندیها /  پیتزا 5 تومنی /  کلینیک دندانپزشکی /  دیسک کمر /  دندانپزشک /  ارتودنسی /  زعفران /  هتل تورنشان /  قالب وردپرس /  آموزش php /  خرید اپل آیدی /  عکس های بازیگران /  اوزون تراپی /  اتوبار فرمانیه /  اتوبار کامرانیه /  اتوبار پاسداران /  اتوبار یوسف آباد /  اتوبار ونک /  اتوبار تهران /  باربری تهران /  فلزیاب و فلزیاب تصویری /  تخت نوزاد /  اتوبار /  اتوبار میرداماد /  باربری شهرک غرب /  اتوبار سعادت اباد /  انجام پایان نامه /  دانلود فیلم ایرانی /  بلیط چارتر /  تور دبی /  تور ارمنستان /  قالب وردپرس /  تشریفات مجالس /  تور نمایشگاهی /  تور آفریقای جنوبی /  تور مراکش /  فلزیاب /  پنل اس ام اس /  ابزار وبلاگ /  قالب میهن بلاگ /  قالب بلاگفا /  قالب وبلاگ /  آپلود عکس /  گالری عکس 
دانلود فیلم خارجی دانلود فیلم خرید vpn خرید vpn خرید vpn خريد vpn موبایل | خرید کریو ارزان خرید vpn خرید vpn خريد next vpn خرید vpn دانلود فیلتر شکن
خرید vpn
مشاوره خانواده مرکز مشاوره ازدواج پنل تبلیغات در تلگرام,تبلیغات در ایمو,تبلیغات در هایک پنل اس ام اس رایگان ازدواج ابزار وبلاگ