فرهاد

افقی کردن منو در کدهای رسپانسیو

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

سلام

خسته نباشین اساتید و کاربران خوب انجمن

من یه قالب دارم طراحی میکنم که این دومین قالب من از وردپرس میشه (یعنی تازه کارم ) :D

الان قالب در سایز معمولی مشکلی نداره و به درستی لود میشه

اما وقتی رزولیشن رو روی 768*1024 میزارم قالب میریزه به هم

برا همین یه فایل respansive.css درست کردم و این کدها رو برای قسمت هدر گذاشتم اما منو از حالت افقی به عمودی در میادش

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

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

این کدهای قالب در حالت معمولی :


#menu-nav {
}
#menu-nav .menu {
width: 415px;
height: 100px;
margin: 5px 35px 0 5px;
float: right;
}
#menu-nav .menu ul {
list-style:none;
}
#menu-nav .menu ul li {
padding: 5px;
width: 105px;
height: 74px;
float: right;
background: url(images/bac-menu1.png) repeat-x;
border: solid 1px #DBDBDB;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-transition: all 0.5s ease-in;
-webkit-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
border-bottom: solid 3px #ADADAD;
margin: 2px;
}
#menu-nav .menu ul li:hover {
-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
background: url(images/bac-menu.png) repeat-x;
width: 105px;
height: 87px;
border: solid 1px #B39302;
border-bottom: solid 3px #876f01;
}
#menu-nav .menu ul li a {
font-family: BYekan;
font-size: 17px;
color: #747474;
text-align: center;
display: inline-block;
width: 105px;
height: 87px;
padding-top: 25px;
-moz-transition: all 0.5s ease-in;
-webkit-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
text-decoration: none;
font-weight: normal;
}
#menu-nav .menu ul li a:hover {
background: url(images/felesh.png) no-repeat top center;
-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
text-shadow: 0px 1px 1px #DDC200;
color: #775817;
}

و این هم کدهای رسپانسیو :


#menu-nav {
}
#menu-nav .menu {
width: 30%;
height: 85% !important;
margin: 5px 5px 0 5px;
}
#menu-nav .menu ul {
list-style:none;
}
#menu-nav .menu ul li {
width: 65%;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
float:right;
}
#menu-nav .menu ul li:hover {
width:65%;
height:66px;
}
#menu-nav .menu ul li a {
font-family: BYekan;
font-size: 10px;
width: 100%;
height: 40px;
}

13823733531.jpg

13823733532.jpg

0

به اشتراک گذاری این پست


لینک به پست

یه سوال دیگه داشتم

آیا برای تصاویری که داخل مطلب ها میزاریم به غیر از تصویر شاخص , تابعی وجود داره تا در جایی برای نمایش تصویر مربوط به مطلب رو نشون بدیم؟

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

0

به اشتراک گذاری این پست


لینک به پست

در مورد اول اگر از خروجی یک save as web بگیرید و پیوست کنید راحتتر میشه کمک کرد

موردوم هم:

http://codex.wordpress.org/Function_Reference/wp_get_attachment_image_src

1

به اشتراک گذاری این پست


لینک به پست

این کد یه صفحه از قالب هست

بعد از اینکه صفحه رو بزرگ میکنی که روزلیشن زیر 1200 بیادش اون موقع منو میریزه به هم

01.zip

0

به اشتراک گذاری این پست


لینک به پست

آقا دردش رو فهمیدم

من پهنا رو با % میزدم که واکنش گرا باشه اما متاسفانه زبون نفهم بود و حالیش نمیشد

الان با px زدم درست شدش

خب راهی نیستش که بشه بصورت % وارد کنم و به نریزه؟

0

به اشتراک گذاری این پست


لینک به پست

سلام.

اول اینکه این مشکل به خاطر ul منو هستش.

باید بهش width میدادین.


#menu-nav .menu ul {
list-style:none;
width:100%
}
#menu-nav .menu ul li {
width: 25%;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
float:right;
}
#menu-nav .menu ul li:hover {
width:25%;
height:66px;

li هم چون در ul عرض 100 درصد هست باید اندازه کم میشد.(روی 25% گذاشتم درست شد.)

در ضمن برای height هم درصد نزارین.

بهم خواهد ریخت.

2

به اشتراک گذاری این پست


لینک به پست

موردوم هم:

http://codex.wordpress.org/Function_Reference/wp_get_attachment_image_src

نتونستم ازش استفاده کنم !

من میخوام برای پست ها یه تصویر بزارم که وقتی روی عکس کلیک میکنم عکس با سایز واقعی باز بشه

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

0

به اشتراک گذاری این پست


لینک به پست

نتونستم ازش استفاده کنم !

من میخوام برای پست ها یه تصویر بزارم که وقتی روی عکس کلیک میکنم عکس با سایز واقعی باز بشه

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

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

نتونستم ازش استفاده کنم !

من میخوام برای پست ها یه تصویر بزارم که وقتی روی عکس کلیک میکنم عکس با سایز واقعی باز بشه

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

میخواین که در صفحه جدید باز بشه یا به صورت پاپ آپ؟(میتونید لینک تصویر سایز اصلی رو به تصویر شاخص بدین و با افزونه های light box به صورت پاپ آپ نمایشش بدین.)

مورد دوم هم بزارین دوستان راهنماییتون کنن.

2

به اشتراک گذاری این پست


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط prooshe
      سلام خسته نباشید.
      من بدون فعالسازی ssl و نصب افزونه از قسمت تنظیمات وردپرسم آدرس سایتم را از http به https تغییر دادم الان دیگه نه سایتم بالا میاد نه دسترسی به مدیریتم دارم تا دوباره ویرایش کنم لطفا راهنمایی کنید؟
    • توسط samadionline
      سلام خدمت شما عزیزان
      چطوری میشه در وردپرس مثل جوملا برای کاربران گروه و سطوح دسترسی تعریف کرد؟
      و همچنین اینکه در جوملا در تنظیمات میشد صفحه آفلاین تعریف کرد و کاربران با لاگین کردن وارد صفحه اصلی سایت میشدند در وردپرس چطور میشه این کار رو انجام داد؟
      تشکر می کنم اگر کسی سر در میاره یه توضیح مختصر بده
    • توسط ashkan91
      با سلام و خسته نباشید
      دوستان کسی میدونه چطور میشه فیلد ایمیل رو از تو فرم تسویه حساب ووکامرس غیرضروری کرد؟ (بدون استفاده از افزونه) یکی از دوستان این لینک رو فرستادن اما نمیدونم کدام تکه کد از این صفحه را میبایست درون کدهای سایت قرار بدم که مشکل حل بشه؟
      https://docs.woocommerce.com/document/tutorial-customising-checkout-fields-using-actions-and-filters/#example-make-phone-number-not-required
    • توسط aiinaz
      سلام دوستان 
       برای فونت من از @font face استفاده کردم تا فونتی که لازم دارم اعمال بشه اما نمی دونم چرا هر دفعه که صفحه رفرش میشه برای چند ثانیه فونت تغییر میکنه؟!!!! از نظر ادرس دهی هم درست انجام دادم و بعضی از فونت ها کلا اعمال نمیشه با اینکه روی سیستمم دارم؟!!!
    • توسط seosec
      سلام دوستان وقت بخیر ما یک سایت داریم قبلا توسط یک نفر طراحی شده و دگ پشتیبانی نمیشه.میخاییم خودمان پشتیبانی را انجام بدیم قصد داریم افزونه ووکامرس از ساست ژاکت بخریم فقط نمیدوینم با قالب ما سازگار هست یا نه؟اسم قالب سایت هم نمیدونیم!! سایت ما در زمینه اموزش امنیت اطلاعات میباشد!کسی میتونه راهنمایی کنه؟؟ ادرس سایت seosec.ir