...
| Макрос генерирует HTML разметку |
|---|
<div class="header">
<h1>MobileTaxi</<h1><font face="roboto - medium">MobileTaxi</font></h1>
<h2>Основные возможности</h3>
<a href="hhttpshttps://docs.tn.in.ua/pages/viewpage.action?pageId=94094689407588"><span>Что><span>Начало нового?<работы</span></a>
</div>
<div class="menu">
<ul>
<li>
<a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=940758814352482"><span>Начало>
работы</span></a> <a href <img src="https:/download/www.google.com.ua/"><span>Видео урок</span></a>attachments/6817598/interface.png">
<h3>Интерфейс</h3>
<a href="https://www.google.com.ua/"><span>FAQ</span></a> <p>Описание интерфейса программы</p>
</div>a>
<div class="menu"> <ul> </li>
<li>
<a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=681606912779624">
<img src="/download/attachments/68158736817598/Bookmain_iconwindow.png">
<h3>Интерфейс<<h3>Статусы и рейтинг водителя</h3>
<p>Описание<p>Изменения интерфейса программы<статуса и рейтинга водителя, контроль баланса</p>
</a>
</li>
<li>
<a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=68162738552790">
<img src="/download/attachments/68158736817598/Reportdriver_iconsector.png">
<h3>Контроль<h3>Работа баланса<с секторами</h3>
<p>Контроль<p>Постановка заводителя изменение баланса<в сектор, информация по секторам. </p>
</li>
<li>
<a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=8552802">
<img src="/download/attachments/6817598/filter_order.png">
<h3>Фильтрация заказов</h3>
<p>Настройка фильтров для отображения заказов в эфире</p>
</a>
</li>
<li>
<a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=68163248552945">
<img src="/download/attachments/68158736817598/mail_iconorder.png">
<h3>Прием заказа<заказа и сообщения</h3>
<p>Фильтр<p>Автовзятие, иприем автоподбор заказа, поотправка задаными параметрам<получение сообщений</p>
</a>li>
</li>
<li>
<a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=68162628552909">
<img src="/download/attachments/68158736817598/SeetingDispatcher_iconconnect.png">
<h3>Установка<h3>Связь программы<с диспетчером</h3>
<p>Установка<p>Связь программы, настройка<с диспетчером. Экстренный вызов</p>
</a>
</li>
<li>
<a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=68163348552900">
<img src="/download/attachments/68158736817598/Driver_iconTaxo.png">
<h3>Таксометр</h3>
<p>Таксометр<<p>Запуск таксометра, создание заказа по таксометру</p>
</a>
</li>
<li>
<a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=68163368552890">
<img src="/download/attachments/68158736817598/Order_iconmap.png">
<h3>Работа с заказами<<h3>Карта</h3>
<p>Передача<p>Навигация статуса заказа<маршрута заказа по карте</p>
</a>
</li>
<li>
<a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=68163438552923">
<img src="/download/attachments/68158736817598/mapEdit_iconsetting.png">
<h3>Карта<<h3>Настройки</h3>
<p>GPS<p>Изменение навигацияоформления, поудаление карте</p>сообщений </a>и заказов</p>
</li>
< </ul>
</div>
<style>
.header {
background-image: url("/download/attachments/6817598/bg_23.png");
text-align: center;
padding: 20px;
}
.header h1,
.header h2,
.header span {
color: black#583C00;
}
.header h1,
.header h2 {
margin: 20px;
}
.header h1 {
font-size: 48px;
line-height: 1.5;
}
.header h2 {
font-size: 18px;
}
.header a:link,
.menu a:link {
text-decoration: none;
}
.header a:visited,
.menu a:visited {
text-decoration: none;
}
.header span {
margin: 10px 15px 10px 15px;
font-weight: 600;
}
.header span:hover {
background-color: #4DA0EA#FFD67A;
border-radius: 0.5em;
margin: 0px;
padding: 10px 15px 10px 15px;
}
.menu ul{
margin: 0px;
padding: 0px;
display: flex;
flex-flow: row wrap;
justify-content: center;
list-style: none;
max-width: 1400px;
margin: auto;
}
.menu li {
border: 1px solid #A0A0A1;
border-radius: 10px;
margin: 20px;
height: 115px;
flex-basis: 400px;
}
.menu li img {
background-color: #F0F4F8;
float: left;
margin-right: 5px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px; }
.menu li h3 {
margin: 8px 8px 0px 0px;
color: #5685BE;
}
.menu li p {
margin: 8px 8px 8px 0px;
color: #717171;}
#title-heading {display: none;}
.page-metadata {visibility: hidden;}
</style>
|
...