On-line: гостей 0. Всего: 0 [подробнее..]
АвторСообщение
постоянный участник




Сообщение: 39
Зарегистрирован: 25.08.18
Откуда: Украина
Репутация: 3
ссылка на сообщение  Отправлено: 28.11.18 13:06. Заголовок: Запрещаем растягивать форум, делаем рамки для картинок и мн.другое


Большая головная боль всех Администраторов, это большие картинки и неадекватные пользователи которые пишут неразрывно слова.
Итак, поехали.

Уменьшаем картинки до ширины форума:

 цитата:
img{max-width:100%;}


Запрещаем растягивать форум длинными слово-буквами.

 цитата:

.font2 {
word-wrap: break-word;
word-break: break-all;
}



Делаем рамки для вставленных картинок и закругляем их (кроссбраузерно), при этом игнорируем смайлы и другие граф.элементы.


 цитата:

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;}



Делаем круглыми аватарки (кроссбраузерно)

 цитата:

.avatar{
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}



Обратная ссылка "На главную" везде,кроме самой главной!


 цитата:

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="/">&laquo; На главную</a>';
}
document.getElementById('home').innerHTML= home;
</script>



Спасибо: 2 
Профиль Цитата Ответить
Ответов - 8 [только новые]


постоянный участник




Сообщение: 41
Зарегистрирован: 25.08.18
Откуда: Украина
Репутация: 3
ссылка на сообщение  Отправлено: 28.11.18 16:12. Заголовок: Ссылка на все 254 см..


Ссылка на все 254 смайла


 цитата:
<a href="javascript:wopen(1,254,1);">Все смайлы</a>



Спасибо: 2 
Профиль Цитата Ответить



Сообщение: 23
Зарегистрирован: 06.01.15
Репутация: 1
ссылка на сообщение  Отправлено: 28.11.18 22:04. Заголовок: Делаем круглыми ават..



 цитата:
Делаем круглыми аватарки (кроссбраузерно)
.avatar{


Ура!
Наконец-то появляется структура!!!

Спасибо: 0 
Профиль Цитата Ответить
администратор




Сообщение: 110
Зарегистрирован: 21.08.18
Репутация: 6
ссылка на сообщение  Отправлено: 03.12.18 22:25. Заголовок: O_o пишет: Уменьшае..


O_o пишет:

 цитата:
Уменьшаем картинки до ширины форума:

 цитата:
img{max-width:100%;}


По идее это не нужно, я в css добавил соответствующее правило больше недели назад.


 цитата:

Запрещаем растягивать форум длинными слово-буквами.

 цитата:

.font2 {
word-wrap: break-word;
word-break: break-all;
}


По идее и это не нужно больше.

Спасибо: 3 
Профиль Цитата Ответить
постоянный участник




Сообщение: 46
Зарегистрирован: 25.08.18
Откуда: Украина
Репутация: 3
ссылка на сообщение  Отправлено: 04.12.18 00:30. Заголовок: О, супер :)..


О, супер :)

Спасибо: 0 
Профиль Цитата Ответить



Сообщение: 11
Зарегистрирован: 22.10.12
Репутация: 0
ссылка на сообщение  Отправлено: 07.01.19 16:16. Заголовок: O_o пишет: Уменьшае..


O_o пишет:

 цитата:
Уменьшаем картинки до ширины форума:

 цитата:
img{max-width:100%;}


Запрещаем растягивать форум длинными слово-буквами.

 цитата:

.font2 {
word-wrap: break-word;
word-break: break-all;
}



Здравствуйте! Подскажите, пожалуйста, скрипты вставлять как есть в поле HTML-верх? Спасибо большое, это реально как свет в конце тоннеля :)

Спасибо: 0 
Профиль Цитата Ответить
администратор




Сообщение: 126
Зарегистрирован: 21.08.18
Репутация: 6
ссылка на сообщение  Отправлено: 07.01.19 16:36. Заголовок: Это относится к стил..


Это относится к стилям, так что нужно добавлять внутри тега <style></style>
Сейчас некоторый вариант этих стилей есть на всех форумах, если где-то не работает, пожалуйста, покажите пример (ссылку), я поправлю.

Спасибо: 1 
Профиль Цитата Ответить



Сообщение: 12
Зарегистрирован: 22.10.12
Репутация: 0
ссылка на сообщение  Отправлено: 07.01.19 17:11. Заголовок: Эвона как... Вроде б..


Эвона как... Вроде бы, работает и так, вставил сейчас картинку шириной 4000 пикселей- не порвало форум, вроде бы) спасибо админам
Sierraclubspb.borda.ru

Спасибо: 1 
Профиль Цитата Ответить





Сообщение: 115
Зарегистрирован: 26.04.11
Откуда: Russia
Репутация: 1
ссылка на сообщение  Отправлено: 08.01.19 12:13. Заголовок: kernel пишет: Сейча..


kernel пишет:

 цитата:
Сейчас некоторый вариант этих стилей есть на всех форумах


Ух ты ! Спасибо, очень нужная штука

corgiclub.forum24.ru Спасибо: 0 
Профиль Цитата Ответить
Ответ:
1 2 3 4 5 6 7 8 9
видео с youtube.com картинка из интернета картинка с компьютера ссылка файл с компьютера русская клавиатура транслитератор  цитата  кавычки оффтопик свернутый текст

показывать это сообщение только модераторам
не делать ссылки активными
Имя, пароль:      зарегистрироваться    
Тему читают:
- участник сейчас на форуме
- участник вне форума
Все даты в формате GMT  3 час. Хитов сегодня: 131
Права: смайлы да, картинки да, шрифты нет, голосования нет
аватары да, автозамена ссылок вкл, премодерация откл, правка нет