Re:design anitokyo. tv - о том, как открыть новый мир

1. 

   Оффлайн 28

   Arksault

   Тёнин

   Премиум

   Сообщений: 879

    Для начала узнаем, что же такое Редизайн?

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

   
   

    Как установить Редизайн?

   
   1.Для начала необходимо скачать расширение Stylish и установить его, для этого нужно определится с браузером и выбрать нужный вариант для:
   
   

   Google Chrome и Яндекс.Браузер* | Firefox*

   
   
   * некоторые браузеры используют ядро Google Chrome, поэтому расширение может заработать (пример тому браузер от Яндекса) и в вашем невиданном браузере, можно попробовать установить расширение через магазин Chrome Store.
   
   или просто перейти по этому линку и нажать соответствующую кнопку "Install Firefox/Google Chrome/Yandex.Browser".
   

   

   
   2. После всех проделанных манипуляций, необходимо установить сам
   

   Редиз

   
   3. После, нажимаем на кнопку "Install Style". Готово, редиз установлен.
   

    Пример

   

   
   

   
   Выбираем понравившиеся из списка ниже.
   

   
   

    F.A.Q

   
   V. Если я поставлю редиз, скажется ли это на продолжительности загрузки страниц и сайта в целом?
   O. Возможно, и если, то незначительно.
   
   V. Как создать свой стиль?
   O. Если вы владеете знаниями HTML, CSS и немного графикой, то вы сами всё знаете. Если же нет, то в скором времени я добавлю небольшую инструкцию о том, как создать свой редизайн сайта.
   
   V. Будут ещё редизайны от меня?
   O. Нет.
   
   V. Исправление найденных багов/обновление существующих редизов?
   O. Если будет время на них.
   

   
   

    Внимание!!!

   
   Ахтунг, пупсики!!
   
   к всеобщему сожалению, наше любимое расширение под названием Stylish было замечено в слежке за пользователями. Не так давно разработчик продал расширение компании, которая занимается аналитикой в мировой паутине и разумеется им было выгодно купить его)) сейчас в этом приложении есть код ,который отслеживает посещённые пользователям сайты с привязкой по IP, уникальному иду. Если кому-то из вас нечего скрывать и ему плевать на анонимность, то можете пользоваться расширением и дальше, если же вы хотите остаться анонамистом , то прошу использовать альтернативное решение, а называется оно Stylus это расширение пока ещё не следит за пользователям и не передаёт какую-либо информацию 3-им лицам. Конечно решение не очень удобное в сравнение с предшествинником, но и не сложное. У него нет своей базы, как у Stylish, но и не нужно))) оно использует их базы , так что вы без труда сможете установить редизы / стили из библиотек Stylish. Ниже инструкция по установке нового расширения и редизайна / стиля для сайта.
   
   1. переходим на офф. страницу с расширением;
   
   

   

   
   
   2. выбираем нужную кнопку опираясь на браузер, который вы используете. (у меня Google Chrome соответственно я выберу первую кнопку);
   
   3. после, вас переносит на страницу с расширением. (для Google/Яндекс, для Firefox, Opera)
   
   

   

   
   
   4. нажимаем на кнопку установить, соглашаемся с установкой и ждём, когда расширение загрузится а после, установится;
   
   

   

   
   
   5. закрываем вкладку с расширением и переходим на сайт Anitokyo.TV;
   
   6. далее, нажимаем на иконку с нашим расширением, как показано на скрине ниже, после нажимаем на кнопку "Найти стили";
   
   7. расширение найдёт все когда-либо созданные стили для этого сайта (напомним ,что расширение использует базы Stylish. Так что, все редизы / стили можно использовать вновь;
   
   

   

   
   
   удачи, пупсики!! да прибудет с вами пупсяковость, АМЫН.
   

   
   

   —————————— Редизы ——————————

   
   

    Anitokyo.tv Pink^^4life v1.0

   
   

   установить

   
   

   

   
   

    Скриншоты

   
   Главная страница
   

   

   
   Полная новость
   

   

   
   Профиль пользователя
   

   

   
   

   
   

    Anitokyo.tv ~AKAI HOSHI~ v1.0

   
   

   установить

   
   

   

   
   

    Скриншоты

   
   Главная страница
   

   

   
   Полная новость
   

   

   
   Профиль пользователя
   

   

   
   

   
   

   
   

    Anitokyo Monogatari Dark Theme

   
   

   установить

   
   

   

   
   

   
   

    Anitokyo.tv Night Theme v2.0 from ©alburn

   
   

   Установить

   
   

   

   
   

    Скриншоты

   
   

   

   
   

   
   

   
   

   ______________________________
   ________________________

   
   P.S. О всех найденных багах, прошу писать в этой теме.
   На этом всё. Удачки, пупсики

   Magatsukami, Alphawerewolf, Svital789 v. 2.1 и ещё 4 нравится это сообщение.

   Сообщение отредактировал Alphawerewolf_〆(￣ー￣ ) 2 ноября 2018 - 02:01

   а сейчас, поведай же мне о пустоте твоих мыслей

   12 мая 2018 - 16:06 / #1
2. 

   Оффлайн 17

   OldSchool

   Семпай

   Анимешники

   Сообщений: 358

   Arksault,
   Все ок, но у меня стоит скрытая панель задач, так что есть еще местечко для расширения плеера

    Показать / Скрыть текст

   

   
   Можешь сказать параметры которые за это отвечают, чтобы мог под себя подогнать?
   6 сентября 2018 - 13:43 / #61
3. 

   Оффлайн 28

   Arksault

   Тёнин

   Премиум

   Сообщений: 879

   OldSchool,
   
   

    код

   
   
   замени
   
   

   body .kz iframe {
       width: 100%;
       height: 600px;
   }

   
   
   на
   
   

   body .kz iframe {
       width: 100%;
       height: 600px !important;
   }

   
   
   подстрой нужную высоту прибавляя / уменьшая значение: height: 600px т.е 600px по высоте или 700px и т.д

   а сейчас, поведай же мне о пустоте твоих мыслей

   6 сентября 2018 - 14:15 / #62
4. 

   Оффлайн 17

   OldSchool

   Семпай

   Анимешники

   Сообщений: 358

   Arksault,
   Спасибо
   6 сентября 2018 - 14:53 / #63
5. 

   Оффлайн 77

   Paranoid

   Демон-повелитель Шестого Неба

   Анимешники

   Сообщений: 729

   Эм, ты в ФАКе либо русские буквы проставь, либо английски, а не транслит. Если что Вопрос - Question и Ответ - Answer.

    Спойлеры

   

   6 сентября 2018 - 16:47 / #64
6. 

   Оффлайн 28

   Arksault

   Тёнин

   Премиум

   Сообщений: 879

   Paranoid,
   спасибо, но с анг. у меня хорошо всё) если там будет стоять вместо v - в, а вместо o - о, то никакой разницы не будет, это ведь не пособие по анг. языку?
   
   если хочешь, то можешь поставить я не против))) а я не могу этого сделать
   
   OldSchool,
   ноу проблемс

   а сейчас, поведай же мне о пустоте твоих мыслей

   6 сентября 2018 - 17:02 / #65
7. 

   Оффлайн 28

   Arksault

   Тёнин

   Премиум

   Сообщений: 879

   подправил некоторые незначительные баги. это последние правки на данный момент. обновляться или нет -решайте сами.

   а сейчас, поведай же мне о пустоте твоих мыслей

   6 сентября 2018 - 23:18 / #66
8. 

   Оффлайн 107

   Aizen

   Император

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

   Сообщений: 346

   Цитата: Arksault

   переделывать и это придётся(

   
   Дел-то, скопировать пару строк кода стилей от функции "выключения света".
   Как по мне вписывается весьма достойно.
   
   

   

   Сообщение отредактировал Aizen 10 сентября 2018 - 12:39
   10 сентября 2018 - 11:22 / #67
9. 

   Оффлайн 28

   Arksault

   Тёнин

   Премиум

   Сообщений: 879

   Aizen,
   всё же немного бы переделал) цветовая гамма не та, уменьшить размеры кнопок, убрать закругление...
   
   громоздкий он какойта. ты вроде говорил о адаптивности, что-то я её не наблюдаю) а а ещё зачем она? если диз. статик?
   
   Aizen,
   и у тебя старая версия редиза нельзя так

   а сейчас, поведай же мне о пустоте твоих мыслей

   10 сентября 2018 - 14:05 / #68
10. 

    Оффлайн 107

    Aizen

    Император

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

    Сообщений: 346

    Arksault,
    Мобильная версия... нет не слышал.
    10 сентября 2018 - 15:02 / #69
11. 

    Оффлайн 28

    Arksault

    Тёнин

    Премиум

    Сообщений: 879

    Aizen,
    тогда понятно)

    а сейчас, поведай же мне о пустоте твоих мыслей

    10 сентября 2018 - 15:12 / #70
12. 

    Оффлайн 1

    alburn

    Хэймин

    Анимешники

    Сообщений: 12

    Сделал еще одну тёмную темку.
    Из изменений структуры сайта:
    -скрыл ненужные для себя блоки;
    -перенес оставшиеся блоки в правую колонку.
    

    Anitokyo.tv Night Theme

    
    

    

    
    

     Показать / Скрыть текст

    
    

    Arksault нравится это сообщение.
    27 октября 2018 - 14:17 / #71
13. 

    Оффлайн 28

    Arksault

    Тёнин

    Премиум

    Сообщений: 879

    alburn,
    круууть!!!
    
    можно было бы немного доработать) и будет совсем круть

    а сейчас, поведай же мне о пустоте твоих мыслей

    27 октября 2018 - 14:31 / #72
14. 

    Оффлайн 28

    Arksault

    Тёнин

    Премиум

    Сообщений: 879

    и круто, что он не похож на остальные, ты видимо так и хотель))

    а сейчас, поведай же мне о пустоте твоих мыслей

    27 октября 2018 - 14:57 / #73
15. 

    Оффлайн 1

    alburn

    Хэймин

    Анимешники

    Сообщений: 12

    Arksault,
    Спасибо, да - хотелось сделать поминималистичней)
    Делалось в упрощенной манере а-ля "взять весь код и просто искать, что не нужно и что переделать". Не представляю, как можно все эти ~6к строк кода перелопатить))
    А что именно можно было бы доработать? Может дойдут руки как-нибудь))
    Из замеченных пока багов - лучше не увеличивать окошко мини-чата)
    27 октября 2018 - 15:50 / #74
16. 

    Оффлайн 28

    Arksault

    Тёнин

    Премиум

    Сообщений: 879

    alburn,
    

    Не представляю, как можно все эти ~6к строк кода перелопатить))

    это ещё мало) только представь
    
    убрать неон, он не предаёт минимализма), поправить некоторые блоки, видно что углы торчат, а у родителя овальная форма))
    
    баги) да, потому что абсолютное позиционирование -не лучшая идея)
    
    

    .lcol {
        float: left;
    }

    
    
    поэкспериментируй с этим классом. там должен быть ещё один, который отвечает за правую сторону
    
    

    float: left;

    и ознакомься с этим

    а сейчас, поведай же мне о пустоте твоих мыслей

    27 октября 2018 - 16:00 / #75