Страница 1 из 11
Форум про uCoz » Всё для web-мастера » Web мастеру » Закруглить углы дизайна с помощью CSS
Закруглить углы дизайна с помощью CSS
Kosten
Дата: Четверг, 20.08.2015, 01:33 | Сообщение # 1
Администраторы
Сообщений:12716
Награды: 39


Создавая сайт, мы решаем, каким он будет и безусловно, какие углы к него будут, это острые или закругленные. Хотя у системы uCoz есть свои шаблоны и их можно переделать в оригинальный. Но нам нужно, чтоб углов не было и нам в этом поможет CSS что у вас на портале. Не чего сложного нет, просто за это отвечает стиль радиус - border-radius и здесь нам нужно только выбрать пиксели или проценты, какое закругление будет.

Если закруглять все четыре угла, то просто нам нужно поставить в стили радиус, и форму, что хотим переделать.

border-radius: 5px;

Также подойдет и этот:

border-radius: 5px 5px 0px 0px;

Здесь выставлены 2 закругленных угла, а вот остальные 2 не тронуты, вы можете делать как хотите, мне нужно это было для форума.

Смотрим картинку:



Здесь мы видим куда я поставил, но с начало нашел и поставил в самый конец и форма на форуме сменилась. И так можно на сайте много чего найти, к примеру переключатели страниц на форуме, можно, также сам каркас, тоже без проблем, и место под контейнер, где стоят блоги. Здесь только вам решать, что где и как поменять, или вообще круглым сделать, это место под картину пользователя к примеру.

Выше прописаны коды на всякий случай, так как можно пользоваться генераторами и там вы будете выставлять к примеру пиксель и сразу показано, какое изображение будет в полукруге.



Вот этим генератором пользуюсь, когда мне нужно все четыре угла сделать.

А если вам к примеру нужно сделать только 2 верхних, вы можете просто поставить нули или перейти на еще один сервис, но он на Английском языке и воспользуйтесь, чтоб перевели, а точнее зайдите с браузера Google Chrome и ое вам переведет, чтоб вы запомнили, какая функция или рычаг, отвечает за тот или иной угол и когда все сделаете, копируем первый код и все.



Чтоб посмотреть как работает сервис, нужно перейти на него.

На этом все, если кто не знает как находить стили на своем сайте, где поставить, то отпишитесь, постараюсь описать и приложить картинки. Просто надо работать браузером Хром, он отлично находит.
Прикрепления: 5018079.jpg(90Kb) · 9952038.jpg(24Kb) · 7687636.jpg(27Kb)


Kosten
Дата: Четверг, 20.08.2015, 01:38 | Сообщение # 2
Администраторы
Сообщений:12716
Награды: 39


Забыл написать, на сервисе, который на английском, то когда переведет к примеру ваш браузер и вы выставите кок который вам нужно скопировать, нужно скачало обратно его по умолчанию сделать в первом режиме и потом уже забирать, то что вы намутили в стилях.

Форум про uCoz » Всё для web-мастера » Web мастеру » Закруглить углы дизайна с помощью CSS
Страница 1 из 11
Поиск: