Техническая поддержка сервиса Quadro.Boards

Объявление

Новости сервиса

О форуме

Quadro.Support – это форум технической поддержки различных проектов и сервисов Quadro.Systems LLC, на котором грамотные технические специалисты всегда смогут помочь вам в решении проблем, или же подсказать ответы на самые сложные вопросы. Так же на форуме собрана обширная база знаний по различным аспектам наших сервисов. Не забывайте пользоваться поиском ;)

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

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


Вы здесь » Техническая поддержка сервиса Quadro.Boards » Скрипты и дополнения » Боковая панель от Duka с облегченным заполнением


Боковая панель от Duka с облегченным заполнением

Сообщений 81 страница 100 из 166

81

Здравствуйте. Прошу помочь мне вот в чем: поставила боковую, форум, и без того не широкий, стал еще уже. Возможно ли: 1). Расширить голубую подложку на ширину одной правой боковой; 2). Боковую поставить на расширенное пространство; 3). Вернуть форуму родную ширину. Заранее спасибо, что уделили время.

http://s6.uploads.ru/t/VbKIg.jpg

http://goodwin.artbb.ru/

0

82

Goodwin
Для этого в первом окне стиля найдите пункт А5.1 и увеличте ширину форума на ширину боковой панели (значение width), потом следом в пункте А5.2 width поставьте равную прошлому размеру форума и значение float:left; сохраните.

извиняюсь что все это без кодов, ибо с планшета.

Добавлено спустя 22 минуты 52 секунды:
Либо я ошиблась и достаточно только первого действия, т.к. боковая только на главной странице находится.

Отредактировано slastnicova (12.12.2013 12:19:34)

0

83

slastnicova
Там стандартный стиль.

Goodwin
К сожалению, чтобы увеличить подложку, нужно перерисовывать саму картинку с фоном.

0

84

slastnicova
Спасибо за ответ и предложение. К сожалению, оплачивать помощь пока не имею возможности. Так что пробую сама.
sadhaka
если перерисую, куда ее вставлять?

0

85

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

Здравствуйте. Прошу помочь мне вот в чем: поставила боковую, форум, и без того не широкий, стал еще уже. Возможно ли: 1). Расширить голубую подложку на ширину одной правой боковой; 2). Боковую поставить на расширенное пространство; 3). Вернуть форуму родную ширину. Заранее спасибо, что уделили время.

Как cделать Свои боковые таблицы примкнутые к "шапке" так, чтобы форум не сужался?

0

86

Deff
Вот спасибочки!!!  Надо просто знать, где искать))) Пойду пробовать!

0

87

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

slastnicova
Спасибо за ответ и предложение. К сожалению, оплачивать помощь пока не имею возможности. Так что пробую сама.

На вопросы я отвечаю безвоздмезно)
И это подпись)

0

88

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

Andr84 тебе нужен уникальный дизайн на твой проект? Тогда напиши мне, я тебе помогу!

:offtop: Спасибо, но у моего форума дизайн уже есть. ;)  :offtop:

0

89

Раз уж тут пошли частые вопросы с боковыми панелями - еще один вариант, очень простой.
Из особенностей:
1. Работает на всех страницах форума //можно доработать, если надо только на некоторых
2. Вся настройка - через css
3. При минимальных знаниях структуры форума можно вставить куда угодно (после шапки, после навигации, после объявления и т.д.)
4. Сайдбар на всю длину форума //можно доработать, если надо иначе

все ставим в хтмл-низ

<div id='left_sidebar' class='sidebar container'>
some text or html
</div>

<style>
    #left_sidebar {
    float:left;
    width: 25%;
}
#sidebar:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.after-sidebar {
    margin-left: 30% !important;
}
.not-clear .container:after {
   clear: none;
}
</style>
<script>
var getElem = $('#pun-ulinks').addClass('not-clear');
var leftSb =  $('#left_sidebar');
leftSb.find('script').remove();
leftSb.insertBefore($(getElem)).nextAll().addClass('after-sidebar');
</script>

1. Содержимое боковой панели, может быть все что угодно - хтмл, яваскрипт, текст, картинки.

<div id='left_sidebar' class='sidebar container'>
some text or html
</div>

2. Настройка
красным - ширина сайдбара. Можно и в абсолютных значения, т.е. в пикселах.
зеленым - отступ остальной части слева. Должен быть не меньше, чем ширина сайдбара.
синим - элемент, перед которым будет вставлен сайдбар
(варианты
#pun-title - на одном уровне с шапкой
#pun-navlinks - после шапки
#pun-ulinks - после главного меню
#pun-announcement - на одном уровне с объявлением
#pun-status - после объявления
#pun-main - на уровне с таблицей форума)

Если надо справа, везде где видите left, меняете на right

готовый вариант справа
Код:
<div id='right_sidebar' class='sidebar container'>
some text or html
</div>
<style>
	#right_sidebar {
    float:right;
    width: 25%;
	}
	#sidebar:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	}
	.after-sidebar {
    width: 70%;
    margin-right: 30% !important;
	}
	.not-clear .container:after {
	   clear: none;
	}
</style>
<script>
	var getelem = $('#pun-ulinks').addClass('not-clear');
	var rightSb =  $('#right_sidebar');
	rightSb.find('script').remove();
	rightSb.insertBefore($(getElem)).nextAll().addClass('after-sidebar');
</script>

0

90

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

1. Содержимое боковой панели, может быть все что угодно - хтмл, яваскрипт, текст, картинки.

Отличный Вариант, но для утверждаемой вставки статических скриптов, код нун чуть подправить

Отредактировано Deff (08.01.2014 00:06:29)

+1

91

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

Иначе скрипты отработают дважды

чёй это вдруг?
Я же не html вставляю, чтоб он еще раз сработал, как в твоем варианте, а элемент с уже отработавшим, интерпретированным и измененным содержимым. Для этого вообще скрипт и переписывался.
Проблемы могут быть со скриптами с конструкциями вроде

$( document ).ready(function() {
//some function
});

но они не то, чтобы очень нужны, учитывая, что код сайдара в хтмл-низ.

0

92

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

чёй это вдруг?.

Пример - вставь скрипт:

<script>alert('А')</script>

Или

<script>document.write(('А<br/>')</script>

0

93

Deff
http://sadhaka.rusff.me/

и?

0

94

sadhaka
:glasses: Внизу форума глянь

0

95

Deff
Хм, да, некоторым браузерам надо явно создавать script-элементы, иначе они поступают с ними нехорошо.
Спасибо, поправила.

+1

96

sadhaka

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

Раз уж тут пошли частые вопросы с боковыми панелями - еще один вариант, очень простой.
Из особенностей:
1. Работает на всех страницах форума //можно доработать, если надо только на некоторых
2. Вся настройка - через css
3. При минимальных знаниях структуры форума можно вставить куда угодно (после шапки, после навигации, после объявления и т.д.)
4. Сайдбар на всю длину форума //можно доработать, если надо иначе

все ставим в хтмл-низ

1. Содержимое боковой панели, может быть все что угодно - хтмл, яваскрипт, текст, картинки.

2. Настройка
красным - ширина сайдбара. Можно и в абсолютных значения, т.е. в пикселах.
зеленым - отступ остальной части слева. Должен быть не меньше, чем ширина сайдбара.
синим - элемент, перед которым будет вставлен сайдбар
(варианты
#pun-title - на одном уровне с шапкой
#pun-navlinks - после шапки
#pun-ulinks - после главного меню
#pun-announcement - на одном уровне с объявлением
#pun-status - после объявления
#pun-main - на уровне с таблицей форума)

Если надо справа, везде где видите left, меняете на right

Доброго времени суток. Ваша боковая панель, то что нужно, но один вопрос: она опускает форум ровно на столько, сколько занимает места.
http://puteshestvenniki.forum-top.ru/
Как это исправить???

скрин

http://radikall.com/images/2014/01/08/yzNV0.png

На главной я подтянула вверх, ну других не знаю как.

Отредактировано VicounteSS (08.01.2014 23:34:07)

0

97

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

Как это исправить???

ммм, да, не учла одну интересную особенность, исправила в #89 посте.

+1

98

sadhaka
:glasses: Из идей:
Как вариант ставить чисто HTML в объявление(заодно манипуляцией в админке с чекитами объявы можно включать/выключать и ставить только на главной или везде, нет проблем со скриптами
(минусы - фиксированное место вставки)):

<style>#pun-announcement {display:none}</style>
</div></div></div>

<div id='left_sidebar' class='sidebar container'>
some text or html
</div>

<div id="pun-announcement" class="section" style="display:block/*none*/">
<h2><span>Объявление</span></h2>
<div class="container">
    <div class="html-box">

<!-- Тут свои коды объявления(если есть) -->

Отредактировано Deff (09.01.2014 14:51:21)

0

99

Deff

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

</div></div></div>

не люблю такие штуки, юзеры в них путаются, потом приходят и жалуются, что нифига не работает, потому что они див не закрыли или переборщили с закрытыми дивами. Даже довольно опытные пользователи забывают зачем тут стоит 3 дива и надо бы наверное их убрать.

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

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

В качестве более красивого хода есть такой Вариант:

сомнительно насчет красивости такого хода, скорее, это очередной костыль.
Правильнее было бы как и хотят того браузеры создавать элементы по тегам <script>  и т.п. и т.д., но это много кода и зачастую излишне. Зачем пользователям, которым надо вставить текст с картинками таскать за собой лишний код?

0

100

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

сомнительно насчет красивости такого хода, скорее, это очередной костыль.

Ну в учебниках есть такой ход создания многострочных переменных

0


Вы здесь » Техническая поддержка сервиса Quadro.Boards » Скрипты и дополнения » Боковая панель от Duka с облегченным заполнением


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