Поддержка Проблемы и решения Активная кнопка на картинке

  • Здравствуйте!
    Мне нужно сделать так, чтоб была картинка, как фон,
    а на ней сверху активная кнопка.
    И еще чтоб сверху можно было поставить видеоролик, или форму подписки.

    В общем, чтоб картинка была как фон.
    Как такое делается?

Просмотр 15 ответов — с 1 по 15 (всего 17)
  • Совершенно ничего не понятно, к сожалению.
    Неужели нет пути побыстрее, чем начать с начала изучить css и html?

    Плиииз, подскажите попроще!

    Модератор Юрий

    (@yube)

    Неужели нет пути побыстрее, чем начать с начала изучить css и html?

    Есть. Можно заплатить тому, кто уже изучил.

    Как думаете, есть способ побыстрее написать письмо, чем сначала выучить алфавит?
    Разве что опять же предложенный Юрием.

    Так это форум только для профессионалов что-ли..?

    [offtop]

    форум только для профессионалов что-ли..?

    :)) Увы. Если вы купили машину и вам показали, как ее завести, неужели это уровень профессионала? Это основы жизнедеятельности владельца своего сайта.. Придется учить.. или..

    Ок. Все равно спасибо.

    Пока решила проблему так: картинку сделала не фоном сообщения а фоном сайта, а само сообщение сделала прозрачным.
    Выглядит почти как надо. )

    За сегодня — это все до чего смогла додуматься.

    Хе-хе, конечно на моем экране было все красиво, а на другом размере монитора все поплыло…

    Делайте картинку фоном того элемента, который вас интересует. Как сделать, чтоб картинка была как фон вы уже знаете. Осталось решить как фон чего.

    Ну, или расскажите, что куда поплыло и как хотелось сделать на самом деле.

    Я вставила вот такую строчку:
    <body style="background-image: url(http://ссылка на картинку); background-attachment: fixed">

    Попробовала вставить ее на Блоггер, так как там доступ к хтмл коду шаблона.

    А на Вордпресс не нашла где вставить.
    В стилях совсем другой код, а где хтмл не нашла.

    Так вот из этого получилось — картинка легла в фон САЙТА, а нужно, чтоб в фон СООБЩЕНИЯ (самой статьи).
    Это возможно?

    Да, кстати, в блоггере вообще все просто, там все через кнопки — выбираешь «настройки» — дизайн, фон — загрузить картинку. Так что ума много не надо.

    Но для фона сообщения такого нет.

    А на Вордпресс пока даже не знаю, как поменять фон сайта, не то что вставить картинку как фон сообщения…

    А на Вордпресс не нашла где вставить.

    В файле style.css. Файл лежит в папке с темой. По моей ссылке синтаксис показан. Пример 2 как раз для body:

    body {
        background: url(images/hand.png) repeat-y,
                    #fc0 url(images/bg-right.png) repeat-y 100% 0;
       }

    картинка легла в фон САЙТА, а нужно, чтоб в фон СООБЩЕНИЯ (самой статьи)

    Для этого нужно всю эту радость прописывать не для тега body, а для того, который нужен. Если речь о сайте http://ladyinfo.biz/, то это div.art-post.

    Спасибо большое, начинает потихоньку проясняться!

    body {
        background: url(images/hand.png) repeat-y,
                    #fc0 url(images/bg-right.png) repeat-y 100% 0;
       }

    А почему в этом коде два раза — «url»?
    И еще — здесь «url» — это же не настоящие ссылки? Это путь к папке, где они храняться в папках на хостинге?
    Что именно здесь нужно заменить своей ссылкой?
    Или даже не надо вставлять никакую ссылку или путь? А только имя файла, которое хранится в папке images?

    Модератор Юрий

    (@yube)

    А почему в этом коде два раза — «url»?

    А почему бы и нет?

    И еще — здесь «url» — это же не настоящие ссылки? Это путь к папке, где они храняться в папках на хостинге?

    Конечно, не настоящие. Это относительные пути от директории, в которой находится CSS, в котором прописаны эти правила.

    Или даже не надо вставлять никакую ссылку или путь? А только имя файла, которое хранится в папке images?

    Почитайте на том же сайте про относительный и абсолютный путь. В принципе, можно использовать любой из них. Относительный предпочтительнее по ряду причин.

    Два раза url, потому что использованы два изображения. Вам нужно одно? Впишите одно.

Просмотр 15 ответов — с 1 по 15 (всего 17)
  • Тема «Активная кнопка на картинке» закрыта для новых ответов.