Меню
Автор:
Фильтры
Что нового
Реклама

Бесплатно Kinogoshik [оригинал] - кино шаблон с переключателем цвета

  • Автор темы Автор темы serials
  • Дата начала Дата начала
serials

serials

Посетитель
Проверенные
Регистрация
14 Июн 2022
Сообщения
37
Реакции
6
1639118196_00.jpg
Шаблон Kinogoshik выполнен в классическом стиле: темный дизайн в оттенках серого и расширенная карточка краткой новости с выводом основной информации. Как нетрудно догадаться, это вариация дизайна на тему популярного и старейшего сайта тематики "кино и сериалы". Отличительная особенность этого шаблона - это встроенный переключатель цвета шаблона, в остальном все вполне обычно и традиционно.

Автор: Redissx
Тип шаблона: Оригинал (Адаптивный)
Версия DLE: 13.1-15 и выше
Тестировался: Opera, Mozilla, Google Chrome

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.
 
подскажите пожалуста возможно ли сделать внутренний блок поменьше? заранее спс
 
Евгений Попов сказал(а):
что за внутренний блок? на скрине лучше показать.
Нажмите, чтобы раскрыть...
Наверное имелось ввиду вот это? Как убрать по бокам пустоту?

4AkDV0jHjanE5r.png
 
хехе бой сказал(а):
Наверное имелось ввиду вот это? Как убрать по бокам пустоту?

4AkDV0jHjanE5r.png
Нажмите, чтобы раскрыть...
если про этот блок, то "внутренний блок" не "поменьше", а побольше бы было написано... хотя пускай автор поста сам напишет что имелось ввиду.
 
Евгений Попов сказал(а):
если про этот блок, то "внутренний блок" не "поменьше", а побольше бы было написано... хотя пускай автор поста сам напишет что имелось ввиду.
Нажмите, чтобы раскрыть...
Наверное ) Пусть автор сам опишет конкретнее.
Но меня таки интересует именно этот вопрос, как убрать по бокам пустоту )) Сейчас многие шаблоны грешат таким портаком, сверху и по бокам очень большие отступы, из-за чего полезное пространство уменьшается.
 
хехе бой сказал(а):
Наверное ) Пусть автор сам опишет конкретнее.
Но меня таки интересует именно этот вопрос, как убрать по бокам пустоту )) Сейчас многие шаблоны грешат таким портаком, сверху и по бокам очень большие отступы, из-за чего полезное пространство уменьшается.
Нажмите, чтобы раскрыть...
/kinogoshik/css/common.css
в самом вверху найти
Код: 
:root {
    --bg: #2b2b2b;
    --bg-lighter: #3f3f3f;
    --bg-lightest: #585858;
    --bg-darker: #1b1b1b;
    --bg-black: #000000;
    --tt: #a8a8a8;
    --tt-lighter: #e0dfdc;
    --tt-lighter-2: #e0dfdc;
    --tt-darker: #686868;
    --tt-darker-2: #818181;
    --bdc: #00000080;
    --bdc-lighter: #ffffff20;
    --bsh: 0 8px 16px rgba(0,0,0,0.5);
    --bsh-2: 0 1px 3px rgba(0,0,0,0.5);
    --gradient: linear-gradient(to bottom, #606060, #4a4a4a);
    --gradient-accent: linear-gradient(to top, #8b3b32, #b33a2d);
    --accent: #8b3b32;
    --accent-darker: #b33a2d;
    --accent-2: #f8d268;
    --accent-3: #9ab96d;
    --ui-bg: #222;
    --ui-bg-darker: #111;
    --ui-bg-darkest: #000;
    --ui-bg-accent: #111;
    --ui-text-color-on-accent: #fff;
    --ui-bdc: #111;
    --indent-negative: -40px;
    --indent: 40px; /* основной отступ справа и слева */
    --max-width: 1200px; /* максимальная ширина блока контента */
}
и заменить--max-width: 1200px; на --max-width: 100%; или на нужную ширину.
2022-08-22_14-23-55.png
 
Евгений Попов сказал(а):
/kinogoshik/css/common.css
в самом вверху найти
Код: 
:root {
    --bg: #2b2b2b;
    --bg-lighter: #3f3f3f;
    --bg-lightest: #585858;
    --bg-darker: #1b1b1b;
    --bg-black: #000000;
    --tt: #a8a8a8;
    --tt-lighter: #e0dfdc;
    --tt-lighter-2: #e0dfdc;
    --tt-darker: #686868;
    --tt-darker-2: #818181;
    --bdc: #00000080;
    --bdc-lighter: #ffffff20;
    --bsh: 0 8px 16px rgba(0,0,0,0.5);
    --bsh-2: 0 1px 3px rgba(0,0,0,0.5);
    --gradient: linear-gradient(to bottom, #606060, #4a4a4a);
    --gradient-accent: linear-gradient(to top, #8b3b32, #b33a2d);
    --accent: #8b3b32;
    --accent-darker: #b33a2d;
    --accent-2: #f8d268;
    --accent-3: #9ab96d;
    --ui-bg: #222;
    --ui-bg-darker: #111;
    --ui-bg-darkest: #000;
    --ui-bg-accent: #111;
    --ui-text-color-on-accent: #fff;
    --ui-bdc: #111;
    --indent-negative: -40px;
    --indent: 40px; /* основной отступ справа и слева */
    --max-width: 1200px; /* максимальная ширина блока контента */
}
и заменить--max-width: 1200px; на --max-width: 100%; или на нужную ширину.
Посмотреть вложение 1884
Нажмите, чтобы раскрыть...
Спасибо! 92% отлично подошли )
 
Супер Танюшка сказал(а):
Я имела введу не убрать пустоту а сделать чтобы этпустота была вот щас на скринах покажу
у меня вот так https://ibb.co/TKg2CKM а я бы хотела вот так https://ibb.co/jZF7X12 уменьшит сам блок
Нажмите, чтобы раскрыть...
ответ выше: --max-width: 1200px; уменьшай как нужно под нужные размеры или увеличивай
 
хехе бой сказал(а):
Выше прямо в картинках показано и в каком файле что найти и поменять ))
Нажмите, чтобы раскрыть...
Спасибо вам огромное а можно еще вопрос в каком файле меняет стиль всего шрифта и размер подскажите плиз=)))
 
Супер Танюшка сказал(а):
я там была там чёрт ногу сломит =(
а строчку если не тяжело=))
Нажмите, чтобы раскрыть...
в том же файле common.css
CSS: 
body {font: 14px 'Manrope', sans-serif; line-height: normal; padding: 0; margin: 0;       
    color: var(--tt); background: var(--bg-black);
    min-height: 100%; width: 100%; font-weight: 400; overflow-x: hidden; letter-spacing: 0.02em;}
вот размер по умолчанию и шрифт: font: 14px 'Manrope'
 
Супер Танюшка сказал(а):
я там была там чёрт ногу сломит =(
а строчку если не тяжело=))
Нажмите, чтобы раскрыть...
Там для каждого блока свои данные шрифта.
Поиск по файлу styles.css (Ctrl+F) вставить в поиск font-size и нажать enter .
Смотрите к какому блоку относится данные параметры и пробуйте менять, проверяя изменения на странице, с очисткой кеша браузера Ctrl+F5
 
Евгений Попов сказал(а):
в том же файле common.css
CSS: 
body {font: 14px 'Manrope', sans-serif; line-height: normal; padding: 0; margin: 0;      
    color: var(--tt); background: var(--bg-black);
    min-height: 100%; width: 100%; font-weight: 400; overflow-x: hidden; letter-spacing: 0.02em;}
вот размер по умолчанию и шрифт: font: 14px 'Manrope'
Нажмите, чтобы раскрыть...
Да, верно, в common.css же тоже указаны...
 
поняла спасибо огромное всем всем всем!
Можно еще вопрос задать связанный с плеером!
<div class="box one_box" style="display: block; background: rgb(0, 0, 0); ">
<iframe src="[xfvalue_video]" width="100%" height="390" frameborder="0"></iframe>
<div id="wnmobile"></div>
</div> как в этом плеере сделать вторую вкладку для трейлера?
 
Для ответа нужно войти/зарегистрироваться
Верх