انجمن


كد قرار دادن يك نوار رنگي در پايين سايت  (۵ نوشته)

  • نگار موبايل

    آفلاین
    عضو
    تعداد نوشته‌ها: ۲۲۲
    تشکر شده: ۳۵ بار
    # نوشته شده: ۱۰ سال پیش
    ۵ اردیبهشت ۱۳۹۰ - ۱۸:۱۲

    با سلام
    اين لينك رو ببينيد متوجه ميشيد
    http://www.yekghadami.com/

  • Morteza

    آفلاین
    ناظم
    تعداد نوشته‌ها: ۳۴۰۲
    تشکر شده: ۳۱۲۸ بار
    # نوشته شده: ۱۰ سال پیش
    ۵ اردیبهشت ۱۳۹۰ - ۱۹:۲۵

    یک div بسازید. استایل بدید :

    position: fixed;
    left: 0px;
    bottom: 0px;
    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    Saeed Fard - نگار موبايل - محمّد مهدی
  • نگار موبايل

    آفلاین
    عضو
    تعداد نوشته‌ها: ۲۲۲
    تشکر شده: ۳۵ بار
    # نوشته شده: ۱۰ سال پیش
    ۵ اردیبهشت ۱۳۹۰ - ۱۹:۴۴

    يعني اينطوري

    <div class="name">
    position: fixed;
    left: 0px;
    bottom: 0px;
    متن مورد نظر شما اينجا...
    </div>

    نشد كه ...خودتون ببينيد
    http://www.negar-mobile.ir/

  • Saeed Fard

    آفلاین
    ناظم
    تعداد نوشته‌ها: ۹۸۲
    تشکر شده: ۱۶۱۵ بار
    # نوشته شده: ۱۰ سال پیش
    ۵ اردیبهشت ۱۳۹۰ - ۱۹:۴۷

    نه دوست عزیز ، به اون صورت نه ،، منظور دوست عزیزمون آقای Man4toman این بود که یه div به هر صورت که میخواهید باشه تعریف کنید و اون مقادیر رو به استایل اضافه کنید تا دایوی که تعریف کردی پایین قرار بگیره ، مثله همون سایتی که گفتی ..
    بزار خیلی ساده و راحت توضیح بدم ،،

    یه Div به این صورت ایجاد کن ، بعد از Body

    <div id="bottom_menu">
    <div id="menu_s">
    <a href="Link"><img class="itext" src="Linke image"></img></a>
    </div>
    </div>

    سپس تو استایل این مقادیر رو اضافه کن ..

    #bottom_menu {
    position: fixed;
    left: 0px;
    bottom: 0px;
    height: 60px;
    width: 100%;
    }
    
    #menu_s {
    position: absolute;
    left:0px;
    top:0px;
    width:100%;
    background-image: url('linke background image');
    z-index: 30;
    height: 100%;
    text-align: center;
    }
    
    .itext {
    border: 0px;
    margin-top: 0px;
    text-align: center;
    }

    و جاهایی که باید لینک های عکس رو قرار بدید رو تغییر بده ..

    موفق باشید ../.

    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    عبدالماجد شه بخش ( ایجباری ) - نگار موبايل - Morteza - محمّد مهدی
  • Saeed Fard

    آفلاین
    ناظم
    تعداد نوشته‌ها: ۹۸۲
    تشکر شده: ۱۶۱۵ بار
    # نوشته شده: ۱۰ سال پیش
    ۵ اردیبهشت ۱۳۹۰ - ۲۰:۴۵

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

    تو مقادیری که به استایل اضافه کردی ، اینو میگم :

    background-image: url('linke background image');

    این کد باعث میشه ، عکسی که قرار میدی اگه از سایزی که تعریف کردم کوچکتر باشه ، بقیه ی قسمت هاش رو با لینک عکسی که باید تو این قسمت اضافه کنید پر کنه .. اگه هم میخوای که سایز عکس رو دستی درست کنی که میتونی تغییش ندی .. مختاری ..
    موفق باشی ../.

    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    Morteza

درباره‌ی این موضوع



برچسب‌ها

هیچ برچسبی نیست.