Туториал Изменение дизайна WebMcr v2.0

[Jok1r]

• Привет тем, кто еще сидит на форуме.. Я хотел бы дополнить некоторую информацию о изменении дизайна WebMcr. Знаю, есть много тем с подобной информацией, но они уже стары, или просто заброшены.
• Список тем, в которых рассказывается о некоторых изменениях дизайна:

1. http://rubukkit.org/threads/menjaem-dizajn-i-dobavljaem-ehlementy-v-webmcr.40716/

Это самые основные руководства на данную тему.

Приступим:

1.Изменение иконки сайта во вкладке браузера.

Спойлер

Иконка меняется при помощи замены favicon.ico
Путь: style/Default/ico/favicon.ico

2.Как сделать логотип вместо header.

Спойлер

Чтобы сделать подобное (Как на скрине) вам потребуется зайти в index.html вашего стиля, и удалить все содержимое синтаксиса <header>

[/LEFT]
<div class="container">
                <div class="container-fluid">
                    <div class="row-fluid">
                        <div class="span9">                  
                            <h1><?php echo $config['s_name'] ?></h1>
                            <p class="lead"><?php echo $config['s_about'] ?></p>
                        </div>

                        <div class="span3" style="padding-top: 30px;">  
                            <p class="lead" ><a href="index.php?mode=start">СКАЧАТЬ КЛИЕНТ</a></p>
                        </div>  

                    </div>
                </div>
            </div>

И заменить на

    <div>
        <center><a href="http://вашсайт.ru"><img src="<?php View::URL('img/logo.png') ?>"></center>
    </div>

Где logo.png является вашей картинкой (Ее нужно будет залить в img, или в другую удобную для вас директорию.

3.За место новостей сайта ставим новости вк группы.

Спойлер

Для того, чтобы вместо новостей WebMcr показывались новости группы ВК, вам потребуется пройти по ссылке https://vk.com/dev/Community , указать нужные данные, и скопировать получившийся скрипт. Далее идем в папку новостей ( style/Default/news/news_empty.html) и заменяем все содержимое данной страницы на получившийся скрипт ранее.

Вот примерно как должен выглядеть ваш код:

<div class="form-block">
<div class="block-header">Новости</div>
<все что вы скопировали>
</div>

​

 

[Jok1r]

Задавайте вопросы, я буду на них отвечать, и некоторые вносить в тему)

 

[D1Xer]

Это фиаско братан.

 

[Jok1r]

Это фиаско братан.

;D

 

[Элронд]

Вопрос: А как сделать фон закреплённым? Чтобы при пролистывании страницы вниз и при её большом обьеме, фон фиксировался, оставался неподвижным и не дублировался?

 

[MiDest]

Вопрос: А как сделать фон закреплённым? Чтобы при пролистывании страницы вниз и при её большом обьеме, фон фиксировался, оставался неподвижным и не дублировался?

body {
     background: url(путь до фона) fixed;
}

 

[Элронд]

body {
     background: url(путь до фона) fixed;
}

А куда вставлять этот код? в index.html?

 

[Jok1r]

А куда вставлять этот код? в index.html?

Привет, если ты меняешь диз в Reloaded, то ищи global.css
Там будет строка, просто замени ее на свою или поставь в конце строки fixed как показал MiDest

 

[Элронд]

Привет, если ты меняешь диз в Reloaded, то ищи global.css
Там будет строка, просто замени ее на свою или поставь в конце строки fixed как показал MiDest

Ой, спасибо тебе большое. И за ответ и за пост. Очень долго хотел новости заменить на группу вк. Огромный респект.