|
|
Модератор форума: Yuri_G |
Сообщество uCoz » Вебмастеру » Общие вопросы от вебмастеров » Кнопка на бекграунд |
Кнопка на бекграунд |
Всем доброго времени суток.
Мне нужна помощь, я хочу на бекграунд сайта засунуть картинку (Кнопку) и сделать ее в виде ссылки: вот так выглядит сейчас вот так надо: подскажет кто как реализовать ? Сайт http://kinoportal.clan.su PS чем проще объясните тем будет лучше, так что бы "новенький" все понял |
Вы можете свою же кнопку и использовать
например эту Код <a class="log_pan rcol" href="/index/3" title=""> <span> РЕГИСТРАЦИЯ <br> НА САЙТЕ </span> </a> единственное ей можно позицию выставить . Что типа такого после <header> Код <a class="log_pan rcol top" href="ссылка на трейлер" title=""> <span> Смотреть трейлер </span> </a> и в ксс Код .log_pan.rcol.top { position: relative; top: -200px; right: 20px; border-radius: 8px; width: 150px; font-weight: bold; height: 36px; } ну и дальше насколько вашей фантазии хватит |
за плюс отвечает
Код .log_pan.rcol span { background: transparent url("../images/arrow_9.png") no-repeat scroll 94% 6px; padding: 4px 40px 0px 12px; } ищите рисунок какой надо и меняйте добавив это в ксс Код .log_pan.rcol.top span { background: transparent url("ссылка на картинку") no-repeat scroll 94% 6px; } то же самое и с цветом добавляете в этот блок Код .log_pan.rcol.top { position: relative; top: -200px; right: 20px; border-radius: 8px; width: 150px; font-weight: bold; height: 36px; } Код background:цвет; Цвета Можно глянуть здесь информацию по бекграунду можно глянуть здесь а тут выравнивание текста Сообщение отредактировал killbit - Пятница, 04 Сен 2015, 20:57:01
|
ну если я его удалю я так понимаю на кнопки регистрации и авторизации ее тоже не будет? Мне же нужно что бы ее только на это кнопки не было
Добавлено (04 Сен 2015, 20:59:10) |
ну если я его удалю я так понимаю на кнопки регистрации и авторизации ее тоже не будет? Мне же нужно что бы ее только на это кнопки не было Просто переназначьте бекграунд скопируйте в ксс Код .log_pan.rcol.top span { background-image: none; } Добавлено (04 Сен 2015, 21:02:05) Угу , можете найти картинку маленькую в гугле |
ну картинку я и сам сделаю просто изначальный вопрос как засунуть картинку в бекграунд с ссылкой , вот что я понять не могу) Код .log_pan.rcol.top span { background: transparent url("ссылка на картинку") no-repeat scroll 94% 6px; } Я же дал ссылочку )) сходите почитайте , там много интересного http://htmlbook.ru/css/background-image http://htmlbook.ru/css/background-position вот это в ксс |
просто смотри , я центрировал текст как написано по ссылке что ты дал, и у меня вот что выходит
1. не совсем по центру :О 2.Смотреть и трейлер с новой строки, а нужно то все в одной :О Добавлено (04 Сен 2015, 21:57:54) |
можно margin использовать. margin-top:5px; например . или padding http://htmlbook.ru/css/cat/margin |
| |||
| |||