On-line:гостей 2. Всего: 2 [подробнее..]
АвторСообщение
администратор




Зарегистрирован: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>



http://inva.forum24.ru - Объявления о знакомстве
http://loads.pp.ua - Файлообменник
Спасибо: 2 
ПрофильЦитата Ответить
Ответов -8 [только новые]


администратор




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


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


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



http://inva.forum24.ru - Объявления о знакомстве
http://loads.pp.ua - Файлообменник
Спасибо: 1 
ПрофильЦитата Ответить



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



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


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

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




Зарегистрирован: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;
}


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

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




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


О, супер :)

http://inva.forum24.ru - Объявления о знакомстве
http://loads.pp.ua - Файлообменник
Спасибо: 0 
ПрофильЦитата Ответить



Зарегистрирован: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 
ПрофильЦитата Ответить
администратор




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


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

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



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


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

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





Зарегистрирован: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 час. Хитов сегодня: 64
Права: смайлыда,картинкида,шрифтынет,голосованиянет
аватарыда,автозамена ссылоквкл,премодерацияоткл,правканет