Редактирование: FXML

Перейти к: навигация, поиск

Внимание! Вы не авторизовались на сайте. Ваш IP-адрес будет публично видимым, если вы будете вносить любые правки. Если вы войдёте или создадите учётную запись, правки вместо этого будут связаны с вашим именем пользователя, а также у вас появятся другие преимущества.

Правка может быть отменена. Пожалуйста, просмотрите сравнение версий, чтобы убедиться, что это именно те изменения, которые вас интересуют, и нажмите «Записать страницу», чтобы изменения вступили в силу.
Текущая версия Ваш текст
Строка 1: Строка 1:
=='''FXML''' (Fork eXtensible Markup Language) - что такое==
+
'''FXML''' (Fork eXtensible Markup Language) язык разметки документов во Всемирной паутине.  Для навигации по таким страницам не требуется мышь или сенсорный экран. Язык '''FXML''' интерпретируется такими приложениями как ForkPlayer, OTT Player, OTT-play. Полученный в результате интерпретации форматированный текст отображается на экране телевизора.  
Это язык разметки документов во Всемирной паутине.  Для навигации по таким страницам не требуется мышь или сенсорный экран. Язык '''FXML''' интерпретируется такими приложениями как ForkPlayer, OTT Player, OTT-play. Полученный в результате интерпретации форматированный текст отображается на экране телевизора.  
 
  
====Например, следующий код (должен быть валидным JSON):====
+
Например, следующий код (должен быть валидным JSON):
 
  {"title":"COOLTV - портал нового поколения","background-image":"<nowiki>http://cooltv.info/img/tvcool.jpg</nowiki>","typeList":"start","icon":"<nowiki>http://cooltv.info/img/tvcool23.jpg</nowiki>","channels":[{"title":"Вход","logo_30x30":"<nowiki>http://cooltv.info/img/profle22.jpg</nowiki>","playlist_url":"<nowiki>http://cooltv.info/auth</nowiki>"},{"title":"Новости ","logo_30x30":"<nowiki>http://cooltv.info/img/rss-96.png</nowiki>","playlist_url":"<nowiki>http://cooltv.info/news</nowiki>"},{"title":"Поиск ","logo_30x30":"<nowiki>http://cooltv.info/img/icons8-search-folder-96.png</nowiki>","playlist_url":"<nowiki>http://cooltv.info/media/search.php</nowiki>"},{"title":"Кинозал ","logo_30x30":"<nowiki>http://cooltv.info/img/1icons8-film-reel-96.png</nowiki>","playlist_url":"<nowiki>http://cooltv.info/media</nowiki>"},{"title":"AceStream ","logo_30x30":"<nowiki>http://cooltv.info/img/icons8-wave-arrows-96.png</nowiki>","playlist_url":"<nowiki>http://cooltv.info/vdt/12</nowiki>"},{"title":"Обменник ","logo_30x30":"<nowiki>http://cooltv.info/img/icons8-next-100.png</nowiki>","playlist_url":"<nowiki>http://cooltv.info/media/obmen/</nowiki>"},{"title":"Сервисы ","logo_30x30":"<nowiki>http://cooltv.info/img/icons8s3-96.png</nowiki>","playlist_url":"<nowiki>http://cooltv.info/vdt/9</nowiki>"},{"title":"IPTV ","logo_30x30":"<nowiki>http://cooltv.info/img/icons8-hdtv-96.png</nowiki>","playlist_url":"<nowiki>http://cooltv.info/vdt/8</nowiki>"},{"title":"Мультимедиа ","logo_30x30":"<nowiki>http://cooltv.info/img/icons8-documentary-96.png</nowiki>","playlist_url":"<nowiki>http://cooltv.info/vdt/7</nowiki>"},{"title":"Чат ","logo_30x30":"<nowiki>http://cooltv.info/img/icons8-chat-96.png</nowiki>","playlist_url":"<nowiki>http://cooltv.info/guest</nowiki>"},{"title":"FAQ ","logo_30x30":"<nowiki>http://cooltv.info/img/icons8-info-popup-96.png</nowiki>","playlist_url":"<nowiki>http://cooltv.info/faq/</nowiki>"},{"title":"Копилка","logo_30x30":"<nowiki>http://cooltv.info/img/icons8-bad-piggies-96.png</nowiki>","playlist_url":"<nowiki>http://cooltv.info/copilka</nowiki>"}]}
 
  {"title":"COOLTV - портал нового поколения","background-image":"<nowiki>http://cooltv.info/img/tvcool.jpg</nowiki>","typeList":"start","icon":"<nowiki>http://cooltv.info/img/tvcool23.jpg</nowiki>","channels":[{"title":"Вход","logo_30x30":"<nowiki>http://cooltv.info/img/profle22.jpg</nowiki>","playlist_url":"<nowiki>http://cooltv.info/auth</nowiki>"},{"title":"Новости ","logo_30x30":"<nowiki>http://cooltv.info/img/rss-96.png</nowiki>","playlist_url":"<nowiki>http://cooltv.info/news</nowiki>"},{"title":"Поиск ","logo_30x30":"<nowiki>http://cooltv.info/img/icons8-search-folder-96.png</nowiki>","playlist_url":"<nowiki>http://cooltv.info/media/search.php</nowiki>"},{"title":"Кинозал ","logo_30x30":"<nowiki>http://cooltv.info/img/1icons8-film-reel-96.png</nowiki>","playlist_url":"<nowiki>http://cooltv.info/media</nowiki>"},{"title":"AceStream ","logo_30x30":"<nowiki>http://cooltv.info/img/icons8-wave-arrows-96.png</nowiki>","playlist_url":"<nowiki>http://cooltv.info/vdt/12</nowiki>"},{"title":"Обменник ","logo_30x30":"<nowiki>http://cooltv.info/img/icons8-next-100.png</nowiki>","playlist_url":"<nowiki>http://cooltv.info/media/obmen/</nowiki>"},{"title":"Сервисы ","logo_30x30":"<nowiki>http://cooltv.info/img/icons8s3-96.png</nowiki>","playlist_url":"<nowiki>http://cooltv.info/vdt/9</nowiki>"},{"title":"IPTV ","logo_30x30":"<nowiki>http://cooltv.info/img/icons8-hdtv-96.png</nowiki>","playlist_url":"<nowiki>http://cooltv.info/vdt/8</nowiki>"},{"title":"Мультимедиа ","logo_30x30":"<nowiki>http://cooltv.info/img/icons8-documentary-96.png</nowiki>","playlist_url":"<nowiki>http://cooltv.info/vdt/7</nowiki>"},{"title":"Чат ","logo_30x30":"<nowiki>http://cooltv.info/img/icons8-chat-96.png</nowiki>","playlist_url":"<nowiki>http://cooltv.info/guest</nowiki>"},{"title":"FAQ ","logo_30x30":"<nowiki>http://cooltv.info/img/icons8-info-popup-96.png</nowiki>","playlist_url":"<nowiki>http://cooltv.info/faq/</nowiki>"},{"title":"Копилка","logo_30x30":"<nowiki>http://cooltv.info/img/icons8-bad-piggies-96.png</nowiki>","playlist_url":"<nowiki>http://cooltv.info/copilka</nowiki>"}]}
 
даст такой результат (в ForkPlayer):
 
даст такой результат (в ForkPlayer):
Строка 10: Строка 9:
 
Все допустимые команды можно посмотреть в исходном коде страниц  
 
Все допустимые команды можно посмотреть в исходном коде страниц  
  
https://github.com/vengo634/kino.pub_forkplayerPHP/blob/master/index.php
+
https://github.com/alexkdpu/kino.pub_forkplayerPHP/blob/master/index.php
  
====Смотреть Исходный код любой страницы можно непосредственно в ForkPlayer====
+
Смотреть Исходный код любой страницы можно непосредственно в ForkPlayer
 
[[Файл:VmGe53a9.png|мини|без]]
 
[[Файл:VmGe53a9.png|мини|без]]
  
Строка 22: Строка 21:
  
 
==Глобальные теги==
 
==Глобальные теги==
$_PL["css"]="start"; // Плиточный + другой(с использованием $_CH["position"] ) виды страницы
+
$_PL["typeList"]="start"; // Плиточный + другой(с использованием $_CH["position"] ) виды страницы
 
 
====Стили сайта по умолчанию====
 
По умолчанию для вашей страницы задаются такие стили (вы их можете изменить задав нужные в $_PL["css"]
 
 
 
<div class="toccolours mw-collapsible mw-collapsed" style="width:700px; overflow:auto;">
 
 
 
<div style="font-weight:bold;line-height:1.6;">Смотреть CSS стили по умолчанию</div>
 
 
 
<div class="mw-collapsible-content">
 
 
 
::-webkit-scrollbar-button:single-button {
 
    background-color: #bbbbbb;
 
    display: block;
 
    border-style: solid;
 
    height: 10px;
 
    width: 10px;
 
}
 
 
 
::-webkit-scrollbar-button:single-button:vertical:decrement {
 
    border-width: 5px;
 
    border-color: transparent transparent #555555;
 
}
 
 
 
::-webkit-scrollbar-button:single-button:vertical:increment {
 
    border-width: 5px;
 
    border-color: #555555 transparent transparent transparent;
 
}
 
 
 
::-webkit-scrollbar {
 
    width: 10px;
 
}
 
 
 
::-webkit-scrollbar-track {
 
    background: #ddd;
 
}
 
 
 
::-webkit-scrollbar-thumb {
 
    background: #888;
 
}
 
 
 
::-webkit-scrollbar-thumb:hover {
 
    background: #777;
 
}
 
 
 
.start {
 
    position: relative;
 
    border: 0px;
 
    text-align: center;
 
    display: inline-block;
 
    ;
 
    overflow: hidden;
 
    text-align: center;
 
    margin-left: 4px;
 
    margin-top: 1px;
 
    height: 10px;
 
    width: 10%;
 
}
 
 
 
.start .rating {
 
    position: absolute;
 
    display: none;
 
    text-align: left;
 
    height: 23px;
 
    width: 28px;
 
    padding-top: 5px;
 
    padding-left: 5px;
 
    font-size: 11px;
 
}
 
 
 
.start .icon {
 
    padding: 2px 2px 0px 2px;
 
    height: 76%;
 
}
 
 
 
.start .name {
 
    font-size: 17px;
 
    line-height: 0.9;
 
    position: absolute;
 
    bottom: 0px;
 
    width: 100%;
 
    max-height: 50%;
 
}
 
 
 
.start .title {
 
    background: rgba(0, 0, 0, 0.65);
 
    border-radius: 3px;
 
    width: auto;
 
    display: display: inline-block;
 
    margin: 2px;
 
    padding: 1px 4px 4px 4px;
 
}
 
 
 
.start .side_icon {
 
    position: relative;
 
    padding: 2px;
 
}
 
 
 
.list {
 
    text-align: left;
 
    border-radius: 4px 0px 0px 4px;
 
    cursor: default;
 
    margin: 2px 0px;
 
    width: 48.87708333333334%;
 
    height: 35px;
 
}
 
 
 
.list .contmenu {
 
    position: relative;
 
    float: right;
 
    display: none;
 
}
 
 
 
.list .numb {
 
    float: left;
 
    padding-top: 2px;
 
    font-size: 60%;
 
    min-width: 38px;
 
    text-align: center;
 
}
 
 
 
.list .icon {
 
    margin: 0px 2px;
 
    padding-right: 2px;
 
    float: left;
 
}
 
 
 
.list .title {
 
    display: inline-block;
 
    float: left;
 
    position: relative;
 
    white-space: nowrap;
 
}
 
 
 
.listsearch {
 
    background-color: #ddd;
 
    color: #333;
 
    overflow: hidden;
 
    border-radius: 4px;
 
    padding: 3px;
 
    margin-top: 2px;
 
    font-size: 85%;
 
    width: 90%;
 
    height: 68%;
 
}
 
 
 
.infolinktitle {
 
    height: 63%;
 
    font-size: 80%;
 
    overflow: hidden;
 
}
 
 
 
.infolink {
 
    padding-left: 3px;
 
    font-size: 11px;
 
}
 
 
 
.default .contmenu {
 
    display: none;
 
}
 
 
 
.selected .contmenu {
 
    display: block;
 
}
 
 
 
.html {
 
    position: relative;
 
    display: inline-block;
 
    vertical-align: top;
 
}
 
 
 
.hlink {
 
    position: relative;
 
    border: 0px solid transparent;
 
    margin: 0px 4px;
 
    border-radius: 4px;
 
    display: inline-block;
 
    overflow: hidden;
 
}
 
 
 
.hlink .title {
 
    overflow: hidden;
 
    max-width: 310px;
 
    font-size: 90%;
 
    padding: 0px 4px;
 
    float: left;
 
    height: 28px;
 
    text-decoration: underline;
 
}
 
 
 
.hlink .icon {
 
    float: left;
 
    height: 22px;
 
    padding-top: 5px;
 
}
 
 
 
.fulleditline {
 
    border: 1px solid transparent;
 
    width: 80%;
 
    margin: 1px 9%;
 
    border-radius: 4px;
 
    display: inline-block;
 
    overflow: hidden;
 
}
 
 
 
.fulleditline .title {
 
    overflow: hidden;
 
    font-size: 24px;
 
    height: 24px;
 
    margin: 3px;
 
    color: #2b2525;
 
    background-color: #eee;
 
    padding: 4px;
 
}
 
 
 
.fulleditline .icon {
 
    float: right;
 
    height: 22px;
 
    padding-top: 2px;
 
}
 
 
 
.label {
 
    position: relative;
 
    text-align: left;
 
    border-radius: 4px;
 
    margin: -2px 4%;
 
    font-size: 80%;
 
    width: 92%;
 
    display: inline-block;
 
    overflow: hidden;
 
    height: 26px;
 
}
 
 
 
.label .icon {
 
    float: left;
 
    height: 20px;
 
}
 
 
 
.default {
 
    background: none;
 
}
 
 
 
.selected {
 
    background: rgba(180, 180, 180, 0.7);
 
}
 
 
 
.listselected {
 
    color: black;
 
}
 
 
 
.site {
 
    height: 100%;
 
    width: 100%;
 
    overflow-y: auto;
 
    overflow-x: hidden;
 
    font-size: 27px;
 
}
 
 
 
body {
 
    color: rgb(238, 238, 238);
 
    margin: 0px;
 
    padding: 0px;
 
    height: 100%;
 
    width: 100%;
 
    overflow: hidden;
 
    background-color: transparent;
 
}
 
 
 
small {
 
    font-size: 70%;
 
    color: gray;
 
}
 
 
 
.buttons {
 
    position: fixed;
 
    top: 80%;
 
    left: 50%;
 
    width: 47%;
 
    margin: 2px;
 
    display: none;
 
    padding: 0px 3px 0px 3px;
 
    color: #cccccc;
 
    font-size: 80%;
 
}
 
\#description {
 
    top: 0px;
 
    position: fixed;
 
    margin: 2px;
 
    overflow-x: hidden;
 
    overflow-y: auto;
 
    display: none;
 
    padding: 0px 3px 0px 3px;
 
    font-size: 28px;
 
    left: 51%;
 
    width: 47.2%;
 
    word-break: break-word;
 
}
 
 
 
</div></div>
 
 
 
===Пример своего стиля (пишите чистый css, он будет преобразован в одну строку)===
 
 
 
====#content - стиль страницы (без description)====
 
$_PL["css"]
 
 
 
====#rightHalf- стиль description====
 
$_PL["css"]="#content {font-size:25px;}  #rightHalf{font-size:10 px;} "; // Установим размер шрифта сайта и описания
 
 
 
====.selected - стиль при выделении элемента====
 
$_PL["css"]=" .selected {  color: black; } "; // Делаем смену цвета выделенного элемента
 
 
 
====.default - стиль невыделенного элемента====
 
$_PL["css"]=" .default{  color: gray; } ";
 
 
 
====.contmenu - визуальная кнопка контекстного меню====
 
$_PL["css"]=" .contmenu{ display:none; } ";  // Скрываем кнопку контекстного меню
 
 
 
====.label, .start, .list, .fulleditline, .hlink, .html - стили(верхний уровень) для разных типов элементов $_CH["position"]  [http://forkplayer.tv/wiki/FXML#position_.D0.BF.D1.80.D0.B8_.D0.B7.D0.B0.D0.B4.D0.B0.D0.BD.D0.BD.D0.BE.D0.BC_.24_PL.5B.22typeList.22.5D.3D.22start.22.3B]====
 
Если не задан $_CH["position"] элемента то по умолчанию элементы отображаются на странице списком и классом .list
 
 
 
Если при этом задано отображение плиткой ($_PL["typeList"]="start" ) то по умолчанию элементы отображаются с классом .start
 
 
 
====.labelselected, .startselected, .listselected, .fulleditlineselected, .hlinkselected, .htmlselected - стили(верхний уровень) для выделенных элементов====
 
 
 
=====Установим цвет для выделенных элементов только .list=====
 
$_PL["css"]=" .listselected{color: red; }";
 
 
 
====.labeldefault, .startdefault, .listdefault, .fulleditlinedefault, .hlinkdefault, .htmldefault - стили(верхний уровень) для невыделенных элементов====
 
 
 
====.list - зададим свой вид списка====
 
$_PL["css"]=" .list{color: red; }"; // Меняем цвет
 
 
 
====.title .icon .rating .numb вложенные в верхний уровень стили заголовка, иконки, рейтинга(для .start), порядкового номера(для .list)====
 
$_PL["css"]=" .title{color: red; }"; // Меняем цвет заголовков
 
 
 
$_PL["css"]=" .numb { display:none; } "; // Скрываем отображение номера
 
 
 
====Комбинация классов, зададим стиль иконок только для списка (.list)====
 
$_PL["css"]=" .list .icon{background-color:white; margin:2px;}"; // Зададим белую рамку фона для иконок
 
 
 
 
 
  
 
$_PL["cacheinfo"]="nocache";  // Не кешировать страницу (при возврате назад страница будет грузиться заново по адресу)
 
$_PL["cacheinfo"]="nocache";  // Не кешировать страницу (при возврате назад страница будет грузиться заново по адресу)
Строка 404: Строка 63:
 
===logo_30x30===
 
===logo_30x30===
 
Адрес иконки
 
Адрес иконки
 
===confirm - диалоговое окно с действиями при нажатии на элемент===
 
Пример подтверждения выхода с аккаунта
 
 
$_CH[]=["title"=>"Выйти","playlist_url"=>"confirm","confirm"=>["http://host/?do<nowiki>=exit"],"description"=>"Выйти с аккаунта?"];</nowiki>
 
  
 
===menu - контекстное меню элемента===
 
===menu - контекстное меню элемента===
 
$menu=[];
 
$menu=[];
  
$menu[0]=["title"=>"Контекстное меню1","playlist_url"=>"http..."]; //  Аналог обычного $_CH
+
$menu[0]=["title"=>"Контекстное меню1","playlist_url=>"http..."]; //  Аналог обычного $_CH
  
$menu[0]=["title"=>"Контекстное меню2","playlist_url"=>"http..."]; //  Аналог обычного $_CH
+
$menu[0]=["title"=>"Контекстное меню2","playlist_url=>"http..."]; //  Аналог обычного $_CH
  
 
$_CH["menu"]=$menu;
 
$_CH["menu"]=$menu;
  
===position при заданном $_PL["typeList"]="start";===
+
===position===
 
+
$_CH["position"]="fulleditline"; //- Поле ввода текста шириной почти на всю страницу
====$_CH["position"]=""; // - Плитка как в Стартовом меню размером 128х101px)====
 
 
 
====$_CH["position"]="html"; // - Пример элемента со своим дизайном в $_CH["template"]====
 
$_CH["position"]="html";
 
 
 
$_CH["br"]=0; // Не переносить навигацию на новую строку
 
 
 
$_CH["title"]="Новый вид";
 
 
 
$_CH["description"]="Описание вида";
 
 
 
$_CH["logo_30x30"]="<nowiki>http://p.lnka.ru/icons/yapfiles.png</nowiki>";
 
 
 
$_CH["template"]='<nowiki><div style="width:242px;overflow:hidden;margin:4px;text-align:center;"><img src="$logo_30x30" style="width:242px;height:171px;padding:2px 2px 0px 2px;"></nowiki><nowiki><br></nowiki>$title<nowiki><br></nowiki><nowiki><small>$description</small></nowiki><nowiki></div></nowiki>';
 
  
Элементы будут выстраиваться в ряд и навигация по ним будет предполагать что они в одном ряду
+
$_CH["position"]="hlist"; // - горизонтальная ссылка (может быть несколько на одном горизонтальном уровне)
  
=====$_CH["br"]=====
+
$_CH["position"]="list"; // -обычный вид списка шириной в половину экрана и с description справа
В месте где навигация должна перейти на новую строку задайте $_CH["br"]=1; При этом в before будет добавлено значение <nowiki><br clear=both></nowiki>
 
  
====$_CH["position"]="fulleditline"; //- Поле ввода текста шириной почти на всю страницу====
+
$_CH["position"]="label"; // -невысокая строка на всю ширину экрана
  
====$_CH["position"]="hlist"; // - горизонтальная ссылка (может быть несколько на одном горизонтальном уровне)====
+
$_CH["position"]="bigtile"; // - Плитка увеличенной в 2 раза высоты (128х215px)
  
====$_CH["position"]="list"; // -обычный вид списка шириной в половину экрана и с description справа====
+
$_CH["position"]=""; // - Плитка обычного размера как в Стартовом меню (128х101px)
 
 
====$_CH["position"]="label"; // -невысокая строка на всю ширину экрана====
 
  
 
===location===
 
===location===
Строка 474: Строка 111:
 
Можно использовать один или два сразу тега onmenu и onplay
 
Можно использовать один или два сразу тега onmenu и onplay
  
===parser - тег загрузки другой страницы перед переходом по playlist_url или stream_url===
+
=== parser - тег загрузки другой страницы перед переходом по playlist_url или stream_url ===
 
Пример в XML
 
Пример в XML
 
  <parser><![CDATA<nowiki>[http://www.youtube.com/watch?v=qZ3xj_UF4I8|js=|;]</nowiki>]></parser>
 
  <parser><![CDATA<nowiki>[http://www.youtube.com/watch?v=qZ3xj_UF4I8|js=|;]</nowiki>]></parser>
Строка 507: Строка 144:
 
Результат будет аналогично md5hash в $_GET['page']
 
Результат будет аналогично md5hash в $_GET['page']
  
====Методом POST для видеоссылок ( stream_url )====
+
==== Методом POST для видеоссылок ( stream_url ) ====
 
 <code><channel>  </code>
 
 <code><channel>  </code>
  
Строка 524: Строка 161:
 
Тоесть <code><nowiki>http://test.ru/index.php?s=postmd5</nowiki></code> должен дать текст ссылки на медиафайл вида <nowiki>http://.../myvideo.mp4</nowiki>
 
Тоесть <code><nowiki>http://test.ru/index.php?s=postmd5</nowiki></code> должен дать текст ссылки на медиафайл вида <nowiki>http://.../myvideo.mp4</nowiki>
  
====Скачивание сторонней страницы по необходимости, страница <nowiki>http://parser.co/</nowiki> может дать json ответ====
+
==== Скачивание сторонней страницы по необходимости, страница <nowiki>http://parser.co/</nowiki> может дать json ответ ====
 
  {"parse":"<nowiki>http://www.youtube.com/watch?v=qZ3xj_UF4I8&gl=US&hl=en&has_verified=1&bpctr=9999999999</nowiki>"}
 
  {"parse":"<nowiki>http://www.youtube.com/watch?v=qZ3xj_UF4I8&gl=US&hl=en&has_verified=1&bpctr=9999999999</nowiki>"}
 
Скачанная страница шлется в параметре  $_POST['remoteparse']
 
Скачанная страница шлется в параметре  $_POST['remoteparse']
 
==Построение произвольного положения элементов на странице (c "br" вместо "coordiantion")==
 
 
===Задаем странице вид плиткой (start)===
 
$_PL["typeList"]="start";
 
 
===Прописываем свои стили===
 
$_PL["css"]="
 
 
.myStyle1{
 
 
width:242px;
 
 
overflow:hidden;
 
 
margin:4px;
 
 
text-align:center;
 
 
}
 
 
.myStyle2{
 
width:242px;
 
height:171px;
 
padding:2px 2px 0px 2px;
 
}
 
 
";
 
 
===Задаем шаблон (template) каждому элементу списка===
 
<code>$_CH["position"]="html"; // Задает возможность использовать template
 
 
$_CH["title"]="Новый вид"; // Заголовок - подставляет в шаблоне вместо $title
 
 
$_CH["logo_30x30"]="<nowiki>http://p.lnka.ru/icons/yapfiles.png</nowiki>"; // Иконка $logo_30x30
 
 
$_CH["description"]="Описание, если нужно"; // Описание- подставляет в шаблоне вместо $description
 
 
$_CH["template"]='<nowiki><div class="myStyle1"><img src="$logo_30x30" style="myStyle2"></nowiki><nowiki><br></nowiki>$title<nowiki></div></nowiki>';
 
 
</code>
 
 
===Перенос на новую строке при html дизайне $_CH["br"]=1;===
 
Для правильной навигации по странице нужно знать когда у вас там новая строка. Для этого в элементе с которого нужно чтоб начиналась новая строка присваиваем
 
$_CH["br"]=1;// Этот элемент разместится уже на новой строке
 
 
==Горизонтальная прокрутка==
 
Задаем nowrap только для первого (обзначается br=1) элемента блока горизонтальной прокрутки
 
 
$_CH=["br"=>1,"nowrap"=1,"title"=>"Первый элемент горизонтального блока прокрутки"];
 
 
$_CH=["title"=>"Второй элемент горизонтального блока прокрутки"];
 
 
$_CH=["title"=>"Третий элемент горизонтального блока прокрутки"];
 
 
...
 
 
$_CH=["title"=>"Последний элемент горизонтального блока прокрутки"];
 
 
$_CH=["br"=>1,"title"=>"Новый элемент с новой строки"];
 
  
 
==Вывод результирующей страницы (на PHP)==
 
==Вывод результирующей страницы (на PHP)==

Обратите внимание, что все добавления и изменения текста статьи рассматриваются как выпущенные на условиях лицензии Creative Commons Zero (общественное достояние) (см. Браузер Fork - Wiki:Авторские права). Если вы не хотите, чтобы ваши тексты свободно распространялись и редактировались любым желающим, не помещайте их сюда.
Вы также подтверждаете, что являетесь автором вносимых дополнений или скопировали их из источника, допускающего свободное распространение и изменение своего содержимого.
НЕ РАЗМЕЩАЙТЕ БЕЗ РАЗРЕШЕНИЯ МАТЕРИАЛЫ, ОХРАНЯЕМЫЕ АВТОРСКИМ ПРАВОМ!

Источник — «http://forkplayer.tv/wiki/FXML»