Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (59)
Предыдущая тема: Общие вопросы по оформлению (58)
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности. |
Alex_63
понятно. я еще больший идиот, чем раньше себя считал. Спасибо большое за ответ.)
В ходе донастройки форума возникло еще несколько вопросов. Помогите, если не сложно.
Взял код вот из этой темы на форуме, подставил ссылку со своей шапкой и с фоновой картинкой по инструкции. В результате шапка до конца не видна. Как сделать так, чтобы шапку было видно до конца. + если шапка прогрузится целиком, то ссылки на форум, участников и т.д будут на ее фоне. Опустить их у меня получилось. А вот уменьшить расстояние между ними и ссылками на активные темы, новые сообщения и т.д - нет
как потом настроить и это тоже?
для удобства дублирую ссылку на форум
http://ttttestovikkk.mybb.ru/
Отредактировано bot123 (Ср, 1 Июн 2016 18:01:19)
Хорошего всем времени!
Проблема такая: на форуме стоят кнопки смены дизайнов. Два дизайна = две кнопки.
Все элементы дизайнов, которые отличаются обрамлены в коды:
<!--0-- стиль по умолчанию = 1-му стилю>
<style alt="http://forumstatic.ru/styles/0014/d8/bf/style.1445599206.css" class=OnlyThisStyle>/**/</style>
<script>var L=$("link[rel='stylesheet']:first").attr('href');var V=$("style.OnlyThisStyle[alt='"+L+"']");if(V.html()!=null){var V1=V.html().replace(/^\/\*([\s\S]*)\*\//img,"$1");V.replaceWith(V1);}</script>
<!-- конец 0-->
<!--1-->
<style alt="http://forumstatic.ru/files/0014/d8/bf/51826.css" class=OnlyThisStyle>/**/</style>
<script>var L=$("link[rel='stylesheet']:first").attr('href');var V=$("style.OnlyThisStyle[alt='"+L+"']");if(V.html()!=null){var V1=V.html().replace(/^\/\*([\s\S]*)\*\//img,"$1");V.replaceWith(V1);}</script>
<!-- конец 1--><!--2-->
<style alt="http://forumstatic.ru/files/0014/d8/bf/74493.css" class=OnlyThisStyle>/**/</style>
<script>var L=$("link[rel='stylesheet']:first").attr('href');var V=$("style.OnlyThisStyle[alt='"+L+"']");if(V.html()!=null){var V1=V.html().replace(/^\/\*([\s\S]*)\*\//img,"$1");V.replaceWith(V1);}</script>
<!-- конец 2-->
Все элементы для 1-го и 2-го стиля загружаются нормально, а вот для стиля по-умолчанию - не загружаются (например кнопка смены баннеров внизу форума, стрелки Вверх-вниз, боковые панели или объявление).
Раньше все работало. В чем может быть проблема?
И почему вместо http://arbor.4bb.ru/ теперь http://4bb.forum4.ru/ в ссылках?
Ссылка на форум: http://arbor.4bb.ru/
Отредактировано Armavel (Ср, 1 Июн 2016 18:22:21)
Взял код вот из этой темы на форуме, подставил ссылку со своей шапкой и с фоновой картинкой по инструкции. В результате шапка до конца не видна. Как сделать так, чтобы шапку было видно до конца. + если шапка прогрузится целиком, то ссылки на форум, участников и т.д будут на ее фоне. Опустить их у меня получилось. А вот уменьшить расстояние между ними и ссылками на активные темы, новые сообщения и т.д - нет
Вы пробовали:
Синее - отступ сверху для этого изображения.
padding-top: 382px !important;
Сделайте больший отступ, чем сейчас.
Armavel
Попробуйте обновить стиль, поменять ссылку на ту, что стоит в head , - неполадки в связи с изменениями на сервисе
Исходный код Ctrl+U
теперь http://4bb.forum4.ru/ в ссылках?
Админ сервиса перенес статику на отдельный хостинг, в целях удешевления трафика
kolobdur74
Спасибо большое, это действительно помогло и двигать ничего не пришлось
Но теперь возник сдвиг между телом форума и шапкой. Может подскажите, это графическое и исправлять придется графику или можно урегулировать? Сколько пытаюсь - не получается их сместить
Но теперь возник сдвиг между телом форума и шапкой. Может подскажите, это графическое и исправлять придется графику или можно урегулировать? Сколько пытаюсь - не получается их сместить
Попробуйте отрегулировать ширину форума:
#pun {
width: 980px;
margin: 0 auto;
}
У вас на данный момент форум шире рамки, поэтому происходит сдвиг фона рамок влево..
bot123
Попробуйте Вернуть как было, я напишу поправку
bot123
Кстати у вас дубликат фона рамок на форум получается:
html {
background: #1A160F url(http://s9.uploads.ru/CoIEu.jpg) repeat-y top center !important;
}
и:
/* A5.1 */
#pun {
margin: 0px;
position: relative;
width: 980px;
background: url(http://s9.uploads.ru/CoIEu.jpg) top center repeat-y;
margin-left: auto;
margin-right: auto;
}
Лучше сделать в фотошопе цельную картинку с одинаковыми полями, а потом шапку отрезать, а рамку вместе с полями той же ширины разрезать, у вас же рамка вырезана без полей, поэтому ее трудно будет стыковать..
Alex_63
Так она же там и стоит, но все равно элементы не загружаются.
Из кода страницы:
<link rel="stylesheet" type="text/css" href="http://forumstatic.ru/styles/0014/d8/bf/style.1445599206.css" />
Для стиля по-умолчанию:
<style alt="http://forumstatic.ru/styles/0014/d8/bf/style.1445599206.css" class=OnlyThisStyle>/*
в целях удешевления трафика
Понятно. Спасибо за разъяснения.
Armavel
Ни наю, - посмотрел, вроде Панелька слева отображается нормально без переключений стиля
Попробуйте почистить кеш-куки
kolobdur74
про дублирование я видел, да. Можно просто убрать тот блок из кода?
/* A5.1 */
#pun {
margin: 0px;
position: relative;
width: 980px;
background: url(http://s9.uploads.ru/CoIEu.jpg) top center repeat-y;
margin-left: auto;
margin-right: auto;
}
или достаточно просто поставить нулевые значения?
А насчет рамки - не совсем понятно. Дело в том, что я, по-моему, так и делал. То есть дизайн цельным кусоком, потом отдельно отрезал от него шапку, отдельно рамку... Или что-то другое имеется ввиду?
Отредактировано bot123 (Ср, 1 Июн 2016 19:10:13)
bot123
Уберите красным в Первом окне
/* A5.1 */
#pun {
margin: 0px;
position: relative;
width: 970px;
background: url(http://s9.uploads.ru/CoIEu.jpg) top center repeat-y;
margin-left: auto;
margin-right: auto;
}
k
А насчет рамки - не совсем понятно. Дело в том, что я, по-моему, так и делал. То есть дизайн цельным кусоком, потом отдельно отрезал от него шапку, отдельно рамку... Или что-то другое имеется ввиду?
Видите первую картинку - там у вас нет полей, а в нижней рамка с полями - вам надо просто разрезать, не надо вырезать из картинки поля, то есть просто отрезаете кусок таким образом:
про дублирование я видел, да. Можно просто убрать тот блок из кода?
Можно, только поставьте в код:
#pun {
width: 980px;
margin: 0 auto;
}
вот это:
position: relative;
А то тоже дублирование происходит..
background: url(http://s9.uploads.ru/CoIEu.jpg) top center repeat-y;
убрал, уравнял оба значения и вверху, и в самом коде, все равно сдвиг идет.
правда, при загрузке страницы они встают на место.
Попробуйте почистить кеш-куки
Да. Помогло. Спасибо)
kolobdur74
Alex_63
Спасибо вам большое, проблему решил с помощью правильной вырезки картинки
Правда, после того, как убрал эту строчку
background: url(http://s9.uploads.ru/CoIEu.jpg) top center repeat-y;
фон перестал отображаться в панеле администрирования
админы потерпят, конечно, но уж очень темно
фон перестал отображаться в панеле администрирования
админы потерпят, конечно, но уж очень темно
Вы можете вставить это в стиле, а не в НТМЛ верх, тогда у вас будет отображаться и в админке..
bot123
И уберите цвет фона на боди:
/* A3.1 */
body {
font-size: 100.01%;
background-color: #1f1c16;
}
Вы можете вставить это в стиле, а не в НТМЛ верх, тогда у вас будет отображаться и в админке..
вставил, все опять закосячилось
но не страшно, я так понимаю, то, что указано в хтмл-верх все равно имеет приоритет, и если я в коде, допустим, пропишу цвет фона, то админы будут видеть цвет, а пользователи - текстуру?
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (59)
