Форум поддержки пользователей ZeroParking

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.



Окантовка цитаты

Сообщений 1 страница 15 из 15

1

Доброго времени суток!
Очень нужен скрипт, чтобы цитата имела не рамку, а что-то типа тени. Пример:
http://i031.radikal.ru/1104/ae/2ce103fdccf2.jpg
Хотелось бы тоже самое, но без пунктира)

0

2

Разобрался, уже не нужно, можете закрывать тему)

0

3

Ааа, а не могли бы вы мне подсказать, как добавить тени сюда?

0

4

.maybe. написал(а):

Ааа, а не могли бы вы мне подсказать, как добавить тени сюда?

Например так, в HTML-верх

Код:
<style type="text/css">
.post-content .quote-box, .post-content .code-box {
box-shadow:10px 10px 20px #000;
-webkit-box-shadow:10px 10px 20px #000;
-moz-box-shadow: 10px 10px 20px #000;
}
</style>

+1

5

Кофеман
Спасибо большое!)

0

6

А как закругленные края сделать?

0

7

Фай, попробуйте в html-верх:

Код:
<style type="text/css">
.post-content .quote-box, .post-content .code-box {
border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;
}
</style>

0

8

Хочу сделать закругленные края в меню навигации в самом верху.

Код:
/* D3.1 */
#pun-navlinks {
  position: fixed;
  left: center;
  top: 0;
  z-index: 1000;
  width: 779px;
  border: none;
  margin: 0;

#pun-navlinks .container {
  border-style: none;
  width: 779px;
  border-width: 0;
  margin: 0;
border: 1px solid  #fff;
border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;

Делаю так, меняется только цвет линий. Как сделать правильно?

[url=http://iriska86.0pk.ru/]

Отредактировано ириска86 (2012-01-15 23:28:43)

0

9

ириска86, а вы с какого браузера смотрите?  :glasses: Так-то все закруглилось. Если у вас ИЕ - он скругление не поддерживает...

0

10

Leonheart написал(а):

Если у вас ИЕ - он скругление не поддерживает

Дело в том что я смотрела с ИЕ такую фишку на другом форуме - там все видно скругление, плэтому я и подумала что дело в скрипте....

0

11

Leonheart написал(а):

Так-то все закруглилось

А как сделать чтобы эти полоски меню были раздельны? Расстояние между ними можно как-то сделать?

0

12

ириска86, если вы смотрели с ИЕ - и увидели шо края закруглились - не верьте своим глазам - тут скрипты не помогут - значит они там все рисовали вручную  :glasses:

ириска86 написал(а):

А как сделать чтобы эти полоски меню были раздельны? Расстояние между ними можно как-то сделать?

Скрин - как есть - и как надо.

0

13

Leonheart написал(а):

Скрин - как есть - и как надо.

1 как надо

2 как сейчас

http://s017.radikal.ru/i425/1201/4a/975b5e7c8502t.jpg

0

14

ириска86, ну попробуйте в первом окне стиля этот кусок:

#pun-ulinks .container {
  border-style: none;
  width: 779px;
  border-width: 0;
  margin: 0;
  }
/* D4.2 */
#pun-ulinks .container {
  border-top: none;
  padding: 0.7em 1em;
padding-top: 30px;
  height: 16px;
  font-weight: bold;
  text-align: center;
border: 1px solid  #цвет;
border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
  }

Заменить на такой:

#pun-ulinks .container {
  border-style: none;
  width: 760px;
  border-width: 0;
  margin: 0;
  margin-top: 25px;
  height: 10px;
  }
/* D4.2 */
#pun-ulinks .container {
  border-top: none;
  padding: 0 -80px;
padding-top: 0px;
  height: 16px;
  font-weight: bold;
  text-align: center;
border: 1px solid  #цвет;
border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
  }

+1

15

Leonheart
Отлично!!! Спасибо вам огромное за помощь!

0



Рейтинг форумов | Создать форум бесплатно