1. Гость, мы просим Вас ознакомиться с Правилами Форума и Отказом от ответственности!

Фон на всю страницу

Тема в разделе 'HTML и CSS', создана пользователем kline, июн 4, 2010.

  1. TopicStarter Overlay
    kline

    kline Пользователи

    Зарегистрирован:
    апр 11, 2010
    Сообщения:
    25
    Симпатии:
    0
    Пол:
    Мужской
    Репутация:
    0
    У меня возник вопрос как сделать фон на всю страницу. Например Обоина 1440х900 а у того кто просматривает сайт 1600х900 , Вот как сделать чтобы у того кто просматривает страницу фон был во весь экран без белых краев
    kline, июн 4, 2010
    #1
  2. Fedcomp

    Fedcomp Пользователи

    Зарегистрирован:
    май 16, 2010
    Сообщения:
    49
    Симпатии:
    4
    Репутация:
    0
    Можно лишь размножить картинку, растягивать средствами CSS её нельзя.
    Fedcomp, июн 4, 2010
    #2
  3. TopicStarter Overlay
    kline

    kline Пользователи

    Зарегистрирован:
    апр 11, 2010
    Сообщения:
    25
    Симпатии:
    0
    Пол:
    Мужской
    Репутация:
    0
    как нельзя я видел на сайтах и не 1 раз
    kline, июн 5, 2010
    #3
  4. mr.Slink

    mr.Slink Пользователи

    Зарегистрирован:
    мар 21, 2010
    Сообщения:
    261
    Симпатии:
    94
    Пол:
    Мужской
    Репутация:
    0
    Команда:
    odoRemasrered
    Страна:
    Russian Federation Russian Federation
    Растягивание можно сделать в коде страницы, только с помощью css нельзя. Можно просто поменять фон сайта подходящий под картинку, а в картинке сделать плавный переход по краям.
    mr.Slink, июн 5, 2010
    #4
  5. TheMazzahaka

    TheMazzahaka Пользователи

    Зарегистрирован:
    май 22, 2010
    Сообщения:
    223
    Симпатии:
    76
    Пол:
    Мужской
    Репутация:
    0
    Команда:
    J-Games Dev
    Где то я читал что с CSS мона растягивать...что то связанное с тем что можно растягивать не только на пиксели но и на проценты..не помню вопсчем.www.google.com рулез
    TheMazzahaka, июн 6, 2010
    #5
  6. Jun

    Jun Пользователи

    Зарегистрирован:
    июн 6, 2010
    Сообщения:
    1
    Симпатии:
    0
    Пол:
    Женский
    Репутация:
    0
    Саму картинку с помощью CSS растянуть нельзя.
    Но можно поставить её на нижний слой, а содержимое на верхний.
    Только вот качество изрядно потрепется.
    Jun, июн 6, 2010
    #6
  7. TopicStarter Overlay
    kline

    kline Пользователи

    Зарегистрирован:
    апр 11, 2010
    Сообщения:
    25
    Симпатии:
    0
    Пол:
    Мужской
    Репутация:
    0
    Всем спасибо пощел пробывать
    kline, июн 11, 2010
    #7
  8. Botchal

    Botchal MMORPG-DEVS.RU Пользователи

    Зарегистрирован:
    апр 8, 2010
    Сообщения:
    182
    Симпатии:
    67
    Репутация:
    0
    php в помощь, каково разрешение экрана у юзера такова и картинка

    а проще сделать так

    <style>

    body{background:#000000;}

    .bg{background:url(ВАША КАРТИНКА) center no-repeat; width:100%;}

    </style>

    <body>

    <CENTER>

    <div class="bg">

    some content...

    </div>

    в итоге и фон есть и на случай мега экрана у юзера картинка фона будет посередине но на чёрном фоне, смотрится когда края картинки плавно переходят в #000000
    Botchal, июн 13, 2010
    #8
  9. Fedcomp

    Fedcomp Пользователи

    Зарегистрирован:
    май 16, 2010
    Сообщения:
    49
    Симпатии:
    4
    Репутация:
    0
    можно просто img пихнуть растянутый на экран.
    Fedcomp, июн 15, 2010
    #9
  10. TheMazzahaka

    TheMazzahaka Пользователи

    Зарегистрирован:
    май 22, 2010
    Сообщения:
    223
    Симпатии:
    76
    Пол:
    Мужской
    Репутация:
    0
    Команда:
    J-Games Dev
    Можно можно фсо можно...а как делать показывать нада адназначна =\
    TheMazzahaka, июн 15, 2010
    #10
  11. Botchal

    Botchal MMORPG-DEVS.RU Пользователи

    Зарегистрирован:
    апр 8, 2010
    Сообщения:
    182
    Симпатии:
    67
    Репутация:
    0
    http://depositfiles.com/files/jj1pqwc9m
    Botchal, июн 15, 2010
    #11
  12. Botchal

    Botchal MMORPG-DEVS.RU Пользователи

    Зарегистрирован:
    апр 8, 2010
    Сообщения:
    182
    Симпатии:
    67
    Репутация:
    0
    либо так

    <script type='text/javascript'>

    function setCooc (){
    document.cookie = "ek_x=" + screen.availWidth;
    document.cookie = "ek_y=" + screen.availHeight;
    }

    var ScrnOnload = window.onload;
    window.onload = function () { if(ScrnOnload) ScrnOnload(); setCooc();
    }


    </script>

    <php

    $width = $_COOKIE['ek_x'];

    $height = $_COOKIE['ek_x'];


    function imageresize($outfile,$infile,$percents,$quality) {
    $im=imagecreatefromjpeg($infile);
    $w=imagesx($im)*$percents/100;
    $h=imagesy($im)*$percents/100;
    $im1=imagecreatetruecolor($w,$h);
    imagecopyresampled($im1,$im,0,0,0,0,$w,$h,imagesx($im),imagesy($im));

    imagejpeg($im1,$outfile,$quality);
    imagedestroy($im);
    imagedestroy($im1);
    }

    imageresize("","webcam.jpg",$width,$height);

    ?>
    Botchal, июн 15, 2010
    #12
  13. UnSelf

    UnSelf Пользователи

    Зарегистрирован:
    фев 9, 2013
    Сообщения:
    2
    Симпатии:
    0
    Репутация:
    0
    бордер сайз
    UnSelf, янв 20, 2015
    #13
  14. SomePerson

    SomePerson Программист Old school Пользователи

    Зарегистрирован:
    апр 17, 2014
    Сообщения:
    227
    Симпатии:
    123
    Пол:
    Мужской
    Репутация:
    3
    Смотрите на дату создания темы
    SomePerson, янв 20, 2015
    #14
  15. UnSelf

    UnSelf Пользователи

    Зарегистрирован:
    фев 9, 2013
    Сообщения:
    2
    Симпатии:
    0
    Репутация:
    0
    да я посмотрел, но было поздно :D
    UnSelf, янв 25, 2015
    #15
Черновик сохранён Черновик удалён
Similar Threads
  1. roslimberg

    Создаем страницу

    roslimberg, дек 1, 2011, в разделе: HTML и CSS
    Ответов:
    26
    Просмотров:
    6,088
    CoolMan
    дек 10, 2011
  2. KRATOS

    Создайте страницу с регой для BOI от создателей PW которая на базе MysQL пожалуйста

    KRATOS, июн 14, 2014, в разделе: Архив
    Ответов:
    13
    Просмотров:
    2,755
    NetSpirit
    июл 2, 2014
Загрузка...

Поделиться этой страницей