[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: текст на картинке
zikworld
Добрый день помогите решить проблемму....выдел на некоторых сайтах были кнопки или ссылки в виде картинки и сверху был выделяемый текст залез в исходники там нашел такое

<div class="menu"><a href="index.php">на главную</a></div>


меня интересует что это за класс меню и почему на его месте был рисунок как это реализовать? пример на этом сайте (НЕ РЕКЛАМА) http://rageclub.ru/



Спустя 9 минут, 24 секунды (11.01.2012 - 10:54) alexbel2404 написал(а):
.menu a{clear:both;font-size:12px;background:url(/pic/bkg_menu.gif) no-repeat;color:#000000;text-align:center;display:block;margin:0px auto;width:191px;height:22px;padding-top:2px;margin-top:6px;}


из их исходников.

Спустя 1 минута, 12 секунд (11.01.2012 - 10:56) YVSIK написал(а):
в место стандартной кнопки рисуешь картинку и подставляешь её через ccs
указав путь где лежит
вот примерно как поменять стандартную кнопку в ccs
.button {
border-radius: 12px;
background: #CCCCFF; /* Синий цвет фона */
$padding: 0 .15em;
height: 28px;
width: 144px;
overflow: visible;
}

или как картинку подставить
.button {
background: url(/skins/image/skin.jpg);
}

пишешь <div class="button">

Спустя 1 минута, 23 секунды (11.01.2012 - 10:57) zikworld написал(а):
alexbel2404
блин я просто плохо разбираюсь в этих дивах, скажите это типа в ксс надо прописывать чтото там? можете пример привести на одной странице?

Спустя 1 минута, 5 секунд (11.01.2012 - 10:58) zikworld написал(а):
YVSIK
дело в том что через бегграунд нельзя растягивать картинку, а мне нужно будет 40% от ширины экрана

Спустя 4 минуты, 3 секунды (11.01.2012 - 11:02) YVSIK написал(а):
ну и напиши width: 40%;
и чтоб вывести подцепить этот ЦСС так к шаблону
<head>
...........
<link href = "../skins/css/style.css" rel="stylesheet" type="text/css">
</head>

в помощь http://htmlbook.ru/samhtml/izobrazheniya/dobavlenie-risunka
а что это будет, рисунок в виде кнопки или кнопка в виде рисунка уже не важно .

Спустя 10 минут, 16 секунд (11.01.2012 - 11:12) nugle написал(а):
YVSIK
он не о том говорит, а чтобы бекграунд сам растянулся
zikworld
такого не бывает, есть альтернатива
<div>
<img />
<span>
Твой текст</span>
</div>

Ставишь и тексту и картинке абсолютное позиционирование, прописываешь обоим соответственные z-index, растягиваешь картинку, регулируешь текст
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.