Как сделать окружность как на сайте Zornet
|
|
MikkeyZer | Среда, 30 Марта 2016, 20:33 | Сообщение 1 |
| Здравствуйте хотелось бы узнать как сделать окружность как на сайте zornet.ru как и где сделать пробел посмотрите на скрин: как сделать что было так: Добавлено (30.03.2016, 20:33) --------------------------------------------- Заранее спасибо
ОдИн_В_ПоЛе_ВоИн
Сообщение отредактировал MikkeyZer - Среда, 30 Марта 2016, 20:32 | [ AZ ] |
| |
Kosten | Среда, 30 Марта 2016, 20:42 | Сообщение 2 |
| MikkeyZer, ссылку на сайт скиньте.
| [ RU ] |
| |
MikkeyZer | Среда, 30 Марта 2016, 20:54 | Сообщение 3 |
| Kosten, извините Кликните :)
ОдИн_В_ПоЛе_ВоИн
| [ AZ ] |
| |
Kosten | Среда, 30 Марта 2016, 20:59 | Сообщение 4 |
| MikkeyZer, в css находим строку 183 и полностью меняем на этот стиль.
Код #content {float:left;width:72%; background:#fff;padding:20px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius: 5px;}
Или просто в этой строке в конце стиля ставим border-radius: 5px; - это каркас закруглили.
Потом в стилях ищем строку 134 и также сменим стиль на этот.
Код #sidebar {float:right;width:26%; background:#FFFFFF;padding: 5px 5px;border-radius: 5px;border-radius: 5px;}
Или не меняем а просто в конец стиля ставим border-radius: 5px; и это контейнер закруглили.
| [ RU ] |
| |
MikkeyZer | Среда, 30 Марта 2016, 21:01 | Сообщение 5 |
| Kosten, Сейчас попробую спасибо
ОдИн_В_ПоЛе_ВоИн
| [ AZ ] |
| |
Kosten | Среда, 30 Марта 2016, 21:04 | Сообщение 6 |
| MikkeyZer, также нужно фон немного темнее сделать, то не так закругление видно. Стиль 442, там фон меняем, вот в к примеру так.
Как понимаете с левой стороны не так видно, так как фона нет, в каркас впритык с основным фоном.
| [ RU ] |
| |
MikkeyZer | Среда, 30 Марта 2016, 21:06 | Сообщение 7 |
| Kosten, я все сделал но у меня с веру не так как у вас как сделать что бы была дистанция а то у меня слипло
ОдИн_В_ПоЛе_ВоИн
| [ AZ ] |
| |
Kosten | Среда, 30 Марта 2016, 21:22 | Сообщение 8 |
| MikkeyZer, но можно вверх сайта в самый низ поставить.
Если большая ширина будет, то убираем один br если маленькая, то добавляем.
| [ RU ] |
| |
Kosten | Среда, 30 Марта 2016, 21:23 | Сообщение 9 |
| MikkeyZer, так же в низ сайта, только в самый вверх прописываем.
| [ RU ] |
| |
MikkeyZer | Среда, 30 Марта 2016, 21:25 | Сообщение 10 |
| Kosten, а у вас также?
ОдИн_В_ПоЛе_ВоИн
| [ AZ ] |
| |
Kosten | Среда, 30 Марта 2016, 21:32 | Сообщение 11 |
| Цитата MikkeyZer ( ) Kosten, а у вас также? Точно так делал, а точнее искал стиль, который отвечает за это и ставил в конец стиля border-radius: 5px;, который закругляет.
Вот к примеру на форуме стоит.
Код .forum-box {padding:20px;background:#fff; border-radius: 5px;}
| [ RU ] |
| |
MikkeyZer | Среда, 30 Марта 2016, 21:42 | Сообщение 12 |
| Kosten, да это понятно я имею ввиду то что в низ сделать так на всех модулях будет если я в вверх и в низ <br> поставлю.
ОдИн_В_ПоЛе_ВоИн
| [ AZ ] |
| |
|
MikkeyZer | Среда, 30 Марта 2016, 21:50 | Сообщение 14 |
| Kosten, я сделал <br> посмотрите что теперь http://warofdezarm.my1.ru
ОдИн_В_ПоЛе_ВоИн
| [ AZ ] |
| |
Траст | Среда, 30 Марта 2016, 21:58 | Сообщение 15 |
| MikkeyZer, зачем вам это, но подняли шапку, но с таким фоном это не красиво, у вас совершенно по другому сделано, здесь фон другой. У вас фокус фиксирован, если в низу будет смотрется нормально, то вверх, только видно один угол будет, хотя все четыре будет закругленными. Вам только от низа контейнер немного приподнять и нормально.
Быстро, дешево и сердито!
| [ RU ] |
| |