Фон на заголовке материала

Сообщений: 23

Репутация: 0

Сообщение # 1 | 17:01:25 10 Янв 2013

Доброго времени суток) я сделал Каталог статей главной страницей, так вот, я бы хотел сделать в названии материала фон, то есть:
У меня щас вот так:

Хочу сделать примерно так:

Вот мой сайт: http://graff-gap.3dn.ru

semen619

Сообщений: 207

Репутация: 28

Сообщение # 2 | 17:16:34 10 Янв 2013

StaD, наверное так, в сss найди строчку:

Код

.eTitle {font: 22px 'Tahoma';color: #3d3d3d;background: url(/.s/t/785/29.gif) repeat-x;padding: 8px 10px 5px 10px;}

и добавь туда backroung-color:orange;
и все.

Отображайте свою благодарность репутацией...
http://utilities.ucoz.ua

dudi

Сообщений: 271

Репутация: 194

Уровень замечаний:

Сообщение # 3 | 17:16:47 10 Янв 2013

Код

.eTitle {
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background: fd6f0d;
border: 1px solid #c87d3c;

background-image: linear-gradient(bottom, rgb(253,113,13) 36%, rgb(255,147,70) 68%, rgb(254,174,118) 84%);background-image: -o-linear-gradient(bottom, rgb(253,113,13) 36%, rgb(255,147,70) 68%, rgb(254,174,118) 84%);
background-image: -moz-linear-gradient(bottom, rgb(253,113,13) 36%, rgb(255,147,70) 68%, rgb(254,174,118) 84%);
background-image: -webkit-linear-gradient(bottom, rgb(253,113,13) 36%, rgb(255,147,70) 68%, rgb(254,174,118) 84%);
background-image: -ms-linear-gradient(bottom, rgb(253,113,13) 36%, rgb(255,147,70) 68%, rgb(254,174,118) 84%);

background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.36, rgb(253,113,13)),
    color-stop(0.68, rgb(255,147,70)),
    color-stop(0.84, rgb(254,174,118))
);
}

ну вот у меня как то так вышло )

Прикрепления: 2371764.png (267.5 Kb)

В моих кодах нет мусора, просто я шифрую данные.

StaD

Сообщений: 23

Репутация: 0

Сообщение # 4 | 17:23:24 10 Янв 2013

Цитата (dudi)

ну вот у меня как то так вышло )

Огромное спасибо) Слушай, а как сделать чтобы при наведении мыши текст в заголовке как бы светился? много раз такое видел, но даже не представляю как это сделать(

dudi

Сообщений: 271

Репутация: 194

Уровень замечаний:

Сообщение # 5 | 17:27:50 10 Янв 2013

StaD, каким цветом светить будем?

В моих кодах нет мусора, просто я шифрую данные.

StaD

Сообщений: 23

Репутация: 0

Сообщение # 6 | 17:29:07 10 Янв 2013

Цитата (dudi)

каким цветом светить будем?

Ну я думаю белым):D кстати, у меня теперь в чате фон сообщений пропал из за этого кода(

dudi

Сообщений: 271

Репутация: 194

Уровень замечаний:

Сообщение # 7 | 17:31:36 10 Янв 2013

StaD, верни всё как было на время, посмотрю, мб ты что то не так сделал.

В моих кодах нет мусора, просто я шифрую данные.

StaD

Сообщений: 23

Репутация: 0

Сообщение # 8 | 17:32:33 10 Янв 2013

dudi, вернул

dudi

Сообщений: 271

Репутация: 194

Уровень замечаний:

Сообщение # 9 | 17:43:10 10 Янв 2013

На данный момент найди в ксс вот это

Код

.eTitle {font: 22px 'Tahoma';color: #3d3d3d;background: url(/.s/t/785/29.gif) repeat-x;padding: 8px 10px 5px 10px; backroung-color: orange;}

Полностью удали и поставь моё.

Код

.eTitle {
padding: 8px 10px 5px 10px;
font: 22px 'Tahoma';
color: #3d3d3d;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background: fd6f0d;
  border: 1px solid #c87d3c;

  background-image: linear-gradient(bottom, rgb(253,113,13) 36%,
rgb(255,147,70) 68%, rgb(254,174,118) 84%);background-image:
-o-linear-gradient(bottom, rgb(253,113,13) 36%, rgb(255,147,70) 68%,
rgb(254,174,118) 84%);
  background-image: -moz-linear-gradient(bottom, rgb(253,113,13) 36%, rgb(255,147,70) 68%, rgb(254,174,118) 84%);
  background-image: -webkit-linear-gradient(bottom, rgb(253,113,13) 36%, rgb(255,147,70) 68%, rgb(254,174,118) 84%);
  background-image: -ms-linear-gradient(bottom, rgb(253,113,13) 36%, rgb(255,147,70) 68%, rgb(254,174,118) 84%);

  background-image: -webkit-gradient(
     linear,
     left bottom,
     left top,
     color-stop(0.36, rgb(253,113,13)),
     color-stop(0.68, rgb(255,147,70)),
     color-stop(0.84, rgb(254,174,118))
  );
  }

Если всё сделаешь нормально-то и будет нормально, тк у тебя эти 2 места никак не связаны между собой.
Чтоб подсветить найди

Код

.etitle a { font: 22px 'Tahoma'; color: #3D3D3D; }

Полностью убери и поставь моё

Код

.etitle a {
font: 22px 'Tahoma';
color: #3D3D3D;
width: 100%;
height: 100%;
display: block;
text-decoration: none;
}
.etitle a:hover {
color: #fff;
}

Про свойство ховер читай тут http://htmlbook.ru/css/hover

В моих кодах нет мусора, просто я шифрую данные.

StaD

Сообщений: 23

Репутация: 0

Сообщение # 10 | 17:49:47 10 Янв 2013

dudi, Еще раз спасибо) + поставил уже)

dudi

Сообщений: 271

Репутация: 194

Уровень замечаний:

Сообщение # 11 | 17:50:46 10 Янв 2013

StaD, вижу всё получилось ) Вышло неплохо, оранжевый там в тему ) удачи

В моих кодах нет мусора, просто я шифрую данные.

StaD

Сообщений: 23

Репутация: 0

Сообщение # 12 | 17:51:33 10 Янв 2013

dudi, ага) тебе тоже удачи)

Страница 1 из 1 1
Модератор форума: Yuri_G