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

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

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


Вы здесь » Единый форум поддержки » Вопросы по оформлению форума » Ошибки в коде дизайна.


Ошибки в коде дизайна.

Сообщений 21 страница 35 из 35

21

Alex_63, спасибо, но ничего не изменилось.
Deff, всё открыто.

Отредактировано Alex Stark (Пн, 7 Дек 2015 20:22:47)

0

22

Alex Stark
Попробуйте временно убрать все коды из HTML низ и формы ответа (сохраните куда нибудь)
1. При начале загрузке страницы - всё в норме, сдвиг появляется когда браузер доходит до отображения низа форума
================
Отпишитесь

0

23

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

Попробуйте временно убрать все коды из HTML низ и формы ответа (сохраните куда нибудь)

Убрал.

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

Отпишитесь

Простите?

0

24

Alex Stark
У меня сейчас Шапка не сдвигается , а у Вас ?
===========
Если и у Вас так же, - ставьте скрипты по одному и наблюдайте за подвижкой Шапки

0

25

/* CS1 Background and text colours
-------------------------------------------------------------*/
body {background-image: url("http://storage2.static.itmages.ru/i/15/1119/h_1447936233_6085662_b68519aa6e.png"); /*фон*/
background-position: top center; background-repeat: repeat;
background-color: #d1c19a;
}

#pun {
background-image: url("http://storage3.static.itmages.ru/i/15/1119/h_1447944299_3598400_2bfa75fd9d.png"); /*тело*/
background-position: top center;
background-repeat: repeat;
background-color: transparent;
  border: none;
  height: auto;
  width: 973px !important;
  float: center;
}

.punbb  {padding-bottom:120px;}

#pun-title table {
background-image: url("http://storage9.static.itmages.ru/i/15/1119/h_1447936198_7605151_06a86a7072.png"); /*шапка*/
background-position: top center; background-repeat: no-repeat;
  border: none;
margin-left: -515px;
/* margin-top: -37px; поднять шапку вверх*/
}

1. Поменяйте местами блоки правил для #pun-title table и #pun 
Ибо Шапка должна грузиться раньше! (А сейчас наоборот
2. Пересохраните картинки в формате jpg c качеством 76%-78% (В ФШ - сохранить для Веб-устройств и выбрать качество)
Ибо png весит в 3-4 раза более чем jpg, а при качестве 76% разницы глазом не заметить
3. Перезалейте эти jpg в Администрирование-Файлы - замените ссылки в Стиле! Ибо обращение к любому внешнему ресурсу загрузки медленнее и менее надежно, нежели загрузка с самого форума!

0

26

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

У меня сейчас Шапка не сдвигается , а у Вас ?
===========
Если и у Вас так же, - ставьте скрипты по одному и наблюдайте за подвижкой Шапки

Косячит, когда ставлю в HTML-верх:

<style>
#pun_wrap{
overflow: hidden;
}
</style>

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

2. Пересохраните картинки в формате jpg c качеством 76%-78% (В ФШ - сохранить для Веб-устройств и выбрать качество)
Ибо png весит в 3-4 раза более чем jpg, а при качестве 76% разницы глазом не заметить
3. Перезалейте эти jpg в Администрирование-Файлы - замените ссылки в Стиле! Ибо обращение к любому внешнему ресурсу загрузки медленнее и менее надежно, нежели загрузка с самого форума!

Это обязательно?

Отредактировано Alex Stark (Ср, 9 Дек 2015 17:07:10)

0

27

Alex Stark написал(а):

Это обязательно?

Желательно.

0

28

Alex Stark написал(а):

Косячит, когда ставлю в HTML-верх:<style>#pun_wrap{overflow: hidden;}</style>

Это указание нафег не нужно, ибо скролл никогда не возникает на этом элементе!
Выкиньте эти строки!
Замените на такое:

<style>
html,body{overflow-x: hidden;}
</style>

0

29

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

Выкиньте эти строки!
Замените на такое:

Убрал и заменил, но раз от разу ситуация выглядит так.

скриншот.

http://morgoth.ru/images/2015/12/10/0f010a2736eb8c2c67e8b01062048155.png

0

30

Alex Stark написал(а):

Убрал и заменил, но раз от разу ситуация выглядит так.

А так ?

Код:
<style>
html{overflow-x: hidden;}
</style>

0

31

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

А так ?

Работает, но иногда выскакивает скролл внизу. То есть, то нет его.

0

32

Надеюсь на решение старых проблемы и парочки новых (как новых.., не замеченных).

Alex Stark написал(а):

Работает, но иногда выскакивает скролл внизу. То есть, то нет его.

скриншот.

http://morgoth.ru/images/2015/12/14/7462daf6906776605d9e1c5f9683f96d.png

Alex Stark написал(а):

Расстояние между текстом и цитатой. Печатаю так чтобы разрыв был минимальным, а он все равно появляется. Причем если смотреть сообщение перед отправкой то все в норме. И цитата после цитаты имеет нормальный разрыв. Где это поправить? Вообще с разрывами беда какая-то.

скриншоты.

http://morgoth.ru/images/2015/12/07/028467c21c1e2daa7f8edc0afda66954.png
http://morgoth.ru/images/2015/12/07/3714f993e5868eb99bf83181ceea5515.png
http://morgoth.ru/images/2015/12/07/c35c0f788d4af2783fd61031c158054a.png

Подозрительный квадратик. Есть только на самом форуме.

http://morgoth.ru/images/2015/12/14/433b14d5d43b03b3163dfde8005a6e7b.png

На пару пикселей съезжает шапка и низ в Мазиле и цвета искажаются, это реально отрегулировать?

http://morgoth.ru/images/2015/12/14/ddd8d2c111406ba0132254f8d6bd97ca.png
http://morgoth.ru/images/2015/12/14/3b52e4dbb9f1573b9df19abbd0cb695b.png

Вообще, хотелось бы узнать как сократить подобный набор проблем? Может какие-то коды в хтмл не сочетаются с css? Или в этом коде уже столько ошибок, что даже править бесполезно?

0

33

Alex Stark написал(а):

Расстояние между текстом и цитатой. Печатаю так чтобы разрыв был минимальным, а он все равно появляется. Причем если смотреть сообщение перед отправкой то все в норме. И цитата после цитаты имеет нормальный разрыв. Где это поправить? Вообще с разрывами беда какая-то.

В начало HTML низ:

Код:
<!-- Удаляем лишние строки после цитаты и кода // v.3 © Alex_63 -->
<script type="text/javascript">
$('.post-content').each(function() {
    var CNT = $(this).html();
    CNT = CNT.replace(/<p><br><\/p>/img,'');
    CNT = CNT.replace(/<p><br><br>(.*?)<\/p>/img,'<p>$1</p>');
    CNT = CNT.replace(/<p><br>(.*?)<\/p>/img,'<p>$1</p>');
    $(this).html(CNT);
});
</script>

1. Приводите ссылку на форум (Или вставьте в ВЕБСАЙТ в своем профиле, дабы не рыть)
2. Описывайте старые проблемы по новой, ибо забылось

0

34

Alex Stark
Может поискать близкий стиль тут -> http://forumd.ru/viewforum.php?id=97
Или тут => Каталог стилей
Поставить близкий стиль по ширине и заменить фоновые картинки ? Цвет текста и ссылок ? (Хотя последние мон поискать тоже близкими)
Просто исходник достаточно криво оформлен, лень проверять построчно

0

35

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

В начало HTML низ:

Не работает. Ваш коллега предлагал уже.

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

1. Приводите ссылку на форум (Или вставьте в ВЕБСАЙТ в своем профиле, дабы не рыть)

Прошу прощения, поторопился. Форум - http://therussiannobility.rusff.ru

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

2. Описывайте старые проблемы по новой, ибо забылось

В темах убегает шапка.

скриншот.

http://morgoth.ru/images/2015/12/06/11b5596deea73c8c1c68e2e85a0ab2ff.png

Проблема выясниласьв коде:

<style>
#pun_wrap{
overflow: hidden;
}
</style>

Вы дали на замену:

<style>
html{overflow-x: hidden;}
</style>

Заработало, но иногда выскакивает скролл внизу. То есть, то нет его.

скриншот.

http://morgoth.ru/images/2015/12/14/7462daf6906776605d9e1c5f9683f96d.png

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

Может поискать близкий стиль тут

Посмотрел, но не нашел стиля, где фон ставился бы картинкой на вроде обоек. Приглядывался к этому и этому. Не комфортно, конечно, в непривычной обстановке кодов.

Отредактировано Alex Stark (Пт, 18 Дек 2015 18:59:15)

0


Вы здесь » Единый форум поддержки » Вопросы по оформлению форума » Ошибки в коде дизайна.