Header Ads

Медиа - Сеть

Красиво оформить заголовок статьи | Библиотека стилей







Библиотека стилей
МЕДИА-СЕТЬ
27 апр. 2018

ОЧЕНЬ часто у автора публикаций возникает необходимость оформить свою статью красиво. Чтоб все элементы статьи гармонично вписывались в контекст публикации. Ниже представлен пример для ЗАГОЛОВКА вашей статьи!

<body>
<header
style="display: block; color: rgb(64, 75, 85); font-family: &quot;Open Sans&quot;,sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: rgb(254, 255, 255);"></header>
<div class="lead-image" style="position: relative;"><img
itemprop="image" src="https://2.bp.blogspot.com/-b2fMQ2KeRNk/WqMBGLgqiwI/AAAAAAAAAsk/7cDLtj4Kj3wRdlKMPQakMFbmnbglP5YIwCLcBGAs/s1600/web-service.jpg"
alt="5 интересных onion сервисов" class="img-responsive"
style="border: 0px none ; vertical-align: middle; display: block; max-width: 100%; height: auto;">
<div class="meta clearfix"
style="clear: both; padding-left: 30px; padding-bottom: 10px; position: absolute; bottom: 15px; color: rgb(204, 236, 215);">
<div class="author" style="margin: 10px 55px 0px 0px; float: left;"><span
class="data" style="line-height: 30px;">МЕДИА-СЕТЬ</span></div>
<div class="date" style="margin: 10px 55px 0px 0px; float: left;"><span
class="data" style="line-height: 30px;">27 апр. 2018</span></div>
</div>
</div>
</body>

ВНИМАНИЕ!
В некоторых случаях, НАПРИМЕР для Блогер код нужно писать без тега <body>...</body>

 

<header
style="display: block; color: rgb(64, 75, 85); font-family: &quot;Open Sans&quot;,sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: rgb(254, 255, 255);"></header>
<div class="lead-image" style="position: relative;"><img
itemprop="image" src="https://2.bp.blogspot.com/-b2fMQ2KeRNk/WqMBGLgqiwI/AAAAAAAAAsk/7cDLtj4Kj3wRdlKMPQakMFbmnbglP5YIwCLcBGAs/s1600/web-service.jpg"
alt="5 интересных onion сервисов" class="img-responsive"
style="border: 0px none ; vertical-align: middle; display: block; max-width: 100%; height: auto;">
<div class="meta clearfix"
style="clear: both; padding-left: 30px; padding-bottom: 10px; position: absolute; bottom: 15px; color: rgb(204, 236, 215);">
<div class="author" style="margin: 10px 55px 0px 0px; float: left;"><span
class="data" style="line-height: 30px;">МЕДИА-СЕТЬ</span></div>
<div class="date" style="margin: 10px 55px 0px 0px; float: left;"><span
class="data" style="line-height: 30px;">27 апр. 2018</span></div>
</div>
</div>


СОЦИАЛЬНАЯ СЕТЬ | ДРУЖБА НАРОДОВ ___________________________

Комментариев нет:

Технологии Blogger.