Войти или зарегистрироваться

Туториал Изменение шаблона WebMCR #2

MC Luxor

Новичок
Баллы
6
Имя в Minecraft
Luxor
Здравствуйте =) Решил написать гайд по изменению стандартного шаблона WebMCR.
До этого существовала такая же тема, я решил продолжить ее.
Как обесцветить градиент под меню.
Заходим в style/default/css, открываем файл docs.css, на 91-ой строке видим селектор .jumbotron и убираем в нем все, что касается background.
2015-07-23 19-52-43 Скриншот экрана.png

Как убрать фиксацию навбара (меню) сверху.
Заходим в style/default/, открываем файл index.html, на 67 строчке видим данный текст <div class="navbar navbar-fixed-top">, убираем текст navbar-fixed-top. Готово.

Как сравнять ширину навбара с Container'ом (1155px).
Заходим в style/default/, открываем файл index.html, на 67 строчке видим данный текст <div class="navbar navbar-fixed-top">, и вписываем туда слово container, что бы получилось так: <div class="navbar navbar-fixed-top container">
2015-07-23 20-02-16 Скриншот экрана.png

Как изменить цвет навбара.
Заходим в style/default/css, открываем файл bootstrap.css, находим там строку 4129 там видим множество строк background'ов, удаляем их и заменяем одной строкой background: цвет; Например: background: #fff;2015-07-23 20-08-11 Скриншот экрана.png 2015-07-23 19-52-43 Скриншот экрана.png
Таблица цветов: http://www.artlebedev.ru/tools/colors/

Как убрать блок с советами.
Заходим в style/default/, открываем файл index.html и удаляем все с 56 по 65 строку.
2015-07-23 20-18-47 Скриншот экрана.png
Ниже пишите, что вы хотите увидеть в этом гайде.
Пока что всё, буду постоянно дополнять. =)
 
Последнее редактирование:
Здравствуйте =) Решил написать гайд по изменению стандартного шаблона WebMCR.
До этого существовала такая же тема, я решил продолжить ее.
Как обесцветить градиент под меню.
Заходим в style/default/css, открываем файл docs.css, на 91-ой строке видим селектор .jumbotron и убираем в нем все, что касается background.
Посмотреть вложение 34519

Как убрать фиксацию навбара (меню) сверху.
Заходим в style/default/, открываем файл index.html, на 67 строчке видим данный текст <div class="navbar navbar-fixed-top">, убираем текст navbar-fixed-top. Готово.

Как сравнять ширину навбара с Container'ом (1155px).
Заходим в style/default/, открываем файл index.html, на 67 строчке видим данный текст <div class="navbar navbar-fixed-top">, и вписываем туда слово container, что бы получилось так: <div class="navbar navbar-fixed-top container">
Посмотреть вложение 34521

Как изменить цвет навбара.
Заходим в style/default/css, открываем файл bootstrap.css, находим там строку 4129 там видим множество строк background'ов, удаляем их и заменяем одной строкой background: цвет; Например: background: #fff;Посмотреть вложение 34520 Посмотреть вложение 34519
Таблица цветов: http://www.artlebedev.ru/tools/colors/

Как убрать блок с советами.
Заходим в style/default/, открываем файл index.html и удаляем все с 56 по 65 строку.
Посмотреть вложение 34522
Ниже пишите, что вы хотите увидеть в этом гайде.
Пока что всё, буду постоянно дополнять. =)
Ммм как интересно... getbootstrap.com уже не в моде ?
 
Как изменить шапку webmcr? Всмысле голубой градиент под названием
Как сделать, чтобы в новостях на главной отображались посты с группы вк?
Как добавить виджет дискорд?
 
Назад
Верх