Как делаются блоки как на сайте у Евгения Попова? _http://ruseller.com/
каждый блок обведен прозрачной полосой с круглыми углами...как делается эта обводка?
- 03.12.2011 16:09
Последний раз редактировалось artorlov; 03.12.2011 в 16:27. Причина: Ссылка потерта
- 03.12.2011 16:11
При помощи CSS
Спасибо сказали:
hotsman(15.12.2011), - 03.12.2011 16:15
а свойство не подскажите?
- 03.12.2011 16:21
- Регистрация: 10.10.2011
- Сообщений: 297
- Репутация: 10
ААААА!!!! Посмотрел блин. реклама просто жуть
hotsman,Идите на интуит и читайте. Там найдете ответ на свой вопрос на все 100%Спасибо сказали:
hotsman(15.12.2011), - 03.12.2011 16:31
Открываете сайт в Хроме кликаете правой кнопкой по блоку и жмете "Просмотр кода элемента", изучаете код стиля. Как-то так.
1 000$ в день? Реально с лучшими партнерскими программами! Спасибо сказали:
hotsman(15.12.2011), - 03.12.2011 16:33
- Регистрация: 10.10.2011
- Сообщений: 297
- Репутация: 10
awmaster08, Дельный совет. :) А лучше на интуите почитать про CSS и, после этого не задовать вопросов :)
Спасибо сказали:
hotsman(15.12.2011), - 03.12.2011 16:34
А исходный код посмотреть вера не позволяет? ))
Код HTML:HTML <div class="box"> ... </div> CSS .box { padding: 10px; margin-bottom: 20px; background: url(http://ruseller.com/css/images/glass_black.png) transparent; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;}
Последний раз редактировалось OKyJIucT; 03.12.2011 в 16:40.
- 03.12.2011 16:37
Расказываю:
Есть блок, его фон - полупрозрачная (png) картинка повторяющаяся. Ему заданы скруглённые углы (свойство border-radius:15px а так же внутренние отступы по 10px (padding:10px
Внутрь этого блока вставляется другой, на 20px уже (т.к. паддинги), ему тоже задаются скруглённые углы. Ну и внутри него контент.
Ничего сложного, если что ещё не понятно, пишите)) - 03.12.2011 16:40
Александр Марьичев, есть сайты, более узко специализированные для изучения HTML и CSS. Я на вашем интуите не нашел где можно почитать про CSS :)
- 12.12.2011 20:06
<div class="box">block<div>
.box{
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("http://ruseller.com/css/images/glass_black.png");
background-origin: padding-box;
background-position: 0% 0%;
background-repeat: repeat;
background-size: auto;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
рамочку делает он с помощью картинки
Тэги топика:
Похожие темы
Темы | Раздел | Ответов | Последний пост |
---|---|---|---|
Вопрос по БД | Хостинг и Серверы | 13 | 30.10.2011 20:42 |
Вопрос про RDS bar | Вопросы от новичков | 6 | 09.08.2011 14:37 |
Вопрос по PR ? | 40 | 14.12.2009 19:08 | |
Вопрос по ЧПУ | Вопросы от новичков | 6 | 20.09.2009 20:17 |