...
| Макрос генерирует HTML разметку |
|---|
<div class="header">
<h1>Справочники<<h1>Работа с картографией</h1>
<h2>Информация<h2>Редактирование о водителяхразвязок, клиентахулиц, диспетчерах,объектов "черные списки"<и секторов</h3>
</div>
<div class="menu">
<div class="menu">
<ul>
<li>
<a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=68160836816447">
<img src="/download/attachments/68160696816343/carMapEditor_icon.png">
<h3>Справочник<h3>Начало машин<использования</h3>
<p>Информация<p>Вход об автомобилях<в программу, работа с данными</p>
</a>
</li>
<li>
<a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=68160876816452">
<img src="/download/attachments/68160696816343/BookEdit_2_iconroad.png">
<h3>Справочник<h3>Редактирование водителей<развязок</h3>
<p>Информация<p>Внесение оизменений водителях.в Настройка взаиморасчетов. Просмотр отчетов<транспортные развязки</p>
</a>
</li>
<li>
<a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=68162566816457">
<img src="/download/attachments/68160696816343/SupporteditStreet_iocnicon.png">
<h3>Справочник<h3>Редактирование диспетчеров<улиц</h3>
<p>Информация<p>Добавление, оизменение диспетчерах.улиц Настройка ограничения для пользователей<и домов</p>
</a>
</li>
<li>
<a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=68162586816459">
<img src="/download/attachments/68160696816343/clientObject_iconedit.png">
<h3>Справочник<h3>Редактирование клиентов<объектов</h3>
<p>Информация<p>Добавление, оизменение клиентах.объектов Возможностьи просмотра отчетов<добавочной стоимости на них</p>
</a>
</li>
<li>
<a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=68162606816461">
<img src="/download/attachments/68160696816343/BlackListSector_iconedit.png">
<h3>"Черные" списки клиентов<<h3>Редактирование сектора и города</h3>
<p>Список<p>Редактирование негативныхграниц, отзывовдобавочной о клиентах<стоимости сектора и границ города</p>
</a>
</li>
<li>
<a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=9408182">
<img src="/download/attachments/6816069/blacklist_client.png">
<h3>Черный" список паспортов</h3>
<p>Проверка негативных отзывов о водителях и диспетчерах</p>
</li>
</ul>
</div>
<style>
.header {
background-image: url("/download/attachments/6816069/bg_2.png");
text-align: center;
padding: 20px;
}
.header h1,
.header span {
color: #325F97;
}
.header h2,
.header span {
color: #444444;
}
.header h1,
.header h2 {
margin: 20px;
}
.header h1 {
font-size: 48px;
}
.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;
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>
|
...