Форум » Вопросы по настройке внешнего вида и управлению » Запрещаем растягивать форум, делаем рамки для картинок и мн.другое » Ответить
Запрещаем растягивать форум, делаем рамки для картинок и мн.другое
O_o: Большая головная боль всех Администраторов, это большие картинки и неадекватные пользователи которые пишут неразрывно слова. Итак, поехали. Уменьшаем картинки до ширины форума: [quote]img{max-width:100%;}[/quote] Запрещаем растягивать форум длинными слово-буквами. [quote] .font2 { word-wrap: break-word; word-break: break-all; } [/quote] Делаем рамки для вставленных картинок и закругляем их (кроссбраузерно), при этом игнорируем смайлы и другие граф.элементы. [quote] img { max-width:100%; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border: 2px solid #000; /*рамочка*/ } img[title=""],img[src*="//forum24.ru/gif/smk/"]{border: 0; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;} [/quote] Делаем круглыми аватарки (кроссбраузерно) [quote] .avatar{ border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } [/quote] Обратная ссылка "На главную" везде,кроме самой главной! [quote] html верх: <p id="home"></p> html низ: <script> if (window.location.href=='http://a.borda.ru' || window.location.href=='http://a.borda.ru/'){ var home = document.innerHTML='Вы на главной'; } else{ var home = document.innerHTML='<a href="/">« На главную</a>'; } document.getElementById('home').innerHTML= home; </script> [/quote]
Ответов - 8
O_o: Ссылка на все 254 смайла <a href="javascript:wopen(1,254,1);">Все смайлы</a>
RiZ: Делаем круглыми аватарки (кроссбраузерно) .avatar{ Ура! Наконец-то появляется структура!!!
kernel: O_o пишет: Уменьшаем картинки до ширины форума: цитата: img{max-width:100%;} По идее это не нужно, я в css добавил соответствующее правило больше недели назад. Запрещаем растягивать форум длинными слово-буквами. цитата: .font2 { word-wrap: break-word; word-break: break-all; } По идее и это не нужно больше.
O_o: О, супер :)
dexter24: O_o пишет: Уменьшаем картинки до ширины форума: цитата: img{max-width:100%;} Запрещаем растягивать форум длинными слово-буквами. цитата: .font2 { word-wrap: break-word; word-break: break-all; } Здравствуйте! Подскажите, пожалуйста, скрипты вставлять как есть в поле HTML-верх? Спасибо большое, это реально как свет в конце тоннеля :)
kernel: Это относится к стилям, так что нужно добавлять внутри тега <style></style> Сейчас некоторый вариант этих стилей есть на всех форумах, если где-то не работает, пожалуйста, покажите пример (ссылку), я поправлю.
dexter24: Эвона как... Вроде бы, работает и так, вставил сейчас картинку шириной 4000 пикселей- не порвало форум, вроде бы) спасибо админам Sierraclubspb.borda.ru
Mona: kernel пишет: Сейчас некоторый вариант этих стилей есть на всех форумах Ух ты ! Спасибо, очень нужная штука
полная версия страницы