Оформление
https://ashasvet.ru/info/more/typograpy/
ПОЛЬЗОВАТЕЛЬСКИЕ
Простая таблица с отбивкой в ячейки
|
#ОПИСАНИЕ# |
<table class="USER_table"> <tbody> <tr> <td> <img alt="#ОПИСАНИЕ#" title="#ОПИСАНИЕ#" src="/upload/medialibrary/6cf/6cf3a8b66ff6bf03877f20fad0fd8a9c.png"> </td> <td> #ОПИСАНИЕ# </td> </tr> </tbody> </table>
Таблица с прорисованными границами ячеек
Заголовок таблицы
| Текст 1 | Текст 2 |
| Текст 3 | |
<p> <b>Заголовок таблицы</b> </p> <table class="USER_table_prop"> <tbody> <tr> <td> Текст 1 </td> <td> Текст 2 </td> </tr> <tr> <td colspan="2"> Текст 3 </td> </tr> </tbody> </table>
Таблица свойств наменклатуры
Заголовок таблицы
| Характеристика 1 | Значение 1 | Значение 2 | Значение 2 |
| Характеристика 2 | Значение 1 | Значение 2 | Значение 2 |
<p> <b>Заголовок таблицы</b> </p> <table class="USER_table_prop"> <tbody> <tr> <td> Характеристика 1 </td> <td> Значение 1 </td> <td> Значение 2 </td> <td> Значение 2 </td> </tr> <tr> <td> Характеристика 2 </td> <td> Значение 1 </td> <td> Значение 2 </td> <td> Значение 2 </td> </tr> </tbody> </table>
Главная картика (верхняя) раздела
#ОПИСАНИЕ#
<div align="center"> <img width="100%" src="/upload/medialibrary/6cf/6cf3a8b66ff6bf03877f20fad0fd8a9c.png" height="300" title="Ашасветотехника" alt="Ашасветотехника"> </div> <div> </div> <p> #ОПИСАНИЕ# </p>
Заголовок без верхнего отступа
Заголовок H2
<h2 class="no-top-space">Заголовок H2</h2>
Подразделы ввиде каталога
<!-- Подменю. Начало --> <div class="section_block"> <div class="sections_wrapper compact-view-mobile"> <div class="list items"> <div class="row margin0 flexbox"> <!-- Пункт. Начало --> <div class="col-m-20 col-md-3 col-sm-4 col-xs-12"> <div class="item"> <div class="img shine"> <a href="#ITEM_1" class="thumb"><img alt="#ПУНКТ_1#" title="#ПУНКТ_1#" src="/upload/medialibrary/6cf/6cf3a8b66ff6bf03877f20fad0fd8a9c.png" data-lazyload="" class="lazyload"></a> </div> <div class="name"> <a href="#ITEM_1" class="dark_link">#ПУНКТ_1#</a> </div> </div> </div> <!-- Пункт. Конец --> <!-- Пункт. Начало --> <div class="col-m-20 col-md-3 col-sm-4 col-xs-12"> <div class="item"> <div class="img shine"> <a href="#ITEM_2" class="thumb"><img alt="#ПУНКТ_2#" title="#ПУНКТ_2#" src="/upload/medialibrary/6cf/6cf3a8b66ff6bf03877f20fad0fd8a9c.png" data-lazyload="" class="lazyload"></a> </div> <div class="name"> <a href="#ITEM_2" class="dark_link">#ПУНКТ_2#</a> </div> </div> </div> <!-- Пункт. Конец --> <!-- Пункт. Начало --> <div class="col-m-20 col-md-3 col-sm-4 col-xs-12"> <div class="item"> <div class="img shine"> <a href="#ITEM_3" class="thumb"><img alt="ЭТОТ ПУНКТ НЕ БРАТЬ!!! ОН ДЛЯ РАЗРАБОТКИ. ОРИГИНАЛ" title="ЭТОТ ПУНКТ НЕ БРАТЬ!!! ОН ДЛЯ РАЗРАБОТКИ. ОРИГИНАЛ" data-src="/upload/medialibrary/6cf/6cf3a8b66ff6bf03877f20fad0fd8a9c.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-lazyload="" class="lazyload"></a> </div> <div class="name"> <a href="#ITEM_3" class="dark_link">ЭТОТ ПУНКТ НЕ БРАТЬ!!! ОН ДЛЯ РАЗРАБОТКИ. ОРИГИНАЛ</a> </div> </div> </div> <!-- Пункт. Конец --> </div> </div> </div> </div> <!-- Подменю. Конец -->
Контакты внизу страницы (Простой вывод)
Получите консультацию специалиста
Фамилия Имя Отчество
Должность, Отдел
Тел.: +7 (351) 000-00-00 доб. 00, +7 (999) 000-00-00
E-mail: user@e-mail.name
Сайт: Название сайта
Фамилия Имя Отчество
Тел.: +7 (999) 000-00-00
E-mail: user@e-mail.name
<h5>Получите консультацию специалиста</h5> <p> <span>Фамилия Имя Отчество</span><br> Должность, Отдел<br> Тел.: <a href="tel:+73510000000">+7 (351) 000-00-00 доб. 00</a>, <a href="tel:+79990000000">+7 (999) 000-00-00</a><br> E-mail: <a href="mailto:user@e-mail.name">user@e-mail.name</a><br> Сайт: <a target="_blank" href="http://wwww.setename.net">Название сайта</a><br> <br> Фамилия Имя Отчество<br> Тел.: <a href="tel:+79990000000">+7 (999) 000-00-00</a><br> E-mail: <a href="mailto:user@e-mail.name">user@e-mail.name</a><br> </p>
Контакты внизу страницы (Сложный вывод)
Получите консультацию специалиста
Фамилия Имя Отчество
Должность, Отдел
<h5>Получите консультацию специалиста</h5> <!-- Контакты. Начало --> <div class="item-views list list-type-block image_left staff-block staff staff-linked USER_contact"> <div class="row items"> <!-- Персона. Начало --> <div class="col-md-12"> <div class="item wti clearfix"> <div class="body-info"> <div class="title-wrapper "> <div class="title"> Фамилия Имя Отчество </div> </div> <div class="post"> Должность, Отдел </div> <hr/> <div class="properties"> <div class="inner-wrapper"> <div class="property icon-block phone"> <a href="tel:+73510000000">+7 (351) 000-00-00 доб. 00</a><br> <a href="tel:+79990000000">+7 (999) 000-00-00</a> </div> </div> <div class="inner-wrapper"> <div class="property icon-block email"> <a href="mailto:user@e-mail.name">user@e-mail.name</a> </div> </div> <div class="inner-wrapper"> <div class="property icon-block site"> <a target="_blank" href="http://www.sitename.net/">Название сайта</a> </div> </div> </div> </div> </div> </div> <!-- Персона. Конец --> <!-- Персона. Начало --> <div class="col-md-12"> <div class="item wti clearfix"> <div class="body-info"> <div class="title-wrapper "> <div class="title"> Фамилия Имя Отчество </div> </div> <div class="post"> Должность, Отдел </div> <hr/> <div class="properties"> <div class="inner-wrapper"> <div class="property icon-block phone"> <a href="tel:+79990000000">+7 (999) 000-00-00</a> </div> </div> <div class="inner-wrapper"> <div class="property icon-block email"> <a href="mailto:user@e-mail.name">user@e-mail.name</a> </div> </div> </div> </div> </div> </div> <!-- Персона. Конец --> </div> </div> <!-- Контакты. Конец -->
Файлы (Средствами движка)
Документ JPG
Размер
Документ TIFF
Размер
Документ PTT
Размер
Размер
Документ PDF
Размер
Размер
Документ WORD
Размер
Документ PNG
Размер
Документ EXCEL
Размер
Размер
Документ TXT
Размер
Размер
<div class="file_type clearfix jpg"> <i class="icon"></i> <div class="description"> <a href="#JPG">Документ JPG</a> <span class="size"> Размер </span> </div> </div> <div class="file_type clearfix tiff"> <i class="icon"></i> <div class="description"> <a href="#TIFF">Документ TIFF</a> <span class="size"> Размер </span> </div> </div> <div class="file_type clearfix ppt"> <i class="icon"></i> <div class="description"> Документ PTT <br> <span class="size"> Размер </span> </div> </div> <div class="file_type clearfix pdf"> <i class="icon"></i> <div class="description"> Документ PDF <br> <span class="size"> Размер </span> </div> </div> <div class="file_type clearfix word"> <i class="icon"></i> <div class="description"> <a href="#WORD">Документ WORD</a> <span class="size"> Размер </span> </div> </div> <div class="file_type clearfix png"> <i class="icon"></i> <div class="description"> <a href="#PNG">Документ PNG</a> <span class="size"> Размер </span> </div> </div> <div class="file_type clearfix excel"> <i class="icon"></i> <div class="description"> Документ EXCEL <br> <span class="size"> Размер </span> </div> </div> <div class="file_type clearfix txt"> <i class="icon"></i> <div class="description"> Документ TXT <br> <span class="size"> Размер </span> </div> </div>
Файлы (Средствами верстки)
|
Документ JPG
Размер |
|
Документ TIFF
Размер |
|
Документ PTT
Размер |
|
Документ PDF
Размер |
|
Документ WORD
Размер |
|
Документ PNG
Размер |
|
Документ EXCEL
Размер |
|
Документ TXT
Размер |
<table class="USER_table"> <tbody> <tr> <td> <a href="#JPG"><img alt="Документ JPG" title="Документ JPG" src="/upload/medialibrary/276/276a695b3797290c337a8945f8eecfe2.png" width="34" height="35"></a> </td> <td> <a href="#JPG">Документ JPG</a> <br> <span class="size"> Размер </span> </td> </tr> <tr> <td> <a href="#TIFF"><img alt="Документ TIFF" title="Документ TIFF" src="/upload/medialibrary/faa/faaf190a6e8b1f295ea1498b96e3a857.png" width="34" height="35"></a> </td> <td> <a href="#TIFF">Документ TIFF</a> <br> <span class="size"> Размер </span> </td> </tr> <tr> <td> <img alt="Документ PTT" title="Документ PTT" src="/upload/medialibrary/02f/02fafc7022834346d2efb10e66510bad.png" width="34" height="35"> </td> <td> Документ PTT <br> <span class="size"> Размер </span> </td> </tr> <tr> <td> <img alt="Документ PDF" title="Документ PDF" src="/upload/medialibrary/c82/c82da6d872921cfd3ac21ca0303e4c18.png" width="34" height="35"> </td> <td> Документ PDF <br> <span class="size"> Размер </span> </td> </tr> <tr> <td> <a href="#WORD"><img alt="Документ WORD" title="Документ WORD" src="/upload/medialibrary/0d8/0d87bd47badaa3d001ff836fba85ecf7.png" width="34" height="35"></a> </td> <td> <a href="#WORD">Документ WORD</a> <br> <span class="size"> Размер </span> </td> </tr> <tr> <td> <a href="#PNG"><img alt="Документ PNG" title="Документ PNG" src="/upload/medialibrary/28b/28b21612879d75cb992030e9069c16e9.png" width="34" height="35"></a> </td> <td> <a href="#PNG">Документ PNG</a> <br> <span class="size"> Размер </span> </td> </tr> <tr> <td> <img alt="Документ EXCEL" title="Документ EXCEL" src="/upload/medialibrary/738/738594aa41d261370eac5f54768c90a6.png" width="34" height="35"> </td> <td> Документ EXCEL <br> <span class="size"> Размер </span> </td> </tr> <tr> <td> <img alt="Документ TXT" title="Документ TXT" src="/upload/medialibrary/e7e/e7e8fc672ac15e4f4e62f039cf9fff15.png" width="34" height="35"> </td> <td> Документ TXT <br> <span class="size"> Размер </span> </td> </tr> </tbody> </table>
Стили
/*NOTE: This file is intended for programmers. Aspro technical support is not advised to work with him.*/
/* Examples (uncomment to use):*/
/* Expand site width */
/* body .wrapper { max-width: 1400px !important; } */
/* Set site background image */
/* body { background: url(image_source) top no-repeat; }
/* Hide compare button */
/* a.compare_item { display: none !important; }*/
/* BOB. -> Выпадающий список меню - полное описание */
.phone-block .with_dropdown .dropdown
{
min-width: 200px;
}
.phone-block .phone.with_dropdown .dropdown.scrollbar .more_phone a
{
white-space: normal;
}
#footer .phone .dropdown
{
top: 24px;
left: -20px;
right: auto;
max-height: 170px;
overflow: auto;
min-width: 210px;
max-width: 250px;
}
#footer .phone .more_phone a
{
white-space: normal;
}
/* <- BOB. Выпадающий список меню - полное описание */
/* BOB. -> Убрать слоган и растянуть меню на все */
.logo-row .logo-block
{
width: 17%;
}
.logo-row .hidden-sm
{
display: none !important;
}
.logo-row .menu-row
{
width: 83%;
}
/* <- BOB. Убрать слоган и растянуть меню на все */
/* BOB. -> Корректировка размеров и отспупов */
#headerfixed .logo-row.v2 .logo-block,
#headerfixed .logo-row .logo-block
{
min-width: 150px !important;
max-width: 150px !important;
}
#headerfixed .logo-row .logo,
#headerfixed .logo-row .logo-block
{
width: 150px !important;
}
#headerfixed .inner-table-block
{
padding: 0px;
}
/* <- BOB. Корректировка размеров и отспупов */
table.user_table_prop,
table.USER_table_prop,
table.USER_table_border
{
width: 100%;
border: 1px;
border-style: solid;
border-width: 1px;
padding: 5px;
}
table.user_table_prop td,
table.USER_table_prop td,
table.USER_table_border td
{
padding: 5px;
border: 1px;
border-style: solid;
border-width: 1px;
/* width: 50%; */
}
table.user_table td,
table.USER_table td
{
padding: 5px;
}
.USER_title_service_sub
{
font-size: large;
}
.USER_contact .properties .inner-wrapper
{
font-size: 100%;
}
ОБЩИЕ
Заголовок H2
Интернет-магазин — сайт, торгующий товарами в интернете. Позволяет пользователям сформировать заказ на покупку, выбрать способ оплаты и доставки заказа в сети Интернет.
Отслеживание ведется с помощью методов веб-аналитики. Часто при оформлении заказа предусматривается возможность сообщить некоторые дополнительные пожелания от покупателя продавцу.
Заголовок H3
Однако, в этом случае следует быть осторожным, поскольку доказать неполучение товара электронным способом существенно сложнее, чем в случае физической доставки.
Маркированный список H4
- В интернет-магазинах, рассчитанных на повторные покупки, также ведется отслеживание возвратов песетителя и история покупок.
- Кроме того, существуют сайты, в которых заказ принимается по телефону, электронной почте, Jabber или ICQ.
Нумерованный список H5
- В интернет-магазинах, рассчитанных на повторные покупки, также ведется отслеживание возвратов песетителя и история покупок.
- Кроме того, существуют сайты, в которых заказ принимается по телефону, электронной почте, Jabber или ICQ.
Таблица
| # | First Name | Last Name |
| 1 | Tim | Tors |
| 2 | Denis | Loner |
До конца акции
Остаток
10
шт.
Будьте всегда в курсе!
Узнавайте о скидках и акциях первым