کمک فوری در طراحی وب

شروع موضوع توسط kamkan ‏27 جولای 2013 در انجمن نرم‌افزارهای توسعه‌وب‌سایت (Sublime, VSCode و ...)

  1. kamkan

    kamkan New Member

    ارسال‌ها:
    7
    تشکر شده:
    0
    امتیاز دستاورد:
    1
    با سلام خدمت اساتید محترم . من همیشه وقتی یک وب سایت طراحی میکنم با این مشکل مواجه میشوم که با بزرگ ترشدن صفحه یا همان زوم کردن صفحه در مروگر فایر فاکس یا کوچک کردن صفحه در فایر فاکس با بهم ریختگی قالب مواجه میشوم چگونه میتوانم این مشکل رو حل کنم ؟ منتظر پاسخ شما هستم با تشکر از شما
     
    نوشته شده توسط kamkan در ‏27 جولای 2013
  2. danyaltj

    danyaltj New Member

    ارسال‌ها:
    23
    تشکر شده:
    2
    امتیاز دستاورد:
    3
    سلام دوست من.براي اينكه شما و يا هر طراح وب ديگه اي با اين مشكل رايج برخورد نكنه فتوشاپ يه ابزار در قسمت SAVE FOR WEB&DEVICES خودش اضافه كرده به اسم PREVIW كه شما ميتونين پس از هر تغييري كه بر روي قالب انجام دادين اونو داخل مرورگر دلخواهتون تست كنيد.اگر هم از ADOBE DREAMEWEAVER استفاده مي كنين اونجا هم در قسمت نوار ابزار خودش دو گزينه داره به نام هاي PREVEW و LIVE CODE كه ميتونين از اونها هم استفاده كنين!
    اگر باز هم سوالي بود در خدمتم دوست عزيز:rose:
     
    نوشته شده توسط danyaltj در ‏27 جولای 2013
    aznaee از این پست تشکر کرده است.
  3. kamkan

    kamkan New Member

    ارسال‌ها:
    7
    تشکر شده:
    0
    امتیاز دستاورد:
    1
    دوست گرامی من دقیقا متوجه نشدم میشه آی دی یاهون رو بدید تا با هم بیشتر در ارتباط باشیم
     
    نوشته شده توسط kamkan در ‏27 جولای 2013
  4. danyaltj

    danyaltj New Member

    ارسال‌ها:
    23
    تشکر شده:
    2
    امتیاز دستاورد:
    3
    من در خدمتم . آي دي : danyaltj
    فقط تشكر فراموش نشه!!!
     
    نوشته شده توسط danyaltj در ‏27 جولای 2013
  5. jeyson

    jeyson Member

    ارسال‌ها:
    317
    تشکر شده:
    232
    امتیاز دستاورد:
    16
    با سلام
    دوست عزیز لطفا به کد های نمونه ی زیر دقت کنید. سه استایل تعریف شده و قبل از تمامی کد ها و درون تگ body به صورت div تعریف شده.
    همین طور استایل تعریف شده برای تگ html برای تغییر سایز دادن عکس بکگراند مهم است.
    نمونه کد ها :
    [PHPS]
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>JEYSON style test</title>
    <style type="text/css">
    html{
    background:url("http://iranavatar.com/images/hd_bg.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color:#000;
    height:100%;
    }
    div.main_container{
    padding:0 0 0 0;
    margin:0 0 0 0;
    height:100%;
    }


    /*------Body Starts------------*/
    div.container{
    width:630px;
    padding:0 0 0 0;
    margin:0 auto 0 auto;
    position:relative;
    }
    div.top_portion{
    margin:0 auto;
    width:450px;
    padding:42px 0 16px 0;
    position:relative;
    }
    .img{
    position:absolute;
    left:200px;
    }
    </style>
    </head>


    <body>
    <div class="main_container">
    <div class="container">
    <div class="top_portion">


    <p style="color:#fff; font-size:30px;"> Hello world! this is the test</p>
    <img id="img" src="http://iranavatar.com/images/bigimg_pic1.jpg" width="350" height="220" >


    </div>
    </div>
    </div>
    </body>
    </html>


    [/PHPS]
    ضمنا خطاب به دوست عزیزمون danyaltj ، دوست عزیز شما اگه واسه تشکر میاین اینجا.... :)
     
    نوشته شده توسط jeyson در ‏28 جولای 2013
  6. danyaltj

    danyaltj New Member

    ارسال‌ها:
    23
    تشکر شده:
    2
    امتیاز دستاورد:
    3
    شما با اين مساله مشكلي داري؟لطفا براي بالابردن شان خودت شان ديگري رو خراب نكن.به اميد اينكه فهميده باشي چي ميگم!
     
    نوشته شده توسط danyaltj در ‏30 جولای 2013
    jeyson از این پست تشکر کرده است.
  7. jeyson

    jeyson Member

    ارسال‌ها:
    317
    تشکر شده:
    232
    امتیاز دستاورد:
    16
    جناب مودب باشید لطفا :rose:
    بعدم اینکه ما اینجاییم به هم کمک کنیم نه از هم تشکر کنیم ، دوستمون اینقد فهمش میرسه خودش تشکر کنه، اگه نکرد هم نکرد نباید به روش بیارین
    راجع به شان هم ، من اصلا به شان کسی کاری ندارم دوست عزیز
    -----------------
    موفق باشید
     
    نوشته شده توسط jeyson در ‏30 جولای 2013
  8. Aliɾeza

    Aliɾeza Member

    ارسال‌ها:
    95
    تشکر شده:
    135
    امتیاز دستاورد:
    6
    دوست عزیز شما برای مقدار دهی به اندازه ها از % استفاده کنید مشکلتون حل میشه !

    موفق باشید
     
    نوشته شده توسط Aliɾeza در ‏31 جولای 2013
    danyaltj از این پست تشکر کرده است.
  9. danyaltj

    danyaltj New Member

    ارسال‌ها:
    23
    تشکر شده:
    2
    امتیاز دستاورد:
    3
    من فكر ميكنم اين انجمن يك ناظر داره كه مواظب اعمال كاربران باشه و ديگه نيازي به اين نيست كه همه براي خودشون ناظر بشن.پس شما بهتره مواظب رفتار خودت باشي تا ديگران و اگر بنده جايي هم اشتباه كردم تابع هرگونه اخطار يا پيامدي از جانب ناظر محترم هستم.اميدوارم درك كني كه چي ميگم!
     
    نوشته شده توسط danyaltj در ‏1 آگوست 2013
  10. l-mohajeri

    l-mohajeri Member

    ارسال‌ها:
    273
    تشکر شده:
    44
    امتیاز دستاورد:
    16
    شما باید شرط تعیین کنید , که با چه Resolution ای تصاویر و کادرها به چه اندازه ای تبدیل شوند .
     
    نوشته شده توسط l-mohajeri در ‏9 دسامبر 2013

به اشتراک بگذارید