Elham 16 ارسال شده در تیر 92 مالک گزارش بازنشر ارسال شده در تیر 92 من یاد نگرفتم برای تکرار نشدن این عکس باید چیکار کنم. میشه بیشتر راهنماییم کنید؟ منظورم عکس منو هست نقل قول لینک به ارسال
Morteza 34190 ارسال شده در تیر 92 گزارش بازنشر ارسال شده در تیر 92 در کجا تکرار میشه؟ سایت خودتون؟ اگر سوال جدید هست در تاپیک جدید مطرح کنید 1 نقل قول لینک به ارسال
Elham 16 ارسال شده در تیر 92 مالک گزارش بازنشر ارسال شده در تیر 92 نه سوال جدید نیستدر مورد همون منو با عکس هستشعکس که داخل منو هست چند بار تکرار می شه . نقل قول لینک به ارسال
Morteza 34190 ارسال شده در تیر 92 گزارش بازنشر ارسال شده در تیر 92 در استایل باید بهش no-repeat بدید. البته گر بصورت بکگراند هست 3 نقل قول لینک به ارسال
نگار صادقی 1025 ارسال شده در تیر 92 گزارش بازنشر ارسال شده در تیر 92 پوسته دو ستونه ساده هستفقط دوتا اسلایدر داره همیناسلایدرش رو چجوری میشه کپی کنیم؟ نقل قول لینک به ارسال
Morteza 34190 ارسال شده در مرداد 92 گزارش بازنشر ارسال شده در مرداد 92 اسلایدرش رو چجوری میشه کپی کنیم؟از کجا کپی کنید؟همون پوسته؟ 1 نقل قول لینک به ارسال
Elham 16 ارسال شده در مرداد 92 مالک گزارش بازنشر ارسال شده در مرداد 92 در استایل باید بهش no-repeat بدید. البته گر بصورت بکگراند هستیعنی در کدها به کجا اضافه کنم؟#site-navigation .page-item- 35 {background-image:url('http://www.bonap.ir/up/Icon/Kebab.jpg');padding-right:68px;padding-left:18px;width: 100px;border-radius: 2;color: #444;height:70} نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در مرداد 92 گزارش بازنشر ارسال شده در مرداد 92 لطفا کد را بدون تغییر به استایلتون اضافه کنید#site-navigation .page-item- 35 {background-image:url('http://www.bonap.ir/up/Icon/Kebab.jpg');background-repeat:no-repeat;background-position:right center;padding-right:68px;padding-left:18px;width: 100px;border-radius: 2px;color: #444;height:70px;} 2 نقل قول لینک به ارسال
Elham 16 ارسال شده در مرداد 92 مالک گزارش بازنشر ارسال شده در مرداد 92 اصلا عکس دیده نمی شه. نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در مرداد 92 گزارش بازنشر ارسال شده در مرداد 92 #site-navigation .page-item-35 {background-image:url('http://www.bonap.ir/up/Icon/Kebab.jpg');background-repeat:no-repeat;background-position:right center;padding-right:68px;padding-left:18px;width: 100px;border-radius: 2px;color: #444;height:70px;} 2 نقل قول لینک به ارسال
Elham 16 ارسال شده در مرداد 92 مالک گزارش بازنشر ارسال شده در مرداد 92 الان عالی شد مرسی. نقل قول لینک به ارسال
Elham 16 ارسال شده در مرداد 92 مالک گزارش بازنشر ارسال شده در مرداد 92 من قالب وب سایت رو به 2011 تغییر دادم این کدها برای عکس در منو جواب نداد. نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در مرداد 92 گزارش بازنشر ارسال شده در مرداد 92 خوب این کدها برای قالبی که جاری بود تنظیم شدن نباید در همه قالب ها نمایش داده بشند در قالب اخیر دوباره باید همه چی بسته به استایل و وضعیت سایت باز نویسی شهمن درست یادم نمی آد کارتون چی ها بود لطف کنید آیتم به آیتم و با قید آدرس سایت دوباره بنویسید 2 نقل قول لینک به ارسال
Elham 16 ارسال شده در مرداد 92 مالک گزارش بازنشر ارسال شده در مرداد 92 (ویرایش شده) یک دنیا ممنونآدرس سایتم : www.bonap.irسوالم : می خوام منوی کشویی که باز می شه کنار هر آیتم منو یک عکس کوچیک مثل آیکون هم نمایش داده بشهمثلا منوی ساندویچ کنارش عکسش و نشون بدم یا روی منوی پیتزا که میرم عکس پیتزا نشون داده بشه .کدهای استایل هم:http://www.pasteall.org/44965/css ویرایش شده مرداد 92 توسط Morteza نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در مرداد 92 گزارش بازنشر ارسال شده در مرداد 92 این قالب بخاطر اینکه به لایه ها با css ترام داده در واقع از background-image لایه استفاده کرده به نظرم بهترین کار اینه nav ul .page_item {position:relative;line-height:20px;}nav ul .page_item:after {display:none;position:absolute;background-attachment:scroll;background-color:#eee;background-position:center center;background-repeat:no-repeat;background-size:96px 96px;width:100px;height:100px;border:1px #aaa solid;top:-40px;}nav ul .page_item:hover:after {display:inline-block;}.page-item-69:after {background-image:url('IMAGE-69.PNG');}توجه کنید در کد بالا line-height:20px;اندازه ارتفاع منو است که می تونید به دلخواه کم یا زیادش کنید ولی هر عددی رسیدید باید از ارتفاع حالت after که در این نمونه 100px فرض شده کم کنید و باقی مانده ارتفاع after را (80) تقسیم بر دو کنید و در کد در بخش top:-40px; به جای 40 بگذارید .page-item-69:after {background-image:url('IMAGE-69.PNG');}با استفاده از آی دی صفحاتی که می خواهید عکسشون دیده بشه و گذاشتن جای عدد 69 و قرار دادن نشانی تصویر به جای IMAGE-69.PNG تصاویر را معرفی کنید در این حالت باید در زمان اشاره موس به منوی هر صفحه عکس تعریف شده اش هم کنارش لود بشه اما اگر تصویری دیده نشد راهش برداشتن ترام رنگی پس زمینه منو و قرار دادن کد تصویر بک گرانده که با ویرایش این قسمت از کدهای استایل شدنیه /* =Menu-------------------------------------------------------------- */#access { background: #e31e25; /* Show a solid color for older browsers */ background: -moz-linear-gradient(#842624, #e31e25); background: -o-linear-gradient(#842624, #e31e25); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#842624), to(#e31e25)); /* older webkit syntax */ background: -webkit-linear-gradient(#842624, #e31e25); -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px; -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px; box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px; clear: both; display: block; float: left; margin: 0 auto 2px; width: 100%; border: 6px solid #ececec; margin:0px 0px 0px 0px;}#access ul { font-size: 13px; list-style: none; margin: 0 0 0 -0.8125em; padding-left: 0; font-weight:bold; line-height: 5.246153846;}#access li { float: left; position: relative;}#access a { color: #eee; display: block; line-height: 3.333em; padding: 0 1.2125em; text-decoration: none;}#access ul ul { -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2); box-shadow: 0 3px 3px rgba(0,0,0,0.2); display: none; float: left; margin: 0; position: absolute; top: 3.333em; left: 0; width: 188px; z-index: 99999;}#access ul ul ul { left: 100%; top: 0;}#access ul ul a { background: #f9f9f9; border-bottom: 1px dotted #ddd; color: #444; font-size: 13px; font-weight: normal; height: auto; line-height: 1.4em; padding: 10px 10px; width: 168px;}#access li:hover > a,#access ul ul :hover > a,#access a:focus { background: #efefef; font-weight: bold;}#access li:hover > a,#access a:focus { background: #d81e21; /* Show a solid color for older browsers */ background: -moz-linear-gradient(#f9f9f9, #e5e5e5); background: -o-linear-gradient(#f9f9f9, #e5e5e5); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax */ background: -webkit-linear-gradient(#f9f9f9, #e5e5e5); color: #912a23;}#access ul li:hover > ul { display: block;}#access .current-menu-item > a,#access .current-menu-ancestor > a,#access .current_page_item > a,#access .current_page_ancestor > a { font-weight: bold;background: #d81e21; /* Show a solid color for older browsers */ background: -moz-linear-gradient(#f9f9f9, #e5e5e5); background: -o-linear-gradient(#f9f9f9, #e5e5e5); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax */ background: -webkit-linear-gradient(#f9f9f9, #e5e5e5); color: #912a23;} 2 نقل قول لینک به ارسال
Elham 16 ارسال شده در مرداد 92 مالک گزارش بازنشر ارسال شده در مرداد 92 راستش نشد. نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در مرداد 92 گزارش بازنشر ارسال شده در مرداد 92 باید صبر کنید تا قالب تست بشه و کدهای اورفلوش را چک کنم فقط پاسخی که می گذارم را اگر ظرف 24 ساعت تست نکنید دیگه پاسخ نمی دم من هر بار مجبور کل صفحات گذشته رو بخونم تا یادم بیاد شما مشکلتون چی بود 1 نقل قول لینک به ارسال
Elham 16 ارسال شده در مرداد 92 مالک گزارش بازنشر ارسال شده در مرداد 92 چشمممنونم ازتون نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در مرداد 92 گزارش بازنشر ارسال شده در مرداد 92 #access .children li.page-item-25>a {height:auto;display:block;background-repeat:no-repeat;background-position:right center;background-size:100px 100px;}#access .children li.page-item-25:hover>a {padding-right:100px;height:100px;background-image:url('image-25.gif');} 1 نقل قول لینک به ارسال
Elham 16 ارسال شده در شهریور 92 مالک گزارش بازنشر ارسال شده در شهریور 92 به آخر استایل اضافه کردم اما چیزی نشون نداد. نقل قول لینک به ارسال
Elham 16 ارسال شده در شهریور 92 مالک گزارش بازنشر ارسال شده در شهریور 92 آره گذاشتم بعد از#access ul {الان شد نقل قول لینک به ارسال
Elham 16 ارسال شده در شهریور 92 مالک گزارش بازنشر ارسال شده در شهریور 92 آقا این عالی شد دقیقا همونی شد که می خواستم نقل قول لینک به ارسال
Elham 16 ارسال شده در شهریور 92 مالک گزارش بازنشر ارسال شده در شهریور 92 فقط یه ایراد کوچیک دارم . ببینید وقتی داخل منو هستید گزینه ساندویچ چه طور نشون داده می شه... نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در شهریور 92 گزارش بازنشر ارسال شده در شهریور 92 #access .children li.page-item-25>a {height:auto;display:block;background-repeat:no-repeat;background-position:right center;background-size:50px 50px;}#access .children li.page-item-25:hover>a {width:118px;padding-right:60px;height:50px;background-image:url('http://www.bonap.ir/up/Icon/Sandwich.gif');}#access .children li.page-item-27>a {height:auto;display:block;background-repeat:no-repeat;background-position:right center;background-size:50px 50px;}#access .children li.page-item-27:hover>a {width:118px;padding-right:60px;height:50px;background-image:url('http://www.bonap.ir/up/Icon/Pizza.gif');}#access .children li.page-item-28>a {height:auto;display:block;background-repeat:no-repeat;background-position:right center;background-size:50px 50px;}#access .children li.page-item-28:hover>a {width:118px;padding-right:60px;height:50px;background-image:url('http://www.bonap.ir/up/Icon/Fried Chicken Normal.gif');}#access .children li.page-item-29>a {height:auto;display:block;background-repeat:no-repeat;background-position:right center;background-size:50px 50px;}#access .children li.page-item-29:hover>a {width:118px;padding-right:60px;height:50px;background-image:url('http://www.bonap.ir/up/Icon/Burger.gif');}#access .children li.page-item-30>a {height:auto;display:block;background-repeat:no-repeat;background-position:right center;background-size:50px 50px;}#access .children li.page-item-30:hover>a {width:118px;padding-right:60px;height:50px;background-image:url('http://www.bonap.ir/up/Icon/Fish&Chips.gif');}#access .children li.page-item-35>a {height:auto;display:block;background-repeat:no-repeat;background-position:right center;background-size:50px 50px;}#access .children li.page-item-35:hover>a {width:118px;width:118px;padding-right:60px;height:50px;background-image:url('http://www.bonap.ir/up/Icon/Kebab.gif');}#access .children li.page-item-36>a {height:auto;display:block;background-repeat:no-repeat;background-position:right center;background-size:50px 50px;}#access .children li.page-item-36:hover>a {width:118px;padding-right:60px;height:50px;background-image:url('http://www.bonap.ir/up/Icon/Coke.gif');}#access .children li.page-item-37>a {height:auto;display:block;background-repeat:no-repeat;background-position:right center;background-size:50px 50px;}#access .children li.page-item-37:hover>a {width:118px;padding-right:60px;height:50px;background-image:url('http://www.bonap.ir/up/Icon/French Friz.gif');}#access .children li.page-item-38>a {height:auto;display:block;background-repeat:no-repeat;background-position:right center;background-size:50px 50px;}#access .children li.page-item-38:hover>a {width:118px;padding-right:60px;height:50px;background-image:url('http://www.bonap.ir/up/Icon/salad 1.gif');} 1 نقل قول لینک به ارسال
Elham 16 ارسال شده در شهریور 92 مالک گزارش بازنشر ارسال شده در شهریور 92 این شکلی شد : نقل قول لینک به ارسال
پست های پیشنهاد شده
به گفتگو بپیوندید
هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .