/ مشکل در فراخانی کدهای ریسپانسیو
وندا هاست
طراحی و راه اندازی وبسایت و انجمن توسط ویکی وی بی ویکی وی بی در قبال معاملات صورت گرفته با هر یک از اعضا و سفارشات طراحی خارج از این اطلاعیه هیچگونه مسئولیتی نمی پذیرد
بک لینک ها
تبلیغات شما وندا هاست
صفحه 1 از 2 12 آخرینآخرین
نمایش نتایج: از 1 به 10 از 16

موضوع: مشکل در فراخانی کدهای ریسپانسیو

  1. #1
    Mehrab JT آنلاین نیست.
    Mehrab JT
    کاربر فعال و مفيد
    1,240نوشته1,400مورد پسند

    تاریخ عضویت
    Jun 2013
    شماره عضویت
    1963
    پسندیده است
    2,945 پست
    بلاگ
    4 پست
    میزان امتیاز
    1408
    telegram.me/mehrab_jt

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

    درود دوستان
    یک قالب رو در چهار عرض ریسپانسیو کردیم بدین شکل
    کد HTML:
      Media only screen and (max-width: 768px) {
    }
    Media only screen and (max-width: 800px) {
    }
    Media only screen and (max-width: 980px) {
    }
      Media only screen and (max-width: 1200px) {
    }
    تمامی کدهاهم دریک فایل سی اس اس قرار دادیم به صورت پیاپی و فراخوانی هم شد
    منتهی مشکل اینجاست که در هرچهار عرض ویژگی های مربوط
    به
    @Media only screen and (max-width: 980px)
    کدفوق نمایش در میاد
    ممکنه جهت رفع مشکل راهنمایی کنیدمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

  2. نوين وردپرس تبلیغات شما

  3. #2
    Apex آنلاین نیست.
    Apex 1,246نوشته1,734مورد پسند

    تاریخ عضویت
    Dec 2012
    شماره عضویت
    199
    پسندیده است
    3,180 پست
    بلاگ
    0 پست
    میزان امتیاز
    1744
    www.gorbe-sag.ir
    درود،
    باید قبلش یه @ قرار بدید .. به شکل زیر :
    کد:
    @Media only screen and (max-width: 768px) {
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    3 نفر از اعضا پست Apex را پسندیده اند



  4. #3
    Mehrab JT آنلاین نیست.
    Mehrab JT
    کاربر فعال و مفيد
    1,240نوشته1,400مورد پسند

    تاریخ عضویت
    Jun 2013
    شماره عضویت
    1963
    پسندیده است
    2,945 پست
    بلاگ
    4 پست
    میزان امتیاز
    1408
    telegram.me/mehrab_jt
    نقل قول نوشته اصلی توسط Apex نمایش پست ها
    درود،
    باید قبلش یه @ قرار بدید .. به شکل زیر :
    کد:
    @Media only screen and (max-width: 768px) {
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    @ موجود قبل کد در کدهای بالا حذف شده کدها بدین شکل هستند:
    کد:
     @Media only screen and (max-width: 768px) {
    .logo-image {
        float: right;
        width: 313px;
        height: 85px;
        margin-right: 36px;
        margin-top: 10px;
    }
    .ads {
        display: none;
    }
    .youknow{    margin-top: 35px;}
    .info img {
        margin-top: -33px;
        float: right;
    }
    .info ul li {
        float: right;
        margin-top: -28px;
        margin-right: 3px;
        font: 14px byekan;
        color: #695F5F;
        padding-right: 4px;
        padding-left: 4px;
        height: 21px;
        background: none repeat scroll 0% 0% #FFF;
        margin-bottom: 37px;
    }
    .toplinks {
        font: 13px byekan;
        margin-top: 78px;
        margin-right: 10px;
        background: none repeat scroll 0% 0% #FFF;
        width: 150px;
        height: 110px;
        border-top-left-radius: 8px;
        border-bottom-right-radius: 8px;
        border-width: 2px;
        border-style: solid;
        border-color: #D4D4D4 #3AA3B3;
    }
    .bestt {
        float: right;
        font: 13px byekan;
        margin-top: 180px;
        margin-right: 10px;
        background: none repeat scroll 0% 0% #FFF;
        width: 681px;
        height: 95px;
        border-top-left-radius: 8px;
        border-bottom-right-radius: 8px;
        border-width: 2px;
        border-style: solid;
        border-color: #D4D4D4 #3AA3B3;
    }
    .bestt ul {
        float: right;
        margin-left: 110px;
    }
    .bestt ul li {
        margin-right: 0px;
    }
    .bestt ul li img {
        position: relative;
        margin-top: 5px;
        margin-right: 5px;
        width: 20px;
        height: 20px;
    }
    .bestt ul li a {
        position: absolute;
        margin-top: 6px;
        margin-right: 3px;
    }
    .navads {
        background: none repeat scroll 0% 0% #FFF;
        margin-right: 30%;
        margin-top: -114px;
        position: absolute;
    }
    .navads2{
        margin-top: 0px;
        margin-right: 15%;
    }
    .footer {
        height: 336px;
        clear: both;
        margin-top: 15px;
        text-align: left;
        display: block;
        font: 14px byekan !important;
        margin-right: -70px;
        margin-left: -70px;
        background: none repeat scroll 0% 0% #353131;
    }
    .aus p {
        float: right;
        font: 15px byekan !important;
        background: none repeat scroll 0% 0% #262A2E;
        width: 603px;
        height: 121px;
        border: 1px solid #3F3D3D;
        border-radius: 5px;
        text-align: right;
        color: #FFF;
        padding: 10px;
        margin-top: 29px;
        margin-right: -50px;
    }
    .top a {
        float: right;
        margin-top: 140px;
        margin-right: -35px;
    }
    .frnd {
        width: 450px;
        height: 25px;
        float: right;
        margin-right: 70px;
        margin-top: 25px;
    }
    .cp {
        float: left;
        margin-left: 65px;
        margin-top: 26px;
    }
    .cp p {
        direction: ltr;
        font: 14px byekan !important;
        color: #EBEBEB;
        margin-left: 70px;
    }
    }
    
     @Media only screen and (max-width: 800px) {
    .logo-image {
        float: right;
        width: 313px;
        height: 85px;
        margin-right: 36px;
        margin-top: 10px;
    }
    .ads {
        display: none;
    }
    .youknow{    margin-top: 35px;}
    .info img {
        margin-top: -33px;
        float: right;
    }
    .info ul li {
        float: right;
        margin-top: -28px;
        margin-right: 3px;
        font: 14px byekan;
        color: #695F5F;
        padding-right: 4px;
        padding-left: 4px;
        height: 21px;
        background: none repeat scroll 0% 0% #FFF;
        margin-bottom: 37px;
    }
    .toplinks {
        font: 13px byekan;
        margin-top: 78px;
        margin-right: 10px;
        background: none repeat scroll 0% 0% #FFF;
        width: 150px;
        height: 110px;
        border-top-left-radius: 8px;
        border-bottom-right-radius: 8px;
        border-width: 2px;
        border-style: solid;
        border-color: #D4D4D4 #3AA3B3;
    }
    .bestt {
        float: right;
        font: 13px byekan;
        margin-top: 180px;
        margin-right: 10px;
        background: none repeat scroll 0% 0% #FFF;
        width: 681px;
        height: 95px;
        border-top-left-radius: 8px;
        border-bottom-right-radius: 8px;
        border-width: 2px;
        border-style: solid;
        border-color: #D4D4D4 #3AA3B3;
    }
    .bestt ul {
        float: right;
        margin-left: 110px;
    }
    .bestt ul li {
        margin-right: 0px;
    }
    .bestt ul li img {
        position: relative;
        margin-top: 5px;
        margin-right: 5px;
        width: 20px;
        height: 20px;
    }
    .bestt ul li a {
        position: absolute;
        margin-top: 6px;
        margin-right: 3px;
    }
    .navads {
        background: none repeat scroll 0% 0% #FFF;
        margin-right: 30%;
        margin-top: -114px;
        position: absolute;
    }
    .navads2{
        margin-top: 0px;
        margin-right: 15%;
    }
    .footer {
        height: 336px;
        clear: both;
        margin-top: 15px;
        text-align: left;
        display: block;
        font: 14px byekan !important;
        margin-right: -70px;
        margin-left: -70px;
        background: none repeat scroll 0% 0% #353131;
    }
    .aus p {
        float: right;
        font: 15px byekan !important;
        background: none repeat scroll 0% 0% #262A2E;
        width: 635px;
        height: 121px;
        border: 1px solid #3F3D3D;
        border-radius: 5px;
        text-align: right;
        color: #FFF;
        padding: 10px;
        margin-top: 29px;
        margin-right: -50px;
    }
    .top a {
        float: right;
        margin-top: 140px;
        margin-right: -35px;
    }
    .frnd {
        width: 450px;
        height: 25px;
        float: right;
        margin-right: 70px;
        margin-top: 25px;
    }
    .cp {
        float: left;
        margin-left: 65px;
        margin-top: 26px;
    }
    .cp p {
        direction: ltr;
        font: 14px byekan !important;
        color: #EBEBEB;
        margin-left: 70px;
    }
    }
    
     @Media only screen and (max-width: 980px) {
    .logo-image {
        float: right;
        width: 313px;
        height: 85px;
        margin-right: 36px;
        margin-top: 10px;
    }
    .ads {
        display: none;
    }
    .youknow{    margin-top: 35px;}
    .info img {
        margin-top: -33px;
        float: right;
    }
    .info ul li {
        float: right;
        margin-top: -28px;
        margin-right: 3px;
        font: 14px byekan;
        color: #695F5F;
        padding-right: 4px;
        padding-left: 4px;
        height: 21px;
        background: none repeat scroll 0% 0% #FFF;
        margin-bottom: 37px;
    }
    .toplinks {
        font: 13px byekan;
        margin-top: 78px;
        margin-right: 10px;
        background: none repeat scroll 0% 0% #FFF;
        width: 150px;
        height: 110px;
        border-top-left-radius: 8px;
        border-bottom-right-radius: 8px;
        border-width: 2px;
        border-style: solid;
        border-color: #D4D4D4 #3AA3B3;
    }
    .bestt {
        float: right;
        font: 13px byekan;
        margin-top: -115px;
        margin-right: 185px;
        background: none repeat scroll 0% 0% #FFF;
        width: 681px;
        height: 111px;
        border-top-left-radius: 8px;
        border-bottom-right-radius: 8px;
        border-width: 2px;
        border-style: solid;
        border-color: #D4D4D4 #3AA3B3;
    }
    .bestt ul {
        float: right;
        margin-left: 110px;
        margin-top: 10px;
    }
    .bestt ul li {
        margin-right: 0px;
    }
    .bestt ul li img {
        position: relative;
        margin-top: 5px;
        margin-right: 5px;
        width: 20px;
        height: 20px;
    }
    .bestt ul li a {
        position: absolute;
        margin-top: 6px;
        margin-right: 3px;
    }
    .navads {
        background: none repeat scroll 0% 0% #FFF;
        margin-right: 20%;
        margin-top: 10px;
        position: absolute;
    }
    .body_wrapper {
        background: none repeat scroll 0% 0% #FFF;
        border-radius: 5px;
        margin-top: 310px;
    }
    .footer {
        height: 336px;
        clear: both;
        margin-top: 15px;
        text-align: left;
        display: block;
        font: 14px byekan !important;
        margin-right: -70px;
        margin-left: -70px;
        background: none repeat scroll 0% 0% #353131;
    }
    .aus p {
        float: right;
        font: 15px byekan !important;
        background: none repeat scroll 0% 0% #262A2E;
        width: 707px;
        height: 121px;
        border: 1px solid #3F3D3D;
        border-radius: 5px;
        text-align: right;
        color: #FFF;
        padding: 10px;
        margin-top: 29px;
        margin-right: -110px;
    }
    .aus img {
        float: right;
        margin-right: 122px;
        margin-top: 25px;
    }
    .top a {
        float: right;
        margin-top: 140px;
        margin-right: -35px;
    }
    .frnd {
        width: 450px;
        height: 25px;
        float: right;
        margin-right: 120px;
        margin-top: 25px;
    }
    .cp {
        float: left;
        margin-left: 130px;
        margin-top: 26px;
    }
    .cp p {
        direction: ltr;
        font: 14px byekan !important;
        color: #EBEBEB;
        margin-left: 70px;
    }
    }

    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

  5. #4
    Apex آنلاین نیست.
    Apex 1,246نوشته1,734مورد پسند

    تاریخ عضویت
    Dec 2012
    شماره عضویت
    199
    پسندیده است
    3,180 پست
    بلاگ
    0 پست
    میزان امتیاز
    1744
    www.gorbe-sag.ir
    گفتید فایل سی اس اس جدا .. درست فراخوانی شده .. ویبولتین هست ..!؟

    کاربر زیر پست Apex را پسندیده است:



  6. #5
    Mehrab JT آنلاین نیست.
    Mehrab JT
    کاربر فعال و مفيد
    1,240نوشته1,400مورد پسند

    تاریخ عضویت
    Jun 2013
    شماره عضویت
    1963
    پسندیده است
    2,945 پست
    بلاگ
    4 پست
    میزان امتیاز
    1408
    telegram.me/mehrab_jt
    نقل قول نوشته اصلی توسط Apex نمایش پست ها
    گفتید فایل سی اس اس جدا .. درست فراخوانی شده .. ویبولتین هست ..!؟
    بله وی بولتین هست
    فایل سی اس اس در مسیرش بدین شکل
    <link href="suasive/css/resp.css" rel="stylesheet" type="text/css" />
    در
    headinclude_bottom
    فراخوانی شده
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

  7. #6
    jey8des آنلاین نیست.
    jey8des
    کاربر اخراجي
    224نوشته343مورد پسند

    تاریخ عضویت
    Jul 2014
    شماره عضویت
    5831
    پسندیده است
    210 پست
    بلاگ
    پست
    میزان امتیاز
    353
    wikivb.ir
    یه ctrl+u بزنید و resp.css رو پیدا کنید و روش بزنید ببینید کد ها رو میاره؟

    کاربر زیر پست jey8des را پسندیده است:



  8. #7
    Mehrab JT آنلاین نیست.
    Mehrab JT
    کاربر فعال و مفيد
    1,240نوشته1,400مورد پسند

    تاریخ عضویت
    Jun 2013
    شماره عضویت
    1963
    پسندیده است
    2,945 پست
    بلاگ
    4 پست
    میزان امتیاز
    1408
    telegram.me/mehrab_jt
    نقل قول نوشته اصلی توسط jey8des نمایش پست ها
    یه ctrl+u بزنید و resp.css رو پیدا کنید و روش بزنید ببینید کد ها رو میاره؟
    بله مشکل از کدهای قسمت 980 پیکسل هست چون حذفشون ک میکنم برای دو سایز 768 و 800 به راحتی ریسپانس میکنه
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

  9. #8
    jey8des آنلاین نیست.
    jey8des
    کاربر اخراجي
    224نوشته343مورد پسند

    تاریخ عضویت
    Jul 2014
    شماره عضویت
    5831
    پسندیده است
    210 پست
    بلاگ
    پست
    میزان امتیاز
    353
    wikivb.ir
    سایز های مورد نیاز این جا هستن
    سایز شما نا مناسب هست
    http://www.responsinator.com/

    2 نفر از اعضا پست jey8des را پسندیده اند



  10. #9
    Mehrab JT آنلاین نیست.
    Mehrab JT
    کاربر فعال و مفيد
    1,240نوشته1,400مورد پسند

    تاریخ عضویت
    Jun 2013
    شماره عضویت
    1963
    پسندیده است
    2,945 پست
    بلاگ
    4 پست
    میزان امتیاز
    1408
    telegram.me/mehrab_jt
    طبق این صفحه فقط 768 1024 و 1200 پیکسل استاندارد هستنمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

  11. #10
    jey8des آنلاین نیست.
    jey8des
    کاربر اخراجي
    224نوشته343مورد پسند

    تاریخ عضویت
    Jul 2014
    شماره عضویت
    5831
    پسندیده است
    210 پست
    بلاگ
    پست
    میزان امتیاز
    353
    wikivb.ir
    شما یک بار با این سایز های سایت تست کنیدمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    کاربر زیر پست jey8des را پسندیده است:



صفحه 1 از 2 12 آخرینآخرین

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

کلمات کلیدی این موضوع

مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •  
خرید بک لینک
مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی