1. Здравствуй, Гость ! Для получения привилегий и просмотра хайдов предлагаем группу Премиум
  2. Голосуем за Стиль сайта

Стиль оформления для ВСЕГО сайта Delhack.net - НЕ СЛЕТАЕТ!!!

Тема в разделе "Флудилка", создана пользователем Mimino, 22 мар 2015.

  1. Mimino

    Mimino PREMIUM

    257
    260
    63
    Итак, недавно я публиковал альтернативный вариант оформления для главной страницы.
    Там основной упор был сделан на чат.
    Но тот вариант имел один СУЩЕСТВЕННЫЙ недостаток - оформление применялось до первой перезагрузки страницы или же перехода к другой странице. Таким образом, нужно было всегда держать открытой вкладку с главной страницей сайта. Кроме того, каждый раз включая ПК нужно было снова и снова устанавливать стиль.
    Внезапно для себя я нашел очень интересное решение этой проблемы!
    У меня получилось сделать так, чтобы мой альтернативный стиль никогда не слетал и вообще вставлялся автоматически при каждом открытии сайта!
    Мало того, теперь можно указать стиль не только для главной страницы, а и для всего сайта!
    Что я, собственно, и сделал.

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

    1) Окно чата на главной странице теперь имеет максимальную ширину.
    2) Окно чата на главной странице теперь можно растянуть по высоте, потянув за уголочек.
    Таким образом, можно сделать чат во весь экран
    3) Блок новых сообщений и тем (на главной) перемещен за левый край экрана так, чтобы были видны только авторы сообщений. При наведении мыши к левому краю страницы этот блок "выезжает" полностью.
    Таким образом, можно оставаться в ПОЛНОЭКРАННОМ чате и следить за новостями, не прокручивая экран.
    4) Правая колонка (на главной) вынесена за правый край экрана так, чтобы была видна "Команда форума в сети". При наведении мыши к правому краю страницы этот блок "выезжает" полностью.
    5) Фон множества элементов стал полупрозрачным.
    6) Увеличил размер аватарок в чате, т.к. в том виде, в котором они находятся по-умолчанию, от них нет никакого толку - они настолько маленькие, что ничего не разобрать! Однако грузятся они в полном размере вместе со страницей! Поэтому их размер увеличен мной в 4 раза, а при наведении мыши они увеличиваются до реально загруженного размера картинки.
    7) Изменены стили шрифтов.
    8) Со страницы убраны все ненужные блоки: заголовок, реклама, футер, какие-то непонятные подписи...
    9) Изменены стили объектов на других страницах и разные другие мелкие правки.​

    [​IMG]


    [​IMG]


    [​IMG]


    [​IMG]


    [​IMG]
    1) Установить расширение для браузера:
    Chrome: Ссылки могут видеть только зарегистрированные пользователи. Зарегистрируйтесь или авторизуйтесь для просмотра ссылок!
    Firefox: Ссылки могут видеть только зарегистрированные пользователи. Зарегистрируйтесь или авторизуйтесь для просмотра ссылок!
    Opera: Ссылки могут видеть только зарегистрированные пользователи. Зарегистрируйтесь или авторизуйтесь для просмотра ссылок!
    2) Заходим в параметры расширения и добавляем новый стиль.
    3) В большое поле для стилей копируем текст из этого файла: Ссылки могут видеть только зарегистрированные пользователи. Зарегистрируйтесь или авторизуйтесь для просмотра ссылок!
    Обращаю внимание: в поле нужно указывать не ссылку на файл, а его содержимое. Для этого откройте ссылку в новой вкладке браузера и скопируйте оттуда весь текст (Ctrl+A (команда "выделить всё"), затем Ctrl+C (команда "копировать")).
    4) В поле "Применить к:" указываем "URL в домене" --- "delhack.net"
    Как вариант, вы можете привязать стиль только к главной странице, если не хотите использовать его для всего сайта. Для этого вместо "URL в домене" укажите просто "URL".
    5) Жмем "Сохранить".​

    Всё! Вы имеете альтернативное оформление для сайта Delhack.

    Это первая версия стиля. Он еще 100 раз будет редактироваться, о чем я буду уведомлять в этой теме.
    Вполне возможно, где-то будут нестыковки, наложения, другими словами - недочеты стиля.
    Это первая версия, поэтому всё будет выявляться и исправляться, однако:
    На данный момент проверены все самые важные функции форума - полет нормальный!

    [​IMG]
     
    Последнее редактирование: 27 мар 2015
    DaniJIkA, MuRoZZ и Злой Гений нравится это.
  2. Mimino

    Mimino PREMIUM

    257
    260
    63

    Новая версия!
    Найден и исправлен мелкий баг с наложением слоев.
    Кроме того, изменено отображение ссылок.
    Файл стиля обновлен и, как и прежде, доступен по ссылке: Ссылки могут видеть только зарегистрированные пользователи. Зарегистрируйтесь или авторизуйтесь для просмотра ссылок!
    Если у Вас уже используется старый стиль - Вам нужно отредактировать его внутри плагина Stylish (удалить все старые строки стилей и взамен вставить новые).

    Обновил скрины в первом сообщении.

    Если возникают какие-нибудь вопросы - смело пишите их мне в ЛС или в эту ветку.

    Также, я жду Ваших отзывов.
     
    Последнее редактирование: 23 мар 2015
    Злой Гений нравится это.
  3. Mimino

    Mimino PREMIUM

    257
    260
    63
    Новая версия!
    1 мелкий фикс + слегка увеличил аватарки пользователей в темах форума (та аватарка, которая прямо сейчас находится слева от этого сообщения).

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

    Файл стиля обновлен и, как и прежде, доступен по ссылке: Ссылки могут видеть только зарегистрированные пользователи. Зарегистрируйтесь или авторизуйтесь для просмотра ссылок!
    Если у Вас уже используется старый стиль - Вам нужно отредактировать его внутри плагина Stylish (удалить все старые строки стилей и взамен вставить новые).

    Если возникают какие-нибудь вопросы - смело пишите их мне в ЛС или в эту ветку.
    Также, я жду Ваших отзывов.
     
    Злой Гений нравится это.
  4. Mimino

    Mimino PREMIUM

    257
    260
    63
    Новая версия!

    ВНИМАНИЕ!
    Был изменен адрес для загрузки!

    Теперь актуальная версия данного стиля доступна по адресу: Ссылки могут видеть только зарегистрированные пользователи. Зарегистрируйтесь или авторизуйтесь для просмотра ссылок!

    Ссылки могут видеть только зарегистрированные пользователи. Зарегистрируйтесь или авторизуйтесь для просмотра ссылок!
    Ссылки могут видеть только зарегистрированные пользователи. Зарегистрируйтесь или авторизуйтесь для просмотра ссылок!
    Ссылки могут видеть только зарегистрированные пользователи. Зарегистрируйтесь или авторизуйтесь для просмотра ссылок!
    Ссылки могут видеть только зарегистрированные пользователи. Зарегистрируйтесь или авторизуйтесь для просмотра ссылок!
    Изменения в последней версии:
    Исправлены все наложения слоев, в том числе внизу страницы!
    Теперь стиль абсолютно корректный и не имеет никаких багов и недоработок!
    Помимо прочего:
    Изменен фон для прикрепленных файлов
    Со страницы были удалены некоторые ненужные элементы
    Верхняя панель притерпела множество изменений.
    Поиск теперь всегда вверху страницы.
    Главное меню теперь снова фиксируется вверху страницы, однако уже отдельным блоком.
    Для h1-заголовков теперь выделена отдельная строка (дабы избежать наложений)
    Добавлены закругления некоторых элементов.


    Скорее всего, это финальная версия стиля "Firebird".
    Стиль получился довольно интересным и уж точно практичнее изначального варианта дизайна.
    Окно чата на главной странице теперь имеет максимальную ширину.
    Окно чата на главной странице теперь можно растянуть по высоте, потянув за уголочек.
    Таким образом, можно сделать чат во весь экран
    Блок новых сообщений и тем (на главной) перемещен за левый край экрана так, чтобы были видны только авторы сообщений. При наведении мыши к левому краю страницы этот блок "выезжает" полностью.
    Таким образом, можно оставаться в ПОЛНОЭКРАННОМ чате и следить за новостями, не прокручивая экран.
    Правая колонка (на главной) вынесена за правый край экрана так, чтобы была видна "Команда форума в сети". При наведении мыши к правому краю страницы этот блок "выезжает" полностью.
    Фон множества элементов стал полупрозрачным.
    Увеличил размер аватарок в чате, т.к. в том виде, в котором они находятся по-умолчанию, от них нет никакого толку - они настолько маленькие, что ничего не разобрать! Однако грузятся они в полном размере вместе со страницей! Поэтому их размер увеличен в 4 раза, а при наведении мыши они увеличиваются до реально загруженного размера картинки.
    Изменены стили шрифтов.
    Со страницы убраны все ненужные блоки и элементы: реклама, футер, какие-то непонятные подписи и прочее...
    Изменено отображение ссылок.
    Увеличил аватарки пользователей в темах форума (та аватарка, которая прямо сейчас находится слева от этого сообщения).
    Изменен фон для прикрепленных файлов
    Поиск теперь всегда вверху страницы.
    Главное меню теперь фиксируется отдельным блоком.
    Заголовки расположены по центру в отдельной строке
    Добавлены закругления некоторых элементов.

    В скором времени займусь созданием нового
    светлого и веселого стиля
    может быть даже в "мультяшной" манере.


    Файл стиля обновлен и доступен по новому адресу: Ссылки могут видеть только зарегистрированные пользователи. Зарегистрируйтесь или авторизуйтесь для просмотра ссылок!
    Если у Вас уже используется старый стиль - Вам нужно отредактировать его внутри плагина Stylish (удалить все старые строки стилей и взамен вставить новые).

    Если возникают какие-нибудь вопросы - смело пишите их мне в ЛС или в эту ветку.
    Также, я жду Ваших отзывов.


    [​IMG]
     
  5. Mimino

    Mimino PREMIUM

    257
    260
    63
    ХОТФИКС!
    Поправил h1-заголовки (не отображались).
     
  6. Mimino

    Mimino PREMIUM

    257
    260
    63
    Тема снова актуальна.
    Стиль рабочий, проверенный.
    Пользуйтесь!



    Да-да-да...
    Всё верно!

    Тема снова не актуальна.

    В очередной раз администрацией была изменена тема оформления,
    поэтому этот стиль снова не работает.
     
    Последнее редактирование: 4 апр 2015
    BaNNeD нравится это.
  7. RichardCotte

    RichardCotte Пользователь

    11
    0
    1
    Ссылки могут видеть только зарегистрированные пользователи. Зарегистрируйтесь или авторизуйтесь для просмотра ссылок!
    Ссылки могут видеть только зарегистрированные пользователи. Зарегистрируйтесь или авторизуйтесь для просмотра ссылок!
    Ссылки могут видеть только зарегистрированные пользователи. Зарегистрируйтесь или авторизуйтесь для просмотра ссылок!
    Ссылки могут видеть только зарегистрированные пользователи. Зарегистрируйтесь или авторизуйтесь для просмотра ссылок!
    Ссылки могут видеть только зарегистрированные пользователи. Зарегистрируйтесь или авторизуйтесь для просмотра ссылок!
     
  8. RichardCotte

    RichardCotte Пользователь

    11
    0
    1
    Ссылки могут видеть только зарегистрированные пользователи. Зарегистрируйтесь или авторизуйтесь для просмотра ссылок!
    Ссылки могут видеть только зарегистрированные пользователи. Зарегистрируйтесь или авторизуйтесь для просмотра ссылок!
    Ссылки могут видеть только зарегистрированные пользователи. Зарегистрируйтесь или авторизуйтесь для просмотра ссылок!
    Ссылки могут видеть только зарегистрированные пользователи. Зарегистрируйтесь или авторизуйтесь для просмотра ссылок!
    Ссылки могут видеть только зарегистрированные пользователи. Зарегистрируйтесь или авторизуйтесь для просмотра ссылок!
     
  9. RichardCotte

    RichardCotte Пользователь

    11
    0
    1
    Ссылки могут видеть только зарегистрированные пользователи. Зарегистрируйтесь или авторизуйтесь для просмотра ссылок!
    Ссылки могут видеть только зарегистрированные пользователи. Зарегистрируйтесь или авторизуйтесь для просмотра ссылок!
    Ссылки могут видеть только зарегистрированные пользователи. Зарегистрируйтесь или авторизуйтесь для просмотра ссылок!
    Ссылки могут видеть только зарегистрированные пользователи. Зарегистрируйтесь или авторизуйтесь для просмотра ссылок!
    Ссылки могут видеть только зарегистрированные пользователи. Зарегистрируйтесь или авторизуйтесь для просмотра ссылок!
     
  10. RichardCotte

    RichardCotte Пользователь

    11
    0
    1
    Ссылки могут видеть только зарегистрированные пользователи. Зарегистрируйтесь или авторизуйтесь для просмотра ссылок!
    Ссылки могут видеть только зарегистрированные пользователи. Зарегистрируйтесь или авторизуйтесь для просмотра ссылок!
    Ссылки могут видеть только зарегистрированные пользователи. Зарегистрируйтесь или авторизуйтесь для просмотра ссылок!
    Ссылки могут видеть только зарегистрированные пользователи. Зарегистрируйтесь или авторизуйтесь для просмотра ссылок!
    Ссылки могут видеть только зарегистрированные пользователи. Зарегистрируйтесь или авторизуйтесь для просмотра ссылок!
     
  11. RichardCotte

    RichardCotte Пользователь

    11
    0
    1
    Ссылки могут видеть только зарегистрированные пользователи. Зарегистрируйтесь или авторизуйтесь для просмотра ссылок!
    Ссылки могут видеть только зарегистрированные пользователи. Зарегистрируйтесь или авторизуйтесь для просмотра ссылок!
    Ссылки могут видеть только зарегистрированные пользователи. Зарегистрируйтесь или авторизуйтесь для просмотра ссылок!
    Ссылки могут видеть только зарегистрированные пользователи. Зарегистрируйтесь или авторизуйтесь для просмотра ссылок!
    Ссылки могут видеть только зарегистрированные пользователи. Зарегистрируйтесь или авторизуйтесь для просмотра ссылок!