Скрипты и шаблоны для uCoz - 3aKa4Ka
Каталог файлов | Иконки групп | Видео уроки | Статьи | PSD исходники | SEO софт/программы | SEO новости
логин:
пароль:

Регистрация Забыл пароль
Скрипты для uCoz Шаблоны для uCoz
Для того что бы оставлять сообщения на форуме вам необходимо зарегистрироваться или войти под своим профилем.

Как сделать круглые углы (CSS) - Форум


  • Страница 1 из 1
  • 1
Модератор форума: lewonchik, Fro0st  
Форум » Веб мастеру » Вопросы по HTML, CSS, JS » Как сделать круглые углы (CSS)
Как сделать круглые углы (CSS)
SperetДата написания: Среда, 01.09.2010, 23:19:39 | Сообщение № 1

Проверенный
Сообщений: 501
Награды: 32
Репутация: 149
У меня появился маленький вопросик.
А конкретно как сделать такой вид комментариев, точнее как закруглить углы.
Прикрепления: 4756093.png(5.0 Kb)


[text]

[text][/text][/text]

Сообщение отредактировал Speret - Среда, 01.09.2010, 23:20:03
 
DizeLДата написания: Четверг, 02.09.2010, 14:03:24 | Сообщение № 2


Раскрутка сайта
Сообщений: 1695
Награды: 230
Репутация: 156
Без использования картинок
CSS:
Code
<style type="text/css">
.ugol{display:block}
.ugol *{
    display:block;
    height:1px;
    overflow:hidden;
    font-size:.01em;
    background:#DCE1E9}
.ugol1{
    margin-left:3px;
    margin-right:3px;
    padding-left:1px;
    padding-right:1px;
    border-left:1px solid #eff2f5;
    border-right:1px solid #eff2f5;
    background:#e4e8ee}
.ugol2{
    margin-left:1px;
    margin-right:1px;
    padding-right:1px;
    padding-left:1px;
    border-left:1px solid #fbfcfc;
    border-right:1px solid #fbfcfc;
    background:#e2e6ed}
.ugol3{
    margin-left:1px;
    margin-right:1px;
    border-left:1px solid #e2e6ed;
    border-right:1px solid #e2e6ed;}
.ugol4{
    border-left:1px solid #eff2f5;
    border-right:1px solid #eff2f5}
.ugol5{
    border-left:1px solid #e4e8ee;
    border-right:1px solid #e4e8ee}
.ugolfg{
    background:#DCE1E9}
</style>

HTML:
Code
<div>
    <b class="ugol">
    <b class="ugol1"><b></b></b>
    <b class="ugol2"><b></b></b>
    <b class="ugol3"></b>
    <b class="ugol4"></b>
    <b class="ugol5"></b></b>

    <div class="ugolfg">
      <!-- тут Ваш текст -->
    </div>

    <b class="ugol">
    <b class="ugol5"></b>
    <b class="ugol4"></b>
    <b class="ugol3"></b>
    <b class="ugol2"><b></b></b>
    <b class="ugol1"><b></b></b></b>
</div>
 
FrоstДата написания: Четверг, 02.09.2010, 16:37:33 | Сообщение № 3

Проверенный
Сообщений: 584
Награды: 39
Репутация: 469
Круглые углы в css делаются через border-radius
Напр:
Code
-moz-border-radius: 5px; /* Для лисы*/
-webkit-border-radius: 5px; /* Для хрома, сафари */
border-radius: 5px; /* Для остальных браузеров */




Сообщение отредактировал Fro0st - Четверг, 02.09.2010, 16:41:11
 
SperetДата написания: Четверг, 02.09.2010, 17:18:04 | Сообщение № 4

Проверенный
Сообщений: 501
Награды: 32
Репутация: 149
DizeL, Fro0st, Спасибо, ловите +сики

[text]

[text][/text][/text]

 
Форум » Веб мастеру » Вопросы по HTML, CSS, JS » Как сделать круглые углы (CSS)
  • Страница 1 из 1
  • 1
Поиск:
Обсуждение темы на форуме веб мастеров 3aKa4Ka.at.ua

© 3aka4ka.at.ua 2008 - 2021г. Все материалы размещенные на сайте принадлежат их владельцам и предоставляются исключительно в ознакомительных целях. Администрация ответственности за содержание материала не несет и убытки не возмещает.