فرهاد

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

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

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط nnmmss
      سلام
      من كاملا در وردپرس تازه كار هستم. سايتي با پوسته RealNews طراحي شده. منوهايي دارم كه داراي منو و زير منو هستند. وقتي يك نوشته را به زير منو اختصاص ميدم بعد روي منو ميروم كليه نوشته هاي زير منو را هم نشان ميدهد. مثلا من به اين صورت است
      منو1
      زيرمنو 1-1
      زير منو1-2
       
      من اگر روي زير منو 1-1 كليك كنم فقط نوشته هاي زير منو 1-1 را نشان ميده ولي وقتي روي منو1 كليك كنم تمام نوشته هاي منو1   ,    زيرمنو1-1 و زيرمنو1-2 را نشان ميدهد. چطور ميتوانم اين موضوع را تصحيح كنم كه با كليك كردن روي منو1 فقط نوشته مربوط به منو1 را نشان دهد
    • توسط rendesharif
      با سلام 
      24 ساعت پیش در حال آپدیت تب های وبسایت بودم که اینترنت قطع شد و هنگامی که سعی کردم دوباره وارد کنترل پنل بشم دیدم صفحات ساختار خودشون رو از دست دادن و به نحوی بصورت لایت بارگزاری میشن برای حل این مشکل چیکار میتونم بکنم آیا راه حلی هست.
      تصویر قسمت لاگین هم اضافه کردم میتونید ببینید که دیگه خبری از ساختار اصلی نیست در مابقی صفحات کنترل پنل هم به همین شکل هست

    • توسط naff
      سلام.
      من  میخوام یه صفحه ی استاتیک رو روی ftp  آپلود کنم به عنوان  index اصلی و بعد از کلیک روی دکمه ی مورد نظر کاربر منتقل بشه به سایت اصلی یا همون قالب وردپرس.
       مشکل اینجاست که وقتی صفحه ی  html  رو روی  ftp  آپلود میکنم سایت فقط این صفحه رو به عنوان  index  میشناسه و  این رو جایگزین  index وردپرس میکنه و این صفحه  رو  front page  میشناسه.
       در صورتی که من هر دوتاش رو  میخوام . و صفحه ی html  رو به عنوان  index  میخوام یعنی با وارد کردن اسم سایت اسن صفحه ظاهر بشه.
      صفحه ی اچ دی ام ال:
      https://altourneur.com/new.html
       صفحه ی اصلی سایت:
      https://altourneur.com

       
    • توسط Streetlife
      سلام کارشناسان عزیز و محترم
      دوستان چند روزه هرچی میگردم هیچ چیز مناسبی رو پیدا نمیکنم لطفا کمک بفرمایید.من یک طراح ورد پرسم و میخام واسه یک سایت که بلاگ وردپرس و فروشگاه پرستا شاپ هستش به صورت پاپ اپ یک نظرسنجی رو طراحی کنم که یه سوالی بپرسه و جواب رو بازدیدکننده ها تایپ کنن اما به این صورت که لایو سرچ باشه این فیلد یعنی از بین محصولات که روی دیتا بیس هستند با تایپ یک یا چند حرف ساجست بده لطفااااااااااا راهنمایی بفرمایید
    • توسط amirhosseinganjeh
      سلام دوستان نمیدونم چیکار کردم که عنوان صفحه رو نمایش میده توی همه صفحه ها
      این قسمت ابی رنگو توی عکس اول رو میگم

      تونستم توی صفحاتی که ویرایشگرشون بازه، نمایش عنوان صفحه رو خاموش کنم ولی توی صفحه فروشگاهم نمیتونم نمایشش رو خاموش کنم
       خاموشش هم میکنم باز هم نمایش میده(عکس دوم)
      اگه راه حلی دارید بفرمایید لطفا..