Страница 1 из 11
Форум про uCoz » Раздел uCoz » Вопросы по uCoz » Закругление углов с помощью CSS на сайте
Закругление углов с помощью CSS на сайте
Kosten
Дата: Пятница, 26.06.2015, 23:43 | Сообщение # 1
Администраторы
Сообщений:12716
Награды: 39


Тут скинул один материал где можно закруглить углы у вида материалов и вид будет совершенно другой. Как мы знаем за это отвечает в CSS border-radius: 10px; или просто назовем его радиус. Тут главное его поставить как понимаю грамотно, то можно так установить, что весь сайт закруглится. Нашел стили от этого скрипта и примерил radius и вот что получилось.



Правильно ли сделано, или как то можно по другому.
Прикрепления: 2521708.jpg(57Kb)


workman
Дата: Суббота, 27.06.2015, 00:03 | Сообщение # 2
Vip
Сообщений:1576
Награды: 7


Kosten, Вот еще есть варианты скругления углов, например картинки... но можно подогнать именно у вида материалов

Каждый раз, когда ты можешь помочь кому-то, просто сделай это и радуйся тому, что Бог отвечает на чьи-то молитвы через тебя...
Kosten
Дата: Суббота, 27.06.2015, 00:06 | Сообщение # 3
Администраторы
Сообщений:12716
Награды: 39


workman, пробовал, что то не получилось.

Kosten
Дата: Суббота, 27.06.2015, 00:25 | Сообщение # 4
Администраторы
Сообщений:12716
Награды: 39


С дивами, получается также как с border-radius.

Код
<div style="background"> материал </div>


CSS:

Код
#img-rad {  
               border:3px solid #85A0C9;//Указываем толщину рамки и цвет  
               border-radius: 10px;//Указываем радиус скругления  
               -webkit-border-radius: 10px;  
               -moz-border-radius: 10px;  
}


Получилось так же, так как реально это под картинку заточено.

Код
<div style="background: url('ссылка на картинку'); width: 448px; height: 250px;"></div>


Kosten
Дата: Суббота, 27.06.2015, 02:47 | Сообщение # 5
Администраторы
Сообщений:12716
Награды: 39


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

Прикрепления: 5737396.jpg(67Kb)


workman
Дата: Суббота, 27.06.2015, 04:13 | Сообщение # 6
Vip
Сообщений:1576
Награды: 7


НУ КАК-ТО ТАК biggrin :D biggrin ТЫ ЕСЛИ ЧТО СПРАШИВАЙ. КОМУ-КОМУ А ТЕБЕ ПОДСКАЖУ smile


Код
<div style="background: url('http://zornet.ru/_fr/45/s5737396.jpg'); width: 448px; height: 250px; border: 1px solid #405C0A; border-radius: 0 180px 0 200px; -webkit-border-radius: 0 180px 0 200px; - moz-border-radius: 0 180px 0 200px;"></div>


Код
<div style="background: url('http://zornet.ru/_fr/45/s5737396.jpg'); width: 448px; height: 250px; border: 1px solid #405C0A; border-radius: 0 180px 0 200px; -webkit-border-radius: 0 180px 0 200px; - moz-border-radius: 0 180px 0 200px;"></div>


И ТАК ДАЛЕЕ ... biggrin
МОЖНО СТИЛЯМИ КРУТИТЬ КАК ХОЧЕШЬ ...

С ПОМОЩЬЮ ДАННОЙ КАНИТЕЛИ
Код
-webkit-box-shadow: 0px 0px 18px 0px rgba(219, 123, 72, 0.79);
-moz-box-shadow:    0px 0px 18px 0px rgba(219, 123, 72, 0.79);
box-shadow:         0px 0px 18px 0px rgba(219, 123, 72, 0.79);
МОЖНО ЗАДАТЬ ТЕНЬ ВОКРУГ КАРТИНКИ...

НАПРИМЕР:



А КОМУ ЛЕНЬ САМОМУ ПРОПИСЫВАТЬ СТИЛИ И Т.Д. ТО ЭТА ССЫЛКА ВСЕМ ВАМ В ПОМОЩЬ...

РАД БЫЛ ПОМОЧЬ ... БЛАГОДАРНОСТИ ПРИНИМАЮ ТОЛЬКО В РЕПУ... )))

МИР, ТРУД, МАЙ, ИЮНЬ, ИЮЛЬ, АВГУСТ .... biggrin
ВСЕМ УДАЧИ В СОЗДАНИИ КРАСОТЫ НА САЙТАХ И МИРНОГО НЕБА НАД ГОЛОВОЙ !!!!


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

Сообщение отредактировал workman - Суббота, 27.06.2015, 04:41
workman
Дата: Суббота, 27.06.2015, 04:28 | Сообщение # 7
Vip
Сообщений:1576
Награды: 7


Kosten,
Код
пробовал, что то не получилось.


КОГДА ТЫ МНЕ ТАКОЕ НАПИСАЛ, ТО СТАЛ ПЕРЕЖИВАТЬ И НЕ МОГ ЗАСНУТЬ ... ВСЕ ДУМАЛ, КАК ТАК У КОЛЛЕГИ НЕ ПОЛУЧИЛИСЬ МОИ КОДЫ ... ПСИХАНУЛ, ВСТАЛ И НАПИСАЛ ПОДРОБНЕЕ biggrin


Каждый раз, когда ты можешь помочь кому-то, просто сделай это и радуйся тому, что Бог отвечает на чьи-то молитвы через тебя...
workman
Дата: Суббота, 27.06.2015, 10:54 | Сообщение # 8
Vip
Сообщений:1576
Награды: 7


Цитата Kosten ()

Правильно ли сделано, или как то можно по другому.

я тебе уже примеры накидал ... Можно немного углы по загибать больше а низ, например правый оставить острым а левый на 10-15 пиксов закруглить... Или вообще чуть-ли не круглыми сделать ....


Каждый раз, когда ты можешь помочь кому-то, просто сделай это и радуйся тому, что Бог отвечает на чьи-то молитвы через тебя...
Kosten
Дата: Суббота, 27.06.2015, 14:58 | Сообщение # 9
Администраторы
Сообщений:12716
Награды: 39


workman, просто в дивах пока нет смысла, пихать вид материала, можно стилями обойтись, что и сделал, под фото отличное решение.

workman
Дата: Суббота, 27.06.2015, 14:59 | Сообщение # 10
Vip
Сообщений:1576
Награды: 7


Цитата Kosten ()
под фото отличное решение.

ТАК ТАКИМ ОБРАЗОМ МОЖНО И ТАБЛИЦУ ЗАКРУГЛИТЬ И ВСЕ ЧТО УГОДНО,А ТО ЧТО В ДИВАХ, ПЕРЕВЕСТИ НА ФАЙЛ СО СТИЛЯМИ И УКАЗАТЬ КОДЫ... НАПРИМЕР ЕСЛИ НА ТАБЛИЦУ -
Код
<TABLE CLASS="свое">....</TABLE>


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

Сообщение отредактировал workman - Суббота, 27.06.2015, 15:01
Kosten
Дата: Суббота, 27.06.2015, 15:10 | Сообщение # 11
Администраторы
Сообщений:12716
Награды: 39


workman, вот вчера и просил чтоб подсказали, но как понимаю не до меня было. Что сайтом, как понял косяки все подобрал, почему не выводят в интернет его?

workman
Дата: Суббота, 27.06.2015, 15:10 | Сообщение # 12
Vip
Сообщений:1576
Награды: 7


Цитата Kosten ()
просто в дивах пока нет смысла, пихать вид материала, можно стилями обойтись

Тут я с тобой согласен. Так некоторые одними полными дивами нагружают сайт.Проще загнать в файл и ставить укороченным


Каждый раз, когда ты можешь помочь кому-то, просто сделай это и радуйся тому, что Бог отвечает на чьи-то молитвы через тебя...
workman
Дата: Суббота, 27.06.2015, 15:11 | Сообщение # 13
Vip
Сообщений:1576
Награды: 7


Цитата Kosten ()
Что сайтом, как понял косяки все подобрал, почему не выводят в интернет его?

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


Каждый раз, когда ты можешь помочь кому-то, просто сделай это и радуйся тому, что Бог отвечает на чьи-то молитвы через тебя...
Форум про uCoz » Раздел uCoz » Вопросы по uCoz » Закругление углов с помощью CSS на сайте
Страница 1 из 11
Поиск: