Прошу помощи: хочу сделать закруглённые уголки

[Нэко]

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

Пожалуйста, подскажите. Есть вот такой код:

#wrapper{min-width:1000px!important;width:800px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important}
 #side{width:200px !important;margin:0 !important}
 #side { filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; }
 #page-c{width:770px !important;padding:0 !important;padding:0 !important;}
 #page-t {margin:0 !important;}
 #page-c, #side { border: border-width: 3 px; border-style: double; #171717;}
 #page-c { filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; }
 #page-c , #side{background:#ffffff;}
 body{ background-attachment:fixed; }
 .postDate { text-align:center; }
 .postLinksBackg {display:block !important; border-bottom: 1px solid #171717; margin-top: 10px !important; padding:10px 0 !important;}
 .avatar img,.avatarNew img {border: 1px solid #171717;}
 #epigraph a{text-decoration:none}
 a:hover,a:active{color: #171717 !important; text-decoration:none !important}
 .atTag a{text-decoration:none}
 #side h1 a{font-style:italic;}
 .paragraph {overflow: auto}
 .sign { font-style:italic;}
 

сразу предупреждаю: код писала НЕ Я, взяла его отсюда.
Пока что на моём дневнике он выглядит так:

А теперь сам вопрос: есть ли какой-то способ добавить в него закруглённые уголочки? Ну то есть чтобы все уголки моих записей, меню и тэ дэ, которые сейчас прямые, стали закруглены.
Что дописать в таком случае в этот код и куда это дописанное конкретно поставить?
Спасибо большое заранее!

@темы: diaryCSS, основные блоки, платный сервис, Дизайн

Comments

[Tenno Seremel]

#side, #page-c { border-radius: 5px; }

И т.п. Также есть свойства border-top-left-radius, border-top-right-radius, border-bottom-left-radius и border-bottom-right-radius если нужно установить закругление только с одного угла.

[Нэко]

Tenno Seremel, большое вам спасибо! А куда подставить этот кусок кода?

Также есть свойства border-top-left-radius, border-top-right-radius, border-bottom-left-radius и border-bottom-right-radius если нужно установить закругление только с одного угла.

ух ты *__* Надо обязательно начать экспериментировать с этим *___*

[Tenno Seremel]

Нэко, туда же, куда и остальной CSS вставляете, если услуга CSS подключена.

[Нэко]

Tenno Seremel, нет, вы меня слегка не поняли. Я имела в виду, вот код (в посте), в КАКОЕ КОНКРЕТНО место данного кода вставить предложенный вами способ закруглить уголки? Или это совсем-совсем-совсем не имеет значения и можно поставить хоть в конец, хоть в начало, без разницы?

Если эти вопросы глупые, то простите пожалуйста: я честно только два или три дня как начала сама пробовать ставить ЦСС, для меня ВСЁ в новинку и всё непонятно пока что.

[Tenno Seremel]

Нэко, без разницы должно быть, больше там никто эти свойства всё равно не устанавливает, насколько я помню. Добавляйте в конец

[Нэко]

Tenno Seremel, Спасибо большое! Добавила этот кусок (я поставила не 5 пикселей, а 15), то есть теперь этот кусок кода стал выглядеть вот так:

 #side, #page-c { border-radius: 15px; }

См. скриншот:

Очень вы меня выручили, огромное спасибо

[Tenno Seremel]

Нэко,

[Basenji]

Tenno Seremel, подскажите, пожалуйста, почему код может не срабатывать? Хочу на CSS сделать такое же скругление углов, как в бесплатной версии дизайнов, код вставляю в форму — эффекта никакого. Тень добавилась (код взяла отсюда), а углы не скругляются.

[Tenno Seremel]

Basenji, другое правило с большим весом перекрывает, вероятно. Попробуйте !important прописать. т.е. border-radius: 15px !Important; и т.п.

[Basenji]

Tenno Seremel, ничего не поменялось.

[Tenno Seremel]

Basenji, другой вариант: у вас не блочный дизайн, а стили написаны для него.

[Basenji]

Tenno Seremel, да нет, дизайн блочный как раз.