• Страница 1 из 3
  • 1
  • 2
  • 3
  • »
Модератор форума: -SAM-  
Форум » Веб-разработка » Вопросы про uCoz » Как сделать окружность как на сайте Zornet (Как сделать окружность как на сайте zornet.ru)
Как сделать окружность как на сайте Zornet
MikkeyZer
Среда, 30 Марта 2016 | Сообщение 1
Оффлайн
Проверенные
Сообщений:133
Награды: 0
Здравствуйте хотелось бы узнать как сделать окружность как на сайте zornet.ru как и где сделать пробел посмотрите на скрин:
как сделать что было так:

Добавлено (30.03.2016, 20:33)
---------------------------------------------
Заранее спасибо biggrin


ОдИн_В_ПоЛе_ВоИн

Сообщение отредактировал
MikkeyZer - Среда, 30 Марта 2016, 20:32
Страна: (AZ)
Kosten
Среда, 30 Марта 2016 | Сообщение 2
Оффлайн
Администраторы
Сообщений:44267
Награды: 70
MikkeyZer, ссылку на сайт скиньте.
Страна: (RU)
MikkeyZer
Среда, 30 Марта 2016 | Сообщение 3
Оффлайн
Проверенные
Сообщений:133
Награды: 0
Kosten, извините Кликните :)

ОдИн_В_ПоЛе_ВоИн
Страна: (AZ)
Kosten
Среда, 30 Марта 2016 | Сообщение 4
Оффлайн
Администраторы
Сообщений:44267
Награды: 70
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 | Сообщение 5
Оффлайн
Проверенные
Сообщений:133
Награды: 0
Kosten, Сейчас попробую спасибо

ОдИн_В_ПоЛе_ВоИн
Страна: (AZ)
Kosten
Среда, 30 Марта 2016 | Сообщение 6
Оффлайн
Администраторы
Сообщений:44267
Награды: 70
MikkeyZer, также нужно фон немного темнее сделать, то не так закругление видно. Стиль 442, там фон меняем, вот в к примеру так.



Как понимаете с левой стороны не так видно, так как фона нет, в каркас впритык с основным фоном.
Прикрепления: 5791938.png (64.3 Kb)
Страна: (RU)
MikkeyZer
Среда, 30 Марта 2016 | Сообщение 7
Оффлайн
Проверенные
Сообщений:133
Награды: 0
Kosten, я все сделал но у меня с веру не так как у вас как сделать что бы была дистанция а то у меня слипло

ОдИн_В_ПоЛе_ВоИн
Страна: (AZ)
Kosten
Среда, 30 Марта 2016 | Сообщение 8
Оффлайн
Администраторы
Сообщений:44267
Награды: 70
MikkeyZer, но можно вверх сайта в самый низ поставить.

Код
<br><br><br>


Если большая ширина будет, то убираем один br если маленькая, то добавляем.
Страна: (RU)
Kosten
Среда, 30 Марта 2016 | Сообщение 9
Оффлайн
Администраторы
Сообщений:44267
Награды: 70
MikkeyZer, так же в низ сайта, только в самый вверх прописываем.
Страна: (RU)
MikkeyZer
Среда, 30 Марта 2016 | Сообщение 10
Оффлайн
Проверенные
Сообщений:133
Награды: 0
Kosten, а у вас также?

ОдИн_В_ПоЛе_ВоИн
Страна: (AZ)
Kosten
Среда, 30 Марта 2016 | Сообщение 11
Оффлайн
Администраторы
Сообщений:44267
Награды: 70
Цитата MikkeyZer ()
Kosten, а у вас также?

Точно так делал, а точнее искал стиль, который отвечает за это и ставил в конец стиля border-radius: 5px;, который закругляет.

Вот к примеру на форуме стоит.

Код
.forum-box {padding:20px;background:#fff; border-radius: 5px;}
Страна: (RU)
MikkeyZer
Среда, 30 Марта 2016 | Сообщение 12
Оффлайн
Проверенные
Сообщений:133
Награды: 0
Kosten, да это понятно я имею ввиду то что в низ сделать так на всех модулях будет если я в вверх и в низ <br> поставлю.

ОдИн_В_ПоЛе_ВоИн
Страна: (AZ)
Kosten
Среда, 30 Марта 2016 | Сообщение 13
Оффлайн
Администраторы
Сообщений:44267
Награды: 70
MikkeyZer, нет, просто пробел будет, возможно как то можно по другому сделать, но у меня так сделано.



Вот низ сайта здесь.

Прикрепления: 0095241.png (57.6 Kb) · 3104361.png (18.3 Kb)
Страна: (RU)
MikkeyZer
Среда, 30 Марта 2016 | Сообщение 14
Оффлайн
Проверенные
Сообщений:133
Награды: 0
Kosten, я сделал <br> посмотрите что теперь http://warofdezarm.my1.ru

ОдИн_В_ПоЛе_ВоИн
Страна: (AZ)
Траст
Среда, 30 Марта 2016 | Сообщение 15
Оффлайн
Пользователи
Сообщений:101
Награды: 0
MikkeyZer, зачем вам это, но подняли шапку, но с таким фоном это не красиво, у вас совершенно по другому сделано, здесь фон другой. У вас фокус фиксирован, если в низу будет смотрется нормально, то вверх, только видно один угол будет, хотя все четыре будет закругленными. Вам только от низа контейнер немного приподнять и нормально.

Быстро, дешево и сердито!
Страна: (RU)
Форум » Веб-разработка » Вопросы про uCoz » Как сделать окружность как на сайте Zornet (Как сделать окружность как на сайте zornet.ru)
  • Страница 1 из 3
  • 1
  • 2
  • 3
  • »
Поиск: