Единый форум поддержки

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

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

Вы здесь » Единый форум поддержки » Корзина » Скрипт "Рамка" коверкает остальные скрипты!

Скрипт "Рамка" коверкает остальные скрипты!

Страница: 1

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

1

  • Автор: Jas
  • Заслуженный
  • Jas
  • Зарегистрирован: Ср, 14 Окт 2009
  • Сообщений: 187
  • Уважение: +7
  • Позитив: +41
  • Последний визит:
    Чт, 13 Сен 2018 20:23:26

Добрый день. У меня возникла проблема с дизайном, а точнее со скриптом рамки на форум. Скрипт взял отсюда с уголками.

В общем, проблем возникла сразу и целая куча (скрипт рамок убирать не хочу - он мне позарез нужен на форуме):

1. Картинки online и offline, оформленные скриптом отображаются друг под другом сразу обе!
2. Появилась еще одна панель инструментов - теперь их две, друг под другом.
3. Тег с кодом стал себя вести неадекватно абсолютно. Если вставить код в сообщение - рамка обрезается. Если вставить очень длинный код в сообщение - форум вообще "расползается" и уезжает вправо.
4. Почему-то не получается сдвинуть тело форума вниз. Поставил код:

Код:
#pun {margin:  500px auto 0 auto;}

В админке он сместился, а вне админки не смещается никак.

Подскажите плиз, что можно с этим со всем сделать, чтобы все работало адекватно???

форум тестовый, так что не пугайтесь. Адрес форума:

0

2

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51115
  • Уважение: +15197
  • Позитив: +11572
  • Последний визит:
    Сегодня 01:57:02

Jas
Переставьте скрипт рамки в самое начало HTML низ

0

3

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51115
  • Уважение: +15197
  • Позитив: +11572
  • Последний визит:
    Сегодня 01:57:02

Ксать есть уже обрамление занчительно проще и без скрипта

0

4

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51115
  • Уважение: +15197
  • Позитив: +11572
  • Последний визит:
    Сегодня 01:57:02

<style type="text/css"> /* Обрамление Форума*/
#pun{
background-clip:border-box;
background-color: transparent;
border-width: 27px;
-moz-border-image: url(http://uploads.ru/i/B/A/j/BAj1c.png) 27 repeat;  /* Firefox 4 */
    -webkit-border-image: url(http://uploads.ru/i/B/A/j/BAj1c.png) 27 repeat;  /* Safari 5 и Chrome */
    -o-border-image: url(http://uploads.ru/i/B/A/j/BAj1c.png) 27 repeat; /* Opera 10.5 */}
</style>

Картинка - одна и таже

0

5

  • Автор: Jas
  • Заслуженный
  • Jas
  • Зарегистрирован: Ср, 14 Окт 2009
  • Сообщений: 187
  • Уважение: +7
  • Позитив: +41
  • Последний визит:
    Чт, 13 Сен 2018 20:23:26
Deff написал(а):

<style type="text/css"> /* Обрамление Форума*/
#pun{
background-clip:border-box;
background-color: transparent;
border-width: 27px;
-moz-border-image: url(http://uploads.ru/i/B/A/j/BAj1c.png) 27 repeat;  /* Firefox 4 */
    -webkit-border-image: url(http://uploads.ru/i/B/A/j/BAj1c.png) 27 repeat;  /* Safari 5 и Chrome */
    -o-border-image: url(http://uploads.ru/i/B/A/j/BAj1c.png) 27 repeat; /* Opera 10.5 */}
</style>

О! Спасибо большое! Буду пробовать! =)

Отредактировано Jas (Пт, 20 Апр 2012 16:14:32)

0

6

  • Автор: Jas
  • Заслуженный
  • Jas
  • Зарегистрирован: Ср, 14 Окт 2009
  • Сообщений: 187
  • Уважение: +7
  • Позитив: +41
  • Последний визит:
    Чт, 13 Сен 2018 20:23:26

Поставил в ХТМЛ-низ в самый верх... часть исправилась, а вот это:

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

1. Картинки online и offline, оформленные скриптом отображаются друг под другом сразу обе!
2. Появилась еще одна панель инструментов - теперь их две, друг под другом.
3. Если вставить код в сообщение - рамка обрезается.
4. Почему-то не получается сдвинуть тело форума вниз.

не исправляется...

Отредактировано Jas (Пт, 20 Апр 2012 16:09:50)

0

7

  • Автор: Jas
  • Заслуженный
  • Jas
  • Зарегистрирован: Ср, 14 Окт 2009
  • Сообщений: 187
  • Уважение: +7
  • Позитив: +41
  • Последний визит:
    Чт, 13 Сен 2018 20:23:26
Jas написал(а):

<style type="text/css"> /* Обрамление Форума*/
#pun{
background-clip:border-box;
background-color: transparent;
border-width: 27px;
-moz-border-image: url(http://uploads.ru/i/B/A/j/BAj1c.png) 27 repeat;  /* Firefox 4 */
    -webkit-border-image: url(http://uploads.ru/i/B/A/j/BAj1c.png) 27 repeat;  /* Safari 5 и Chrome */
    -o-border-image: url(http://uploads.ru/i/B/A/j/BAj1c.png) 27 repeat; /* Opera 10.5 */}
</style>

Вот из-за этого скрипта все как-то совсем странно стало... Можете мне объяснить пошагово, как сделать, чтобы и фон остался и границы по всему форуму не дублировались? или ссылку на тему, так как я сколько не искал - ничего подобного не нашел.

0

8

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51115
  • Уважение: +15197
  • Позитив: +11572
  • Последний визит:
    Сегодня 01:57:02
Jas написал(а):

Вот из-за этого скрипта все как-то совсем странно стало... Можете мне объяснить пошагово, как сделать, чтобы и фон остался и границы по всему форуму не дублировались? или ссылку на тему, так как я сколько не искал - ничего подобного не нашел.

Дык Вы сымите скрипт своей текущей рамки = поставьте данный код - дайте ссылку и укажите на скриншоте -что не так и что нун поправить

0

9

  • Автор: Jas
  • Заслуженный
  • Jas
  • Зарегистрирован: Ср, 14 Окт 2009
  • Сообщений: 187
  • Уважение: +7
  • Позитив: +41
  • Последний визит:
    Чт, 13 Сен 2018 20:23:26

Deff
В общем, Ваша рамка встала почти идеально, только с прозрачным фоном всего форума... а вот моя рамка встала совсем криво.

Что я не так делаю?

0

10

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51115
  • Уважение: +15197
  • Позитив: +11572
  • Последний визит:
    Сегодня 01:57:02

Jas
Замените код на такой

<style type="text/css"> /* Обрамление Форума*/
#pun{
background-clip:border-box;
background-color: #86644D;
border-width: 41px;
-moz-border-image: url(http://uploads.ru/i/A/i/R/AiRHI.png) 41 repeat;  /* Firefox 4 */
    -webkit-border-image: url(http://uploads.ru/i/A/i/R/AiRHI.png) 41 repeat;  /* Safari 5 и Chrome */
    -o-border-image: url(http://uploads.ru/i/A/i/R/AiRHI.png) 41 repeat; /* Opera 10.5 */}
</style>

1. Она шире (41пиксел ширина бордюра
2. Внутри нун делать прозрачку - иначе внутренняя часть становицо фоном
3. Код лучше ставить в HTML верх или в конец второго Окна стиля без тегов <style> </style>

Отредактировано Deff (Пт, 20 Апр 2012 22:09:09)

+1

11

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51115
  • Уважение: +15197
  • Позитив: +11572
  • Последний визит:
    Сегодня 01:57:02

Зы - уголки можно приукрасить, только они должны вписывацо в текущий типоразмер - либо добавляйте снаружи прозрачки к рамке и увеличивайте её ширину

Вот ширина c уголками будет уже 53px => http://uploads.ru/i/T/w/A/TwASZ.png

Отредактировано Deff (Пт, 20 Апр 2012 21:57:02)

0

12

  • Автор: Jas
  • Заслуженный
  • Jas
  • Зарегистрирован: Ср, 14 Окт 2009
  • Сообщений: 187
  • Уважение: +7
  • Позитив: +41
  • Последний визит:
    Чт, 13 Сен 2018 20:23:26

Deff
Спасибо огромное!! С шириной и фоном разобрался - все отлично. Только теперь появились странные полосы на форуме.
Пример (адрес тот же):
http://uploads.ru/t/H/G/e/HGeUu.jpg
Это как-то лечится?))

И еще пара вопросов: Можно ли из рамки достать логотип и меню навигации? =)

и Можно ли верхнюю и нижнюю рамки сделать другим изображением другого размера?)

Отредактировано Jas (Сб, 21 Апр 2012 08:50:32)

0

13

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51115
  • Уважение: +15197
  • Позитив: +11572
  • Последний визит:
    Сегодня 01:57:02
Jas написал(а):

Только теперь появились странные полосы на форуме.

Странные полосы - означают что ширина выставлена менее чем до прозрачки для горизонтальных бордеров

Увеличьте ширину на пиксел - два

0

14

  • Автор: Jas
  • Заслуженный
  • Jas
  • Зарегистрирован: Ср, 14 Окт 2009
  • Сообщений: 187
  • Уважение: +7
  • Позитив: +41
  • Последний визит:
    Чт, 13 Сен 2018 20:23:26

Спасибо!!!

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

И еще пара вопросов: Можно ли из рамки достать логотип и меню навигации? =)

=)

0

15

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51115
  • Уважение: +15197
  • Позитив: +11572
  • Последний визит:
    Сегодня 01:57:02
Jas написал(а):

И еще пара вопросов: Можно ли из рамки достать логотип и меню навигации? =)

на счет меню

Попробуйте так:
(В HTML верх

<style type="text/css">
#pun-navlinks {
  height:50px;
  width:88%;
  z-index:1000!important;
  position:fixed!important;
  margin:0 0 0 0;
  top:0!important;
  margin-top:0px;
  background-color: #E0BCA0;
  text-align:center;
}
</style>

(*Красное меняем на собственные значения
Если постоянного непрокручиваемого закрепление вверху не надо,
меняем fixed на absolute и poзиционируем синим   margin-top:0px; изменяя цифру (цифрв с минусом двигает вверх - с плюсом - вниз

достать логотип

Сделайте скриншот - ткните стрелкой

Отредактировано Deff (Вс, 22 Апр 2012 10:48:12)

0

16

  • Автор: Jas
  • Заслуженный
  • Jas
  • Зарегистрирован: Ср, 14 Окт 2009
  • Сообщений: 187
  • Уважение: +7
  • Позитив: +41
  • Последний визит:
    Чт, 13 Сен 2018 20:23:26

Deff
спасибо)

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

Сделайте скриншот - ткните стрелкой

Вопрос снялся)

Но появился еще один, надеюсь, что последний:

http://uploads.ru/t/3/B/C/3BCGv.jpg

Подскажите пожалуйста, как сравнять линии под цифрами 1 и 2, то есть как поднять контейнер с информацией об авторе?

И как убрать черту под цифрой 3?

Заранее спасибо.

Отредактировано Jas (Чт, 26 Апр 2012 09:19:38)

0

17

  • Автор: Jas
  • Заслуженный
  • Jas
  • Зарегистрирован: Ср, 14 Окт 2009
  • Сообщений: 187
  • Уважение: +7
  • Позитив: +41
  • Последний визит:
    Чт, 13 Сен 2018 20:23:26

Подскажите плиз =)

0

18

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51115
  • Уважение: +15197
  • Позитив: +11572
  • Последний визит:
    Сегодня 01:57:02
Jas написал(а):

Подскажите пожалуйста, как сравнять линии под цифрами 1 и 2, то есть как поднять контейнер с информацией об авторе?

И как убрать черту под цифрой 3?

В HTML верх

Код:
<style type="text/css"> 
.post-author{
 margin-top:-27px!important;
}
.punbb .post h3 span{
border-bottom:none transparent 0!important;
}
</style>

0

19

  • Автор: Jas
  • Заслуженный
  • Jas
  • Зарегистрирован: Ср, 14 Окт 2009
  • Сообщений: 187
  • Уважение: +7
  • Позитив: +41
  • Последний визит:
    Чт, 13 Сен 2018 20:23:26

Deff, спасибо огромное)

Можете закрывать тему)

0

Страница: 1

Вы здесь » Единый форум поддержки » Корзина » Скрипт "Рамка" коверкает остальные скрипты!