Видеоурок №4: создаем шаблон битрикс из HTML/CSS макета сайта

RSS
Видеоурок №4: создаем шаблон битрикс из HTML/CSS макета сайта
 
Видеоурок №4: создаем шаблон битрикс из HTML/CSS макета сайта

Интегрируем HTML/CSS верстку в битрикс, создаем на ее основе шаблон для системы управления. Рассказываю об устройстве шаблонов битрикс. Интегрировать будем верстку созданную нами во втором уроке. Скачать готовую можно по ссылке скачать (кому лень смотреть второй урок).
 
Михаил,не могли бы вы показать,как сделать так,что бы евро автоматически переводилось в рубли?
 
Цитата
Артем пишет:
Михаил,не могли бы вы показать,как сделать так,что бы евро автоматически переводилось в рубли?
Настроить модуль валют http://dev.1c-bitrix.ru/learning/course/index.php?COURSE_ID=30&CHAPTER_ID=04388&LESSON_PATH=3901.4388
 
Не подскажите как расположить сайт по центру браузера. Сделать так, чтобы он не прижимался влево?
 
Цитата
Александр пишет:
Не подскажите как расположить сайт по центру браузера. Сделать так, чтобы он не прижимался влево?
Для .container сделать {margin:0px auto;}
 
Добрый день Михаил!
Это немного не по теме данного видеоурока, да я у Вас такой темы и не нашел. Но может быть поможете, а то интернет кроме стандартных инструкций ничего не выдает.
При загрузке сотрудников из 1С на портал необходимо распределять их по разным группам в зависимости от того в каком подразделении они находятся. Вопрос собственно в том что я не смог найти где прописывается группа пользователей по умолчанию, для загружаемых сотрудников.
Заранее благодарен!
 
Если честно ни разу с такой задачкойне сталкивался- потому не подскажу.
 
Добрый день! Делал все точно по уроку, добавил конструкции
<?$APPLICATION->ShowTitle()?>
<?$APPLICATION->ShowHead()?>

далее Вы в уроке проверяете, как стал выглядеть сайт, нажав на закладку сайт в левом верхнем углу, причем вы сделали это через "открыть в новом окне". Я же просто щелкнул по этой закладке.. и перешел на сайт (станицу заготовки, импортированной в bitrix). Проблема в том, что попасть обратно в раздел администрирования у меня не получилось, теперь при наборе адреса сайта (у меня 192.168.100.100) всегда сразу открывается просто сайт (еще раз: та самая недоделанная страничка-заготовка нашей верстки). Никаких ссылок на вход в админку при этом нет. Пробовал перезагружать сервер битрикса, набирал адрес из под другого браузера - бесполезно. Сразу открывается сайт. Пришлось сносить образ вирт. машины и ставить заново... Подскажите, как избежать такого косяка в следующий раз... как попасть на страницу управления битрикса, а не на страницу сайта, размещенного в нем?
 
Цитата
Влад пишет:
Добрый день! Делал все точно по уроку, добавил конструкции
<?$APPLICATION->ShowTitle()?>
<?$APPLICATION->ShowHead()?>

...Я .. просто щелкнул по этой закладке.. и перешел на сайт (станицу заготовки, импортированной в bitrix). Проблема в том, что попасть обратно в раздел администрирования у меня не получилось... Подскажите, как избежать такого косяка в следующий раз... как попасть на страницу управления битрикса, а не на страницу сайта, размещенного в нем?
http://192.168.100.100/bitrix/ - проезд в админпанель. Стоило посмотреть видео дальше, возможно следующую серию, я там рассказываю как вставить панель управления в публичную часть сайта.
 
При добавления текста на прямую в index.php в браузере отображает не корректную кодировку этого текста , если текст добавляешь через админ панель все нормально . Подскажите в  чем причина.
 
Цитата
Сергей пишет:
При добавления текста на прямую в index.php в браузере отображает не корректную кодировку этого текста , если текст добавляешь через админ панель все нормально . Подскажите в чем причина.
Настройке кодировку в том редакторе, через который правите файлы напрямую.
 
Михаил, спасибо вам за ваши уроки!

У меня такой вопрос. При попытке восстановить сайт из полной резервной копии, выводит следующие ошибки:

Код
Can't create file: /home/bitrix/www/action.php
Can't create file: /home/bitrix/www/icons/php.gif 
После этого в списке резервных копий появляются дополнительные строки:

Код
20140626_180704_full_32e1f169.sql
20140626_180704_full_32e1f169_after_connect.sql 
Пробовал восстанавливать с локальной папки с помощью restore.php , результат тот же.

Никак не пойму, что делаю не так?
 
Выставите
Цитата
Buch пишет:
Михаил, спасибо вам за ваши уроки!

У меня такой вопрос. При попытке восстановить сайт из полной резервной копии, выводит следующие ошибки:
Код
 Can't create file: /home/bitrix/www/action.php
Can't create file: /home/bitrix/www/icons/php.gif  
Выставите на все папки и файлы сайта права 777, у вас просто не могут перезаписаться эти два файла- не хватает прав
 
Здравствуйте!
Спасибо за Ваши уроки! Очень помогают!
Такой вопрос: установила пробную версию "1С-Битрикс: Управление сайтом" на Windows и при интегрировании HTML верстки прописала путь картинки  src="\bitrix\templates\empty\images\kartinka.jpg" , тестирую сайт, но картинка не отображается. И при указании полного пути тоже не отображается. Картинка в указанной папке есть. В чем может быть ошибка? В скаченной пробной версии вроде бы должно быть все ПО, необходимое для создания сайта. Спасибо
 
Цитата
Наталья пишет:
Здравствуйте!
Спасибо за Ваши уроки! Очень помогают!
Такой вопрос: установила пробную версию "1С-Битрикс: Управление сайтом" на Windows и при интегрировании HTML верстки прописала путь картинки src="\bitrix\templates\empty\images\kartinka.jpg" , тестирую сайт, но картинка не отображается. И при указании полного пути тоже не отображается. Картинка в указанной папке есть. В чем может быть ошибка? В скаченной пробной версии вроде бы должно быть все ПО, необходимое для создания сайта. Спасибо
Правильно обратный слеш- не \ а /
А совсем правильно

Код
<?=SITE_TEMPLATE_PATH?>/images/kartinka.jpg  
 
Здравствуйте, Михаил!

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

Столкнулась с такой проблемой:
при редактировании шаблона штатным редактором битрикс, #WORK_AREA# самопроизвольно вставляется в разные места страницы шаблона, помимо того места, куда я его сама поместила. Удаляю лишние, нажимаю применить - они снова появляются уже в других местах, 2 - 3 штуки одновременно. После нескольких попыток привести страничку в нормальный вид, обратилась к файловому менеджеру WinSCP, и через его редактор сохранила header.php и footer.php так, как надо. Страничка отобразилась нормально. Зашла на вкладку администрирование, нажала "Сохранить" и снова всё поломалось - с лишними #WORK_AREA#. Снова поменяла всё через WinSCP,  - сайт отображается, как надо. Кнопку "сохранить" в админке уже не нажимала.

С чем связано такое "поведение" панели администрирования (при редактировании шаблона сайта)?
Как избежать его в будущем?
 
Цитата
Светлана пишет:
Здравствуйте, Михаил!

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

Столкнулась с такой проблемой:
при редактировании шаблона штатным редактором битрикс, #WORK_AREA# самопроизвольно вставляется в разные места ...

С чем связано такое "поведение" панели администрирования (при редактировании шаблона сайта)?
Как избежать его в будущем?
Проверьте кодировку сервера и кодировку сайта.
Проверьте сайт на ошибки (собственно и несовпадение кодировки покажет)
Администрирование - Настройки - Инструменты - Проверка системы. Исправьте все ошибки какие найдутся
 
Михаил, просмотрел все уроки, это шедевр спасибо большое за проделанную работу, мне очень помогают!
Столкнулся с одной проблемой.
главная страница от всех остальных,  отличается одним стилем
   <div class="wrap header "> это стиль Header для главной
   <div class="wrap header  header-inner">  этот стиль Header для всех остальных

Очень не хочется создавать еще один шаблон, думал сделать через IF но не знаю как правильно записать данное условие для битрикса.
Прошу помощи с простым решением!
 
Цитата
Алексей пишет:
Михаил, просмотрел все уроки, это шедевр спасибо большое за проделанную работу, мне очень помогают!
Столкнулся с одной проблемой.
главная страница от всех остальных, отличается одним стилем
<div class="wrap header "> это стиль Header для главной
<div class="wrap header header-inner"> этот стиль Header для всех остальных

Очень не хочется создавать еще один шаблон, думал сделать через IF но не знаю как правильно записать данное условие для битрикса.
Прошу помощи с простым решением!
Код
<div class="wrap header<?if ($APPLICATION->GetCurDir()!=='/'):?> header-inner"<?endif;?>" >
 
Цитата
Михаил Базаров пишет:
Цитата
Алексей пишет:
Михаил, просмотрел все уроки, это шедевр спасибо большое за проделанную работу, мне очень помогают!
Столкнулся с одной проблемой.
главная страница от всех остальных, отличается одним стилем
<div class="wrap header "> это стиль Header для главной
<div class="wrap header header-inner"> этот стиль Header для всех остальных

Очень не хочется создавать еще один шаблон, думал сделать через IF но не знаю как правильно записать данное условие для битрикса.
Прошу помощи с простым решением!
Код
 <div class="wrap header<?if ($APPLICATION->GetCurDir()!=='/'):?> header-inner"<?endif;?>" > 
Спасибо большое, помогло!
 
Цитата
Михаил Базаров пишет:
при редактировании шаблона штатным редактором битрикс, #WORK_AREA# самопроизвольно вставляется в разные места ...

Проверьте кодировку сервера и кодировку сайта.
Проверьте сайт на ошибки (собственно и несовпадение кодировки покажет)
Администрирование - Настройки - Инструменты - Проверка системы. Исправьте все ошибки какие найдутся
Так и есть, нашлась ошибка в кодировке. Но исправить её не получается. В журнале ошибок написано:
Цитата
параметр mbstring.func_overload определяется в глобальном файле настроек php.ini (или для виртуального сервера в httpd.conf), а кодировку можно переопределить в .htaccess.
Файл .htaccess нашла, кодировку поменяла. Файл httpd.conf найти не могу. В результате, ошибка осталась не исправленной.
Где искать этот файл?  
 
Цитата
Светлана пишет:
Цитата
Михаил Базаров пишет:
при редактировании шаблона штатным редактором битрикс, #WORK_AREA# самопроизвольно вставляется в разные места ...
Цитата
параметр mbstring.func_overload определяется в глобальном файле настроек php.ini (или для виртуального сервера в httpd.conf), а кодировку можно переопределить в .htaccess.
Файл .htaccess нашла, кодировку поменяла. Файл httpd.conf найти не могу. В результате, ошибка осталась не исправленной.
Где искать этот файл?
Зависит от вашего сервера. Если хостинг, то просто напишите в техподдержку. Если своя ОС то как правило достаточно вписать в файл виртуального сервера

Код
<IfModule mod_php5.c>
    php_admin_value mbstring.func_overload 2
    php_value mbstring.internal_encoding UTF-8
    php_admin_value realpath_cache_size "4096k"
</IfModule> 
 
 
Спасибо за уроки Михаил. Очень нравится то, как вы объясняете   материал. Буду и дальше следить за вашими уроками.  
 
Цитата
Михаил Базаров пишет:
Если своя ОС то как правило достаточно вписать в файл виртуального сервера
Работаю локально на виртуальном сервере. Пытаюсь по Вашему уроку "натянуть" битрикс на свой сайт.
Сайт написан в кодировке 1251, не использует UTF-8. Поэтому и ошибка. Я новичок в работе с битрикс и PHP, и мне не очень понятно, что значит "Прописать в файле виртуального сервера". Где этот файл искать? И как он называется? И если у меня кодировка 1251, что в нем надо прописать?
Спасибо за помощь и уроки!
 
Цитата
Светлана пишет:
Цитата
Михаил Базаров пишет:
Если своя ОС то как правило достаточно вписать в файл виртуального сервера
Работаю локально на виртуальном сервере. Пытаюсь по Вашему уроку "натянуть" битрикс на свой сайт.
Сайт написан в кодировке 1251, не использует UTF-8. Поэтому и ошибка. Я новичок в работе с битрикс и PHP, и мне не очень понятно, что значит "Прописать в файле виртуального сервера". Где этот файл искать? И как он называется? И если у меня кодировка 1251, что в нем надо прописать?
Спасибо за помощь и уроки!
Попоробуйте вот это http://dev.1c-bitrix.ru/community/blogs/howto/1466.php  перед процедурой сохранитесь, навсякий
 
Цитата
Михаил Базаров пишет:
Попоробуйте вот это http://dev.1c-bitrix.ru/community/blogs/howto/1466.php перед процедурой сохранитесь, навсякий
Спасибо! Буду пробовать.
 
Здравствуйте, Михаил, скажите пожалуйста как нужно устанавливать шаблон сайта? я просматривал 3 урок, но конкретно про установку шаблона там не говорится... пробная версия битрикс у меня была установлена до этого
 
Цитата
Павел пишет:
Здравствуйте, Михаил, скажите пожалуйста как нужно устанавливать шаблон сайта? я просматривал 3 урок, но конкретно про установку шаблона там не говорится... пробная версия битрикс у меня была установлена до этого
настройки - Сайты - Список сайтов - нужный сайт - там в самом низу настройки по подключению шаблонов
 
Цитата
Михаил Базаров пишет:
Цитата
Павел пишет:
Здравствуйте, Михаил, скажите пожалуйста как нужно устанавливать шаблон сайта? я просматривал 3 урок, но конкретно про установку шаблона там не говорится... пробная версия битрикс у меня была установлена до этого
настройки - Сайты - Список сайтов - нужный сайт - там в самом низу настройки по подключению шаблонов
Спасибо
 
Добрый день! Можете сразу дать сверстанный шаблон html + css , лень верстать за вами, мне важно пройти курс с 4 урока(натянуть верстку на битрикс) спасибо.
 
Все увидел , простите!
 
Здравствуйте, у меня не отображается картинка article_comp, проверял путь к ней менял название (т.к. я изменил название) - ничего не помогает. Хотя когда просматриваю html файл, с которого все переносил в битракс, в браузере все отображается.
 
"Основные функции вывода шаблона в битрикс"  
другоие разные полезные вещи которые были у вас в блокноте на сайте теперь не могу найти. не подскжете где взять?
 
Цитата
Алексей пишет:
"Основные функции вывода шаблона в битрикс"
другоие разные полезные вещи которые были у вас в блокноте на сайте теперь не могу найти. не подскжете где взять?
Воспользуйтесь поиском в блогноте- с боковой панели сверху. Достаточно хорошо ищет
 
Добрый день, Михаил, столкнулся с проблемой битрикса, при восстановлении из резервной копии, битрикс не нашёл картинки PNG, хотя через Coda они находились там.
После этого при подключении к ip адресу выводится ошибка и предлагается подробности посмотреть в файле.

Подскажите есть ли какой нибудь вариант зайти в битрикс после фатальных ошибок? или сбросить настойки?

Сейчас переустанавливаю битрикс.
 
Цитата
Алексей пишет:
Добрый день, Михаил, столкнулся с проблемой битрикса, при восстановлении из резервной копии, битрикс не нашёл картинки PNG, хотя через Coda они находились там.
После этого при подключении к ip адресу выводится ошибка и предлагается подробности посмотреть в файле.

Подскажите есть ли какой нибудь вариант зайти в битрикс после фатальных ошибок? или сбросить настойки?

Сейчас переустанавливаю битрикс.
Да. С картинками и вообще файлами, иногда такое случается. Как правило, случается с файлами у которых не хватает прав на чтение/запись. Попробуйте исключить из архивации папку /upload/ а потом, просто руками, ее перенесите
 
Цитата
Михаил Базаров пишет:
Цитата
Алексей пишет:
Добрый день, Михаил, столкнулся с проблемой битрикса, при восстановлении из резервной копии, битрикс не нашёл картинки PNG, хотя через Coda они находились там.
После этого при подключении к ip адресу выводится ошибка и предлагается подробности посмотреть в файле.

Подскажите есть ли какой нибудь вариант зайти в битрикс после фатальных ошибок? или сбросить настойки?

Сейчас переустанавливаю битрикс.
Да. С картинками и вообще файлами, иногда такое случается. Как правило, случается с файлами у которых не хватает прав на чтение/запись. Попробуйте исключить из архивации папку /upload/ а потом, просто руками, ее перенесите
А как правильно переустановить Bitrix? не хочет качать, пишет:
Not Found
The requested URL /bitrix/urlrewrite.php was not found on this server.
Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request.
Apache/2.2.15 (CentOS) Server at 192.168.1.12 Port 80
 
Цитата
Алексей пишет:
Цитата
Михаил Базаров пишет:
Цитата
Алексей пишет:
Добрый день, Михаил, столкнулся с проблемой битрикса, при восстановлении из резервной копии, битрикс не нашёл картинки PNG, хотя через Coda они находились там.
После этого при подключении к ip адресу выводится ошибка и предлагается подробности посмотреть в файле.

Подскажите есть ли какой нибудь вариант зайти в битрикс после фатальных ошибок? или сбросить настойки?

Сейчас переустанавливаю битрикс.
Да. С картинками и вообще файлами, иногда такое случается. Как правило, случается с файлами у которых не хватает прав на чтение/запись. Попробуйте исключить из архивации папку /upload/ а потом, просто руками, ее перенесите
А как правильно переустановить Bitrix? не хочет качать, пишет:
Not Found
The requested URL /bitrix/urlrewrite.php was not found on this server.
Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request.
Apache/2.2.15 (CentOS) Server at 192.168.1.12 Port 80
Если именно переустановтьь с нуля, то можно взять дистрибутив вот тут http://www.1c-bitrix.ru/download/cms.php и кинуть его в корень сайта. Там, само предложит- мол дистрибутив уже есть, можно установить из него.

Но судя по всему, у вас просто не хватает файла /urlrewrite.php - его можете взять с любого сайта(другого)
 
Добрый вечер! Подскажите пожалуйста где можно найти основной шаблон на битрикс? (по ошибке удалил и не могу найти его)
 
в скаченном файле верстка не виден файл html. что делать?
 
Нашел проблему с прижатием футера к низу.В стилях прописан не класс it_asist,а просто как элемент.Просто добавьте точку и футер внизу окажется)))
 
Помогите, пожалуйста, не подключаются стили, добавил команду <?$APPLICATION->ShowHead()?>, и ничего
 
Михаил, здравствуйте! Спасибо вам за видео-уроки. В одном из видео-материалов вы говорите о том, что можно посмотреть сайт по адресу http://asistant.camouf.ru/, понимаю, что времени прошло много с момента написания материала, но по данному адресу сайт не открывается.
 
Цитата
chybakabra написал:
Михаил, здравствуйте! Спасибо вам за видео-уроки. В одном из видео-материалов вы говорите о том, что можно посмотреть сайт по адресу  http://asistant.camouf.ru/ , понимаю, что времени прошло много с момента написания материала, но по данному адресу сайт не открывается.
Он тут http://comp-assistant.ru
 
Добрый вечер, Михаил. Все сделал как у Вас в уроке. Все классно. Только вот у Вас одна программа, а у меня WinSCP на Windows. В видео на 13 минуте 11 секунде - нажимаем на админ. панели Изменить страницу - В визуальном редакторе. Требуху добавляем, и потом идем в программу WinSCP. Ну а Вы у себя в другую программу. Я не смог найти index.php. по тому же адресу, по которому он у Вас расположился. Нашел еле-еле. Потом пытался открыть его как Вы это сделали в программе в виде "липесточка".) Скачал в самом начале урока DreamW.... а index.php в WinSCP нельзя редактировать да? NotePad++ открыл, и увидел, что это именно тот индекс.php. Вроде разобрался. Все круто. Спасибо за видео уроки. Идем к следующему уроку.  :)
 
Цитата
LiKang написал:
Добрый вечер, Михаил. Все сделал как
Добавте в WinSCP редактор SublimeText - как-то, сильно по удобнее станет сразу)
 
Добрый вечер! Спасибо за понятные уроки с комментариями что, где и зачем  :)    дошла до 7 минуты 4-го урока и оказалось, что у меня нет папки  ext_www. Что мне делать? Её можно самой создать? Или это какая-то ошибка и надо что-то переустанавливать? У меня последние версии: Виртуальная машина BitrixVM7.1.0 с объемом диска 20 Гб для VirtualBox, Transmit, Dw, а OS X El Capitan - 10.11.3.  
 
Цитата
ksulya4 написал:
Добрый вечер! Спасибо за понятные уроки с комментариями что, где и зачем      дошла до 7 минуты 4-го урока и оказалось, что у меня нет папки  ext_www. Что мне делать? Её можно самой создать? Или это какая-то ошибка и надо что-то переустанавливать? У меня последние версии: Виртуальная машина BitrixVM7.1.0 с объемом диска 20 Гб для VirtualBox, Transmit, Dw, а OS X El Capitan - 10.11.3.  
Можете продолжать работать в папке www - там ваш сайт и лежит. Либо добавить сайт в виртуальную машину- тогда он появится в папке ext_www (ее и создаст)
 
Цитата

ksulya4 написал:
Добрый вечер! Спасибо за понятные уроки с комментариями что, где и зачем      дошла до 7 минуты 4-го урока и оказалось, что у меня нет папки  ext_www. Что мне делать? Её можно самой создать? Или это какая-то ошибка и надо что-то переустанавливать? У меня последние версии: Виртуальная машина BitrixVM7.1.0 с объемом диска 20 Гб для VirtualBox, Transmit, Dw, а OS X El Capitan - 10.11.3.  
Цитата
[B]Михаил Базаров [/B]написал: Можете продолжать работать в папке www - там ваш сайт и лежит. Либо добавить сайт в виртуальную машину- тогда он появится в папке ext_www (ее и создаст)
Спасибо, Михаил!

В папке «www» есть папка «asistant», но в ней лежит лишь один файл «index.php», если его открыть в Dw, то выскакивает сообщение: «Не удалось обнаружить динамически связанные файлы, поскольку отсутствует определение веб-сайта для данного документа. Настройка».

Возможно, это из-за того, что я ранее некорректно удалила  сайт с битрикс: от него остались картинки, может, и другие мелочи. Я их заметила, пока в Transmit искала место, где прячется футер с компанией. Нашла по адресу: ip/home/birtix/www/bitrix/templates/asistant. Но у них та же беда, что у «index.php» - открытие сопровождается вышеупомянутым сообщением об отсутствии определения веб-сайта. В общем, я совсем запуталась - не знаю, каким папкам там место, а каких быть не должно. Хочу начать заново, пока я на пробных версиях. Что мне переустановить, чтобы чистенько было и я могла бы только с одним сайтом работать по вашим урокам?  
 
Цитата
ksulya4 написал:

Возможно, это из-за того, что я ранее некорректно удалила  сайт с битрикс: от него остались картинки, может, и другие мелочи. Я их заметила, пока в Transmit искала место, где прячется футер с компанией. Нашла по адресу: ip/home/birtix/www/bitrix/templates/asistant. Но у них та же беда, что у «index.php» - открытие сопровождается вышеупомянутым сообщением об отсутствии определения веб-сайта. В общем, я совсем запуталась - не знаю, каким папкам там место, а каких быть не должно. Хочу начать заново, пока я на пробных версиях. Что мне переустановить, чтобы чистенько было и я могла бы только с одним сайтом работать по вашим урокам?  
Да просто грохние все) И установите сервер и битрикс с нуля. Иначе можно долго и разбираться и не известно, где что вылезет еще
Форма ответов
 
Текст сообщения*
Перетащите файлы
Ничего не найдено
Файл
Загрузить картинки
 
Поблагодарить и поддержать:
Или подписаться на boosty канал: Видео на Ютубе