ФорумМагов-Познание Магии-Орден Грааля Миров(ОГМ)
Вы хотите отреагировать на этот пост ? Создайте аккаунт всего в несколько кликов или войдите на форум.




возникли проблемы с основным адресом angraal.com? зеркало grail.forum2x2.ru
для связи с Вултуром tg vulturehenig
 
ФорумПорталПоискРегистрацияВход

 

 Широкий форум

Перейти вниз 
+4
VERA
Andropopos
Дмитрий
Elnar
Участников: 8
АвторСообщение
Elnar
Претендент
Претендент
Elnar


Мужчина Сообщения : 5485
Опыт : 11414
Дата регистрации : 2009-06-28
Возраст : 31

Широкий форум Empty
СообщениеТема: Широкий форум   Широкий форум I_icon_minitimeПт Фев 21, 2014 2:04 pm

Я долгое время был недоволен тем что форум такой узкий, усилилось это недовольство когда у меня появился новый ноут, с более широким экраном.
Так-как изменить ширину форума нельзя на сервере (как я понял это по причине того что мы на бесплатном хостинге -> ограниченный функционал), я решил поискать способ изменить форум локально. Выходом было изменение пользовательских стилей CSS.
Ближе к делу Smile. В хроме есть такой классный плагин, Stylish называется. Есть он и для FireFox, но пойдет и на Оперу (Опера сделана на движке хрома, поэтому многие плагины оттуда будут работать на ней ( тык )).
Stylish позволяет настраивать стили для любого веб-сайта (грубо говоря он может изменять вид сайтов по своему вкусу).  Win 777 

Теперь к техническим вопросам. Для того что бы изменять стили сайтов нужно знать CSS. Я вебку НЕ знаю, поэтому Google и метод тыка стали моим проводником.
Вот что у меня получилось: http://cdn.userstyles.org/style_screenshots/98416_after.jpeg?r=1392954934 .

Как поставить мои alfa стили :
1. Качаем/устанавливаем расширение Stylish (google друг твой)
2. https://i.imgur.com/tq1xzSi.jpg
3. https://i.imgur.com/rOO9UBj.jpg
4. https://i.imgur.com/FYIb929.jpg

Делал все под свой экран, если хотите изменить размер отступов или вообще их убрать:
1. https://i.imgur.com/lYCHY3K.jpg
2. https://i.imgur.com/4WCqFPf.jpg

По коду видно что сделано все очень просто, от того могут быть упущения/баги.
Если есть вопросы / пожалания / bug reports, оставляйте все здесь, ничего не гарантирую но попробую решить Very Happy 
Если кто знает CSS буду признателен за помощь в разработке.
Вернуться к началу Перейти вниз
Elnar
Претендент
Претендент
Elnar


Мужчина Сообщения : 5485
Опыт : 11414
Дата регистрации : 2009-06-28
Возраст : 31

Широкий форум Empty
СообщениеТема: Re: Широкий форум   Широкий форум I_icon_minitimeПт Фев 21, 2014 5:45 pm

Update:
Видимо по причине того, что на редактирование постов есть лимит, я не могу отредактировать мой первый пост.
В Опере появилась офф страница от Stylish, так что его можно скачать без установки расширения "Download Chrome Extension".
Кроме того в менюшке плагина Стайлиш, там где 'Manage installed styles' .
Под стилем angraal (если вы его скачали), есть кнопока 'check for updates'. На случай если я что-то обновлю, жмем на кнопку --> обновляем стили.
Есть ли обновы проверить можно так или на сайте.
https://i.imgur.com/dsZAYTv.png
Вернуться к началу Перейти вниз
Elnar
Претендент
Претендент
Elnar


Мужчина Сообщения : 5485
Опыт : 11414
Дата регистрации : 2009-06-28
Возраст : 31

Широкий форум Empty
СообщениеТема: Re: Широкий форум   Широкий форум I_icon_minitimeПт Фев 21, 2014 6:24 pm

Update:
С помощью Stylish можно изменить вообще много чего.
Примеры того что делали с ФейсБуком: http://userstyles.org/styles/browse/facebook .
Так что, кому интересно, учим CSS и HTML  Smile 
Кто знает английский есть отличный сайт для этого: http://www.w3schools.com
Вообще насколько знаю пользовательские CSS это не новость, но такие плагины как Стайлиш, делают эту вещь более удобной в применении.
Вернуться к началу Перейти вниз
Дмитрий
Мл. Маг Ордена
Мл. Маг Ордена
Дмитрий


Мужчина Сообщения : 3574
Опыт : 9542
Дата регистрации : 2010-01-15

Широкий форум Empty
СообщениеТема: Re: Широкий форум   Широкий форум I_icon_minitimeСб Фев 22, 2014 4:29 am

Интересные фишки, но кроссбраузерность, конечно, тут будет хромать. Что попрёт вебкид, на том споткнутся мозилла с осликом.
Из русскоязычных порекомендую кстати htmlbook. Для тех кому трудно воспринимать школу от консорциума.
Ну, а вообще будущее за CSS3 и HTML 5. Вроде как их сертифицировали давно, НО на практике поддержка этих стандартов очень ограничена во всех браузерах. Что является головной болью. Вместо одной строчки <input type="date">, приходится лепить type="text", а потом привязывать javascript, с которым намучаешься ещё...

_________________
Знаешь, приятель, или ты веришь в себя, или падаешь (с)  Jim Morrison
Вернуться к началу Перейти вниз
Andropopos
Форумчанин
Форумчанин
Andropopos


Мужчина Сообщения : 2932
Опыт : 7334
Дата регистрации : 2014-02-25
Возраст : 29
Откуда : Москва

Широкий форум Empty
СообщениеТема: Re: Широкий форум   Широкий форум I_icon_minitimeСб Авг 30, 2014 10:23 pm

Вот это хорошо. Наконец-то стало по-нормальному читабельно. Elnar, выручил сильно. Спасибо.
Вернуться к началу Перейти вниз
VERA
Таролог-Консультант
Таролог-Консультант
VERA


Женщина Сообщения : 1178
Опыт : 6215
Дата регистрации : 2011-09-09

Широкий форум Empty
СообщениеТема: Re: Широкий форум   Широкий форум I_icon_minitimeВс Авг 31, 2014 3:52 pm

Не поняла зачем огород городить. Форум меняется в ширине, просто Администратору удобней такой формат. На современных технических устройствах не должно быть проблем с форматом форума. Тем более у 2и2, разработан полноценный формат форума (отображение с картинкамии, фоном, иконками) и сокращенный (только категории и подразделы форума без оформления, форум голубого цвета).
Вернуться к началу Перейти вниз
http://www.chertovologovo.com
Andropopos
Форумчанин
Форумчанин
Andropopos


Мужчина Сообщения : 2932
Опыт : 7334
Дата регистрации : 2014-02-25
Возраст : 29
Откуда : Москва

Широкий форум Empty
СообщениеТема: Re: Широкий форум   Широкий форум I_icon_minitimeВс Авг 31, 2014 4:37 pm

Тема для тех, у кого широкий экран. Форум либо фиксированной ширины, либо с конскими процентными отступами ("небо и звезды справа и слева"). Через стили это можно поменять. Результат - на один экран умещается больше текста, и от этого удобнее и приятнее читать.
Вернуться к началу Перейти вниз
Elnar
Претендент
Претендент
Elnar


Мужчина Сообщения : 5485
Опыт : 11414
Дата регистрации : 2009-06-28
Возраст : 31

Широкий форум Empty
СообщениеТема: Re: Широкий форум   Широкий форум I_icon_minitimeПт Май 15, 2015 9:47 am

Update :

Обновил стиль "angraal" . В следствии багов, лучше задать нужный отступ в ручную.
Обновлять лучше так :

1. Удалить стиль -> https://i.imgur.com/Syv1ESh.png
2. Установить заного -> https://userstyles.org/styles/98416/angraal
3. Задать свой отступ -> https://i.imgur.com/Hpm1Ksq.png
4. По дефолту стоит 1600 -> https://i.imgur.com/oUb0bqs.png
Вернуться к началу Перейти вниз
GoshaAndTarakan
Форумчанин
Форумчанин
GoshaAndTarakan


Мужчина Сообщения : 2184
Опыт : 6435
Дата регистрации : 2013-09-24
Откуда : СПБ

Широкий форум Empty
СообщениеТема: Re: Широкий форум   Широкий форум I_icon_minitimeПт Май 15, 2015 12:57 pm

Неплохо, +
Вернуться к началу Перейти вниз
Andropopos
Форумчанин
Форумчанин
Andropopos


Мужчина Сообщения : 2932
Опыт : 7334
Дата регистрации : 2014-02-25
Возраст : 29
Откуда : Москва

Широкий форум Empty
СообщениеТема: Re: Широкий форум   Широкий форум I_icon_minitimeПт Июл 31, 2015 11:05 am

Есть тут страждущие и обделенные, кому не по нраву чОрный форум? Отпишитесь тут. Если найдутся такие, расскажу, как осветлить его (белый фон и черный текст), хотя в прочем, можно и в розовый раскрасить, и в какой угодно; буквально за 5 минут.
Вернуться к началу Перейти вниз
Elnar
Претендент
Претендент
Elnar


Мужчина Сообщения : 5485
Опыт : 11414
Дата регистрации : 2009-06-28
Возраст : 31

Широкий форум Empty
СообщениеТема: Re: Широкий форум   Широкий форум I_icon_minitimeВс Авг 13, 2017 12:03 pm

Немного обновил стиль.

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

Выглядит примерно так :
1. https://i.imgur.com/elV6t7A.png
2. https://i.imgur.com/S7Ah954.png
3. https://i.imgur.com/LZK1q9s.png

Если кто будет пробовать отпишитесь как работает) Сейчас любой бразуер должен поддерживать процентрые юниты.
Вернуться к началу Перейти вниз
Ravencrow
Неофит
Неофит
Ravencrow


Мужчина Сообщения : 50404
Опыт : 58389
Дата регистрации : 2014-08-23
Возраст : 29
Откуда : angraal.com

Широкий форум Empty
СообщениеТема: Re: Широкий форум   Широкий форум I_icon_minitimeПн Авг 14, 2017 7:48 pm

Вроде всё и так норм смотрится? cat
Вернуться к началу Перейти вниз
Elnar
Претендент
Претендент
Elnar


Мужчина Сообщения : 5485
Опыт : 11414
Дата регистрации : 2009-06-28
Возраст : 31

Широкий форум Empty
СообщениеТема: Re: Широкий форум   Широкий форум I_icon_minitimeСр Авг 23, 2017 6:59 am

Думаю мне стоит оставить плагин один для широкого формата, а другой добавить эксперементальный, где я уже буду менять что-то более.
Ravencrow пишет:
Вроде всё и так норм смотрится? cat
Если у тебя широкий экран, то форум слишком узкий, поэтому я использую нечто подобное.

Я кстати Stylish последнее время стал использовать на разных сайтах что бы черную тему ставить везде, для глаз вроде лучше, если долго за компьютером работаешь, меньше нагрузка по ощущениям.
Вернуться к началу Перейти вниз
Elnar
Претендент
Претендент
Elnar


Мужчина Сообщения : 5485
Опыт : 11414
Дата регистрации : 2009-06-28
Возраст : 31

Широкий форум Empty
СообщениеТема: Re: Широкий форум   Широкий форум I_icon_minitimeПт Окт 04, 2019 8:18 am

Добавил настройку фонового цвета, перевел настройки. Для установки стиля советую использовать плагин Stylus, или Stylish . Они же должны быть и для других браузеров, в соответствующих магазинах приложений.
Ссылка на стиль - клик.
Вернуться к началу Перейти вниз
Lotos6
Претендент
Претендент
Lotos6


Мужчина Сообщения : 6917
Опыт : 11513
Дата регистрации : 2012-08-10

Широкий форум Empty
СообщениеТема: Re: Широкий форум   Широкий форум I_icon_minitimeПт Окт 04, 2019 9:00 am

Stylish собирает и продаёт данные о пользователях.
Вернуться к началу Перейти вниз
Ra_wbg
Претендент
Претендент
Ra_wbg


Мужчина Сообщения : 5957
Опыт : 8990
Дата регистрации : 2018-02-23

Широкий форум Empty
СообщениеТема: Re: Широкий форум   Широкий форум I_icon_minitimeПт Окт 04, 2019 4:39 pm

В последнее время многие программы так делают
Вернуться к началу Перейти вниз
 
Широкий форум
Вернуться к началу 
Страница 1 из 1
 Похожие темы
-
» Форум помоги)
» Форум будет временно недоступен
» Обсуждение - как вам новый форум?
» Как вставить фотографию на форум ОГМ.
» Форум межик - жжет

Права доступа к этому форуму:Вы не можете отвечать на сообщения
ФорумМагов-Познание Магии-Орден Грааля Миров(ОГМ) :: Администрация :: Работа форума-
Перейти: