11 июн 2011
Закруглюнные углы с помощью css
alhimik Категория: Web-Мастеру » Разное
У нас вы можете скачать бесплатно Закруглюнные углы с помощью css .

Данный материал предоставлен сайтом Skripter.info исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
Закруглюнные углы с помощью css


CSS



.r1, .r2, .r3 {
display: block; height: 1px; background: #7da7d9; overflow: hidden;
}
.r1 { margin: 0 4px; }
.r2 { margin: 0 2px; }
.r3 { margin: 0 1px; height: 2px; }
.block-round-content {
background: #7da7d9; /* Цвет фона */
color: #fff;
padding: 10px; /* Поля вокруг текста */
}


HTML


[div class="block-round"]
[span class="r1"][/span][span class="r2"][/span][span class="r3"][/span]
[div class="block-round-content"]
ВАШ ТЕКСТ
[/div]
[span class="r3"][/span][span class="r2"][/span][span class="r1"][/span]
[/div]

В HTML замените [










Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Oxxxymiron | 11 июня 2011 22:29 | (0|0)
  • Группа: Посетители |
  • Комментарий: 1 (ссылка)

Полезно...

.::SKY::. | 11 июня 2011 22:30 | (0|0)
  • Группа: Посетители |
  • Комментарий: 2 (ссылка)

Можно например вызов профиля круглым сделать?

Phoenixxx | 11 июня 2011 22:34 | (1|0)
  • Группа: Посетители |
  • Комментарий: 3 (ссылка)

Конечно же я не знаю+)

alhimik | 11 июня 2011 22:34 | (0|0)
  • Группа: Посетители |
  • Комментарий: 4 (ссылка)

В HTML замените

[div class="block-round"]
[span class="r1"][/span][span class="r2"][/span][span class="r3"][/span]
[div class="block-round-content"]
ВАШ ТЕКСТ
[/div]
[span class="r3"][/span][span class="r2"][/span][span class="r1"][/span]
[/div]

<div class="block-round">
<span class="r1"></span><span class="r2"></span><span class="r3"></span>
<div class="block-round-content">
ВАШ ТЕКСТ
</div>
<span class="r3"></span><span class="r2"></span><span class="r1"></span>
</div>

Itachi Uchiha | 11 июня 2011 22:34 | (0|0)
  • Группа: Посетители |
  • Комментарий: 5 (ссылка)

.::SKY::.,
можно . можно

по мне так лучше через css3 это сделать . так будет проще

.::SKY::. | 11 июня 2011 22:41 | (0|0)
  • Группа: Посетители |
  • Комментарий: 6 (ссылка)

Itachi Uchiha,
А подскажи как!

Itachi Uchiha | 11 июня 2011 22:43 | (0|0)
  • Группа: Посетители |
  • Комментарий: 7 (ссылка)

border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;

.::SKY::. | 11 июня 2011 22:44 | (0|0)
  • Группа: Посетители |
  • Комментарий: 8 (ссылка)

А в каком файле .css

Itachi Uchiha | 11 июня 2011 22:46 | (0|0)
  • Группа: Посетители |
  • Комментарий: 9 (ссылка)

ты мне ?
если мне то я не понял вопроса

.::SKY::. | 11 июня 2011 22:50 | (0|0)
  • Группа: Посетители |
  • Комментарий: 10 (ссылка)

В каком файле css нужно прописать и что чтобы было закругление углов в вызове профиля!

HW | 11 июня 2011 23:20 | (0|0)
  • Группа: Посетители |
  • Комментарий: 11 (ссылка)

.::SKY::.,
в engine.css если хочешь сделать чтобы вызов профиля был с закруглёнными краями,то ищи такую строчку "Диалоговые и всплывающие окна jQuery UI" и копайся там дальше

.::SKY::. | 11 июня 2011 23:35 | (0|0)
  • Группа: Посетители |
  • Комментарий: 12 (ссылка)

HW,
Я в engine.css ничего подобного не нашел!

HW | 11 июня 2011 23:43 | (0|0)
  • Группа: Посетители |
  • Комментарий: 13 (ссылка)

.::SKY::.,
бло поищи в стандартном,там будет,скопируй какую-нибудь строчку и найди в своём

Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.