10.04.2012 13:33:19
Таблица стилей во фрейме сообщений
Иногда бывает необходимо назначить окну сообщений собственную таблицу стилей. Очень полезно в том случае, если вы хотите добавить в чат какие-нибудь CSS-хаки, или веб-шрифты. Делается это довольно просто.
Шаблон HTML-Шаблоны-1 -> Отправка:
В данном примере в качестве CSS-таблицы используется Страница->1, но адрес можно прописать любой, как относительный, так и абсолютный. А также можно подставлять туда переменные, например для каждого диза свою таблицу стилей пихать.
И напоследок, пример CSS
Шаблон HTML-Шаблоны-1 -> Отправка:
<script>
var docmess = window.parent.august_mess.document;
var messhead = docmess.getElementsByTagName('HEAD')[0];
var customcss = docmess.getElementById('customcss');
var sheet = docmess.createElement('link');
sheet.id = 'customcss'; sheet.rel = 'stylesheet';
sheet.href = '/page/1/';
if(customcss) messhead.replaceChild(sheet, customcss);
else messhead.appendChild(sheet);
</script>
Если в фрейме сообщений нет заглушки, целесообразнее добавить этот код не в шаблон Отправки, а в шаблон ввода логина.var docmess = window.parent.august_mess.document;
var messhead = docmess.getElementsByTagName('HEAD')[0];
var customcss = docmess.getElementById('customcss');
var sheet = docmess.createElement('link');
sheet.id = 'customcss'; sheet.rel = 'stylesheet';
sheet.href = '/page/1/';
if(customcss) messhead.replaceChild(sheet, customcss);
else messhead.appendChild(sheet);
</script>
В данном примере в качестве CSS-таблицы используется Страница->1, но адрес можно прописать любой, как относительный, так и абсолютный. А также можно подставлять туда переменные, например для каждого диза свою таблицу стилей пихать.
И напоследок, пример CSS
#board div.ph { word-wrap: break-word!important; }
#board div.ph img { max-width: 600px; max-height: 320px; }
В данном примере первая строчка добавляет авторазбиение длинных кусков текста (полезно против горизонтальной прокрутки, если пользователь пишет какую-нибудь фигню типа "ааааааааа(многораз)"). Вторая строчка - указывает макс. размер картинок во фрейме 600х320 (более крупные будут уменьшены, но не спасёт от расходования трафика).#board div.ph img { max-width: 600px; max-height: 320px; }