Забыли пароль?
Запросите новый здесь.

Голосование
Что вас интересует на нашем сайте больше всего?

База аддонов
База аддонов
17% [2 Голосов]

Форум, поиск ответов
Форум, поиск ответов
25% [3 Голосов]

Общение
Общение
33% [4 Голосов]

Новости
Новости
0% [0 Голосов]

Другое
Другое
25% [3 Голосов]

Голосов: 12
Вы должны авторизироваться, чтобы голосовать.
Начат: 16.05.2017 07:06

Архив опросов
Случайная тема
Друзья проекта
Unlogic W0rst Lab
All Fusion :: Плагины, моды, темы оформления для 6 и 7 версий PHP-Fusion
Система Smart для PHP-Fusion
Миничат
Только пользователи могут отправлять сообщения.

SchreiBear
Offline
· 15.10.2017 13:53
Тежёлый случай

Polarfox
OfflineAdmin
· 14.10.2017 17:40
BAD-DIMAN, работает, я же не наугад сказал. Прокси пробуй, может у вас тоже дебилы запрещатели? Или просто сломан интернет.

ovas
Offline
· 14.10.2017 16:16
SchreiBear Проблемы нету. Вопрос что ты хочешь от сайта и бюджете сайта. А так Руки с мозгами нужны чтоб клацали по мышке и клаве bv

SchreiBear
Offline
· 14.10.2017 13:56
ovas, тут нет.. ну а как по другому ты решиш проблему?

SchreiBear
Offline
· 14.10.2017 13:53
Агент кремля. Хорошо поёт и самое главное правду.. http://ok.ru/vide.
..0607458954

Архив миничата
Сейчас на сайте
» Гостей: 17

Гости:
» [Ваш IP] 07:27:03
/Статьи
» 164.132.161.60 07:26:56
/Поиск
» 164.132.161.17 07:26:48
/moddb/error.php
» 151.80.27.118 07:26:34
/Поиск
» Google [Bot] 07:26:31
/Статьи
» 217.182.132.83 07:26:18
/Поиск
» Yahoo [Bot] 07:26:12
/Архив миничата
» 51.255.65.56 07:25:31
/Поиск
» 69.162.124.235 07:25:24
» 164.132.161.78 07:25:11
/Поиск
7 - не показано

» Всего пользователей: 1,317
» Новый пользователь: hobby58
В базе имеется
аддонов: 952
тем: 137
Иерархия статей
Php-Fusion-7 + HTML-5

PHP-Fusion до 6-й версии выдавал страницы в стандарте HTML-4, 7-я версия выдает XHTML-1.0, восьмая (если таковая будет) - возможно, что будет на HTML-5. Но когда она будет и будет ли - неизвестно, а новый стандарт хочется пощупать сейчас.

Итак, начинаем переделывать наш PHP-Fusion 7.02 под HTML-5. А начинаем с папки /themes/templates/ с файлов header.php, admin_header.php и admin_header_mce.php. Хотя для начала можно ограничиться одним header.php, так как последние два используются только в админке. Переделки небольшие: находим

echo "<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>\n";
echo "<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='".$locale['xml_lang']."' lang='".$locale['xml_lang']."'>\n";

и меняем на

echo "<!DOCTYPE html>\n";
echo "<html>\n";

Больше в этих файлах менять ничего не надо. В принципе, после этого уже ваш сайт формально будет на HTML 5. Теперь приступим к использованию его возможностей. Отредактируем тему. Покажу на примере темы "Stylo". Что и зачем я там менял, я уже писал в своей статье HTML-5 и PHP-Fusion: первые шаги у себя на блоге, здесь еще раз повторюсь. Перейдем в папку с темой и откроем файл theme.php. Начнем с функции render_page. Находим:

echo "<div class='main-header'>\n".showbanners()."</div>\n";
echo "<div class='sub-header clearfix floatfix'>".showsublinks("","")."</div>\n";

и делаем так:

echo "<header>\n".showbanners()."</header>\n";
echo "<nav><div class='clearfix floatfix'>".showsublinks("","")."</div></nav>\n";

Заодно в файле styles.css находим .main-header { и меняем на header {, а также все .sub-header меняем на nav.
Сначала я сделал без <div class='clearfix floatfix'>.Но проверка в браузерах показала, что Хром и Файрфокс справились прекрасно, а вот Интернет эксплорер (9-й) не справился с тэгом <nav> - верхнее горизонтальное меню он вывел сбоку и верстка расползлась. Поэтому пришлось добавить 'clearfix floatfix', в результате все стало на место во всех браузерах.

Заголовок отработали, теперь футер. Просто заключаем его в теги <footer></footer>. Стили трогать пока не будем, этот тэг (как, впрочем, и все предыдущие мною добавленные) относится к семантической разметке, его главная задача - показать поисковым машинам, к какой части сайта относится контент. Да и стилей там несколько: sub-footer-top, sub-footer clearfix, main-footer clearfix - в общем, с этим тоже будем разбираться, но позже.

Продолжим семантическую разметку: обозначим панели и основной контент. Находим:

if (LEFT) { echo "<div id='side-left'>".LEFT."</div>\n"; }
if (RIGHT) { echo "<div id='side-right'>".RIGHT."</div>\n"; }
echo "<div id='side-center' class='".$main_style."'>";
echo "<div class='upper'>".U_CENTER."</div>\n";
echo "<div class='content'>".CONTENT."</div>\n";
echo "<div class='lower'>".L_CENTER."</div>\n";

И меняем на:

if (LEFT) { echo "<aside><div id='side-left'>".LEFT."</div></aside>\n"; }
if (RIGHT) { echo "<aside><div id='side-right'>".RIGHT."</div></aside>\n"; }
echo "<div id='side-center' class='".$main_style."'>";
echo "<aside><div class='upper'>".U_CENTER."</div></aside>\n";
echo "<article><div class='content'>".CONTENT."</div></article>\n";
echo "<aside><div class='lower'>".L_CENTER."</div></aside>\n";

Ну вот, первый шаг сделан. Конечно, это только минимум, пока даже никаких видимых изменений на страницах нет. Также не ясно пока, зачем это я сделал вообще. Но поверьте, HTML-5, CSS-3, микроразметка - это все нужно, и это все у нас впереди. Буду осваивать и делиться своим опытом в следующих своих записях. Так что следите, скоро будет продолжение.


Поделиться этой статьей
Социальные закладки: Vkontakte Odnoklassniki Mail.ru Facebook Google Tweet This
URL:
BBcode:
HTML:


#11 | jikaka 12.06.2013 06:31
Avatar
Отсутствует
Супер Администратор
Активный
С 26.07.2010 12:10
познавательная, что нифига ничего непонятно было
мысли | фото
#12 | Zaxap 16.06.2013 09:56
Avatar
Отсутствует
Пользователь
Активный
С 05.09.2012 10:32
Да понятно...пример устройства футера, как можно делать ползунок...))
Зло не дремлет, а я добрый...
#13 | hopyres 27.09.2013 09:42
No Avatar
Отсутствует
Пользователь
Активный
С 03.05.2013 04:44
Ждем восьмёрку и усе на этом.ds
#14 | ChubICE 17.11.2013 18:17
Avatar
Отсутствует
Пользователь
Активный
С 05.09.2012 14:50
Alipapa,
Познаватаельно, спасибо!
7.02.07
#15 | Polarfox 03.02.2014 09:51
Avatar
Отсутствует
Администратор
Активный
С 20.08.2010 14:03
Самое интересное работает везде, браузеры новые гламурки поддерживают и в старых стандартах, хотя это конечно не то.

Под новые темы отлично бы так делать.
Всегда делайте backup перед изменениями | Указывайте свою версию в подписи/профиле.
Ежели кто забанен за спам, но не считает себя ботом: можете сообщить мне об этом, все будет хорошо.

PolarLab - вход для подопытных
#16 | Pisatel 30.08.2014 15:10
Avatar
Отсутствует
Пользователь
Активный
С 08.02.2013 05:51
В общем, перевел я один сайт на html5. Что хотелось бы добавить к статье. Файл header.php у меня начинается так
GeSHi: PHP
  1. echo "<!DOCTYPE html>
  2. <html xml:lang='".$locale['xml_lang']."' lang='".$locale['xml_lang']."'>
  3. <head>
  4. <title>".$settings['sitename']."</title>
  5. <meta charset='".$locale['charset']."' />";
Добавлено за 0.031 секунд, используя GeSHi 1.0.8.10

То есть, язык мы задаем теперь вот так. Далее. Желательно в файл styles.css добавить следующее
GeSHi: CSS
  1. address, article, aside, cite, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  2. margin: 0;
  3. padding: 0;
  4. border: 0;
  5. font-size: 100%;
  6. font: inherit;
  7. vertical-align: baseline;
  8. }
  9. article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  10. display: block;
  11. }
Добавлено за 0.004 секунд, используя GeSHi 1.0.8.10

Это "обнулит" стили по умолчанию у новых тегов и мы сможем ими спокойно пользоваться, не боясь косяков.
Далее. Рекомендую, чтобы в теле тега <article> шел какой-либо текст, заключенный в <h1-6>, тогда валидатор не будет ругаться.
Переполз на WP, но PF - это как первая любовь, которая не забывается...
#17 | Pisatel 08.09.2014 09:15
Avatar
Отсутствует
Пользователь
Активный
С 08.02.2013 05:51
Ну и еще: придется переписать примерно 30-40% разметки, иначе нет смысла переходить на html5.
Переполз на WP, но PF - это как первая любовь, которая не забывается...
#18 | Vveb--ws 11.06.2017 10:25
Avatar
Отсутствует
Пользователь
Активный
С 25.11.2010 14:16
всё это конечно дуристика.
в новых браузерах пользы никакой.
а старые браузеры может не поймут.

тем более что я учил html 4.0 в середине 2000-х и переучиваться смысла не вижу.
PHP-функции и CMS PHP-Fusion
Зафрендить https://vk.com/vvebws
Добавить комментарий
Пожалуйста, залогиньтесь для добавления комментария.
Рейтинги
5 (Отлично!) - 2 Голоса

Рейтинг доступен только для пользователей.

Пожалуйста, авторизуйтесьили зарегистрируйтесь для голосования.