رفتن به مطلب

راهنمایی برای انتخاب پوسته


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

سلام

می خوام برای یک رستوران فست فود سایت طراحی کنم . چه پوسته ای رو به من پیشنهاد می دید؟

مد نظرم هست که منوها همراه با تصویر باز بشه برای این کار باید چه کاری انجام بدم؟

ممنون می شم راهنماییم کنید .

لینک به ارسال

منظورتون از منو همراه با تصاویر رو خوب نگرفتم ولی در کل برای اینگونه ابزار باید jquery بدونید

الان شما می خواهید سایت طراحی کنید

یا می خواهید قالب روی سایتتون بگذارید؟

به عبارت دیگه شما طراح هستید یا فست فود دارید ؟

لینک به ارسال

اگه طراح هستید خودتون طراحی کنید , چرا میخواید از قالب آماده استفاده کنید ؟ مخصوصا برای فست فود ؛ خیلی ایده های شاد و قشنگی میشه داشت !

لینک به ارسال

بهتره نمونه ها رو ببینید:


http://www.scratchinginfo.com/food-recipes-wordpress-themes/
http://www.premiumwp.com/10-delicious-food-wordpress-themes/

لینک به ارسال

منظورتون از منو همراه با تصاویر رو خوب نگرفتم ولی در کل برای اینگونه ابزار باید jquery بدونید

الان شما می خواهید سایت طراحی کنید

یا می خواهید قالب روی سایتتون بگذارید؟

به عبارت دیگه شما طراح هستید یا فست فود دارید ؟

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

نمونه: http://www.mcdonalds.com/us/en/full_menu_explorer.html

لینک به ارسال

معمولا منوی داینامیک برای کاری بسته می شود که آیتم ها متغیر باشند (متعدد بودنشون مهم نیست)

و الا نیازی به استفاده از php نیست چنین منویی را می تونید با کمی سلیقه و با استفاده از کدهای css و html به راحتی پیاده کنید

نمونه خیلی ساده

http://jsbin.com/ezaqex/1/

برای مشاهده کدها بر روی edit کلیک کنید

لینک به ارسال

این افزونه رو هم ببینید شاید به دردتون خورد

http://wordpress.org/plugins/easy-restaurant-menu-manager/

لینک به ارسال
  • 4 هفته بعد...

معمولا منوی داینامیک برای کاری بسته می شود که آیتم ها متغیر باشند (متعدد بودنشون مهم نیست)

و الا نیازی به استفاده از php نیست چنین منویی را می تونید با کمی سلیقه و با استفاده از کدهای css و html به راحتی پیاده کنید

نمونه خیلی ساده

http://jsbin.com/ezaqex/1/

برای مشاهده کدها بر روی edit کلیک کنید

این رو اگه بخوام درست کنم. سیستم مدیریت محتوا هم داره؟

لینک به ارسال

این رو که عرض کردم یک نمونه خیلی ساده از چیزی که خواستیده که خودم نوشتم ربطی به مدیریت محتوی نداره می شه روی هر سیستمی گذاشتتش توی همون لینک روی گزینه edit کلیک کنید تا کدهاش رو براتون نمایش بده

سیستم مدیریت محتوی به نظرم کارایی برای اینکار نداره و فقط دست و پا گیره چون محصولات مشخصند بهتره تلاش کنید از cms استفاده نشه نهایتا با php می شه چند تا فیلد برای تغییر قیمت ها در دسترس مشتری گذاشت اما اگر سیستم مدیریت محتوا براتون مهمه وردپرس در بین سیستم های رایگان بیشترین قابلیت ها رو داره

لینک به ارسال
  • 2 هفته بعد...

سلام مجدد

من الان سایت رو به اینجا رسوندم:

http://bonap.ir/fa/

الان می خوام منو که باز میشه هم اسامی هم عکس باشه آیا با کد های بالا می شه؟

لینک به ارسال

هر صفحه شما یک آی دی داره که در آدرسش مشخصه مثلا صفحه 54 این آدرسشه :


http://yoursite.com/?p=54

و در منوی شما این کلاسشه


page-item-54

حالا در فایل style.css باید برای هر صفحه که می خواهید تصویر داشته باشد جداگانه تعریف کنید به این صورت


#site-navigation .page-item {
background-position:right center;
background-repeat:no-repeat;
}
#site-navigation .page-item-54 {
background-image:url('آدرس تصویر');
padding-right:اندازه عرض تصویر + 2px;
height:اندازه ارتفاع تصویر
}

و برای موارد بعدی فقط این بخش لازمه که اضافه بشه


#site-navigation .page-item-54 {
background-image:url('آدرس تصویر');
padding-right:اندازه عرض تصویر + 2px;
height:اندازه ارتفاع تصویر
}

لینک به ارسال


http://pastebin.ca/2426048

من اضافه کردم اما اتفاقی نیفتاد :wacko:

ویرایش شده توسط Morteza
لینک به ارسال


#site-navigation .page-item-29 {
background-image:url('http://www.bonap.ir/up/test.jpg');
padding-right:302px;
height:100
}

منظورم از عرض تصویر + 2 اضافه کردن دو پیکسل به اندازه عرض بود

لینک به ارسال

واییییییییییییییییییییییییییییی مرسییییییییییییییییییییی ممنونممممممممم واقعا عالیههههه من همین و می خواستم مرسی خیلی وقت بود می خواستم یاد بگیرم واقعا ازتون ممنون به خاطر راهنماییاتون و وب سایت خیلی عالیتون ممنونم.

درست شدددددددددددددددددد.

لینک به ارسال

فقط با سایزش هنوز مشکل دارم :)

عکس رو کامل نشون نمی ده حتی سایز عکسم رو 50 در 50 pixel کردم...

لینک به ارسال

کد قبلی را پاک کنید و این را جایگزین و تست کنید


#site-navigation .page-item a {
background-position:right center;
background-repeat:no-repeat;
}
#site-navigation .page-item-29 a{
background-image:url('http://www.bonap.ir/up/test.jpg');
padding-right:302px;
height:100
}

لینک به ارسال

آقا من همون کدهای قبلی و دو خط بهش اضافه کردم برای عکس 50x50 pix این الان عالی شد. ازتون ممنونم

#site-navigation .page-item {

background-position:right center;

background-repeat:no-repeat;

}

#site-navigation .page-item-29 {

background-image:url('http://www.bonap.ir/up/test.jpg');

padding-right:71px;

padding-left:18px;

width: 100px;

height:50

}

لینک به ارسال

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

بهتره به لایه a اضافه بشه چون در استایل بندی های شما تمام ابعاد به a نسبت داده شده و اونه که تعریف می کنه چه مقدار از li دیده بشه

لینک به ارسال

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

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

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

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

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

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

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

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

×
×
  • اضافه کردن...