@pabibear
PABIBEAR
OFFLINE

Это просто Вьюи блог

Дата регистрации: 12 февраля 2012 года

Персональный блог PABIBEAR — Это просто Вьюи блог

<p><img align="right" width="150" alt="moanarch: untitled by juliette sandbox on Flickr. " src="ПИКЧА" style="padding: 2px; border: 1.5px dashed #DC143C; border-radius: 0px 100px 100px 0px; max-width: 500px; height: auto;" /></p>

moanarch: untitled by juliette sandbox on Flickr.

Macklemore

<p style="text-align:center;font-family:'chiller';font-size:64pt;color:#08457e;text-shadow:#000000 1px 1px 2px">TEXT</p>

Thrift Shop

<p style="text-align:center;font-family:'jokerman';font-size:25pt;color:#d53e07;text-shadow:#000000 2px 2px 3px">TEXT</p>

peverell:

Итак, дамы и господа, я представляю вашему вниманию наглядное, быстрое, расписанное по рабоче-крестьянски пособие по созданию красивых постов! :D Тут я расскажу о шрифтах, рамках для картинок и текста, формах картинок, размещении изображений сбоку от текста и т.д.

Расписываю всё по пунктикам, с пояснением и наглядным примером ;) Enjoy!

➀ ПУНКТ - ШРИФТЫ

Это стандартный шаблон для шрифта:

<p style="font-family: ' ШРИФТ '; color: # ЦВЕТ; text-align:center;font-size: РАЗМЕР pt"> ТЕКСТ </p>

Копируете его, вставляете в HTML-исходник. На месте "ШРИФТ" - пишете любой нужный вам шрифт, легче всего выбрать в Word. На месте "ЦВЕТ" вставляете код нужного вам цвета, вот удобный определитель:

Для создания не обычных шрифтов, используем следующие коды:

Для шрифта с фоном:

<h3 style="color: # ЦВЕТ ТЕКСТА; font-family: ШРИФТ; font-size: РАЗМЕР; line-height: 11px; letter-spacing: 3px; font-style:normal; text-align:center; text-shadow: # ЦВЕТ ФОНА 0px 1px 50px; padding: 0px; margin: 3px;"><b> ТЕКСТ </b></h3>

Для шрифта с тенью:

<p style="text-align: center; color:# ЦВЕТ ШРИФТА; font-family: ' ШРИФТ '; text-shadow: # ЦВЕТ ТЕНИ 1px 1px 2px;font-size: РАЗМЕР pt;"> ТЕКСТ </p>

➁ ПУНКТ - РАМКИ

Для текста и картинок в одинарной рамке:

<blockquote style="float: none; padding: 3px 15px; border: thin solid # ЦВЕТ РАМКИ; "><p style="text-align: center;font-family: ШРИФТ; font-size: РАЗМЕР pt"> ТЕКСТ <br /></p></blockquote>

Для текста и картинок в двойной рамке:

<p style="text-align: center;font-family: ШРИФТ; font-size: РАЗМЕР px;border-style: double; color:# ЦВЕТ РАМКИ; "><a style="color:# ЦВЕТ ТЕКСТА" > ТЕКСТ </a></p>

➂ ПУНКТ - ФОРМА КАРТИНОК

Картинки с закруглёнными углами:

Используем код:

<p style="text-align: center; text-align:;font-family: Georgia;font-size:8pt; line-height: 14px ">&nbsp;<img height= "ВЫСОТА" width= "ШИРИНА" align="middle" style="border-radius: 50px 50px 50px 50px;" src= "ССЫЛКА НА КАРТИНКУ" /></p>

➃ ПУНКТ - ОБТЕКАЕМОСТЬ КАРТИНОК ТЕКСТОМ

Текст справа - добавляем в код картинки: align=left

Код картинки примет вид:

<p><img height="150" align="left" hspace="20" width="200" hspace=20 src="https://30.media. tumblr.com/tumblr_lxy097fBPr1qbr97io1_500.gif"/></p>

align=left – картинка слева, текст справа
align=right – картинка справа, текст слева

hspace=20 – расстояние между текстом и картинкой 20 пикселей по горизонтали.
vspace=20 – расстояние между текстом и картинкой 20 пикселей по вертикали.

2 ОКРУГЛЕННЫХ УГЛА

<p><img src="ССЫЛКА" style="border-radius: 70px 5px 70px 5px;box-shadow: 0 5px 15px #8B4C39" /></p>

10 месяцев моей жизни.

<a style="font-family: 'Segoe Script'; color: #c41e3a; text-align:left;font-size:РАЗМЕРpt"><b>ТЕКСТ</b></a>.

<img width="480" src="ССЫЛКА" style="border-radius: 50px 0px 50px 0px;box-shadow: 0 2px 10px #3d3030;max-width:500px;height:auto;">

мазафака

<p style="text-align: start;"><a style="text-align: center;font-family: 'Segoe Print';color:#D21616; font-size:12pt"> ТЕКСТ</a></p>

<p><img height="ВЫСОТА" width="ШИРИНА" src="ССЫЛКА" style="border-radius: 80px; max-width: 500px; height: auto;" /></p>

<img width="235" src="ССЫЛКА" style="border-radius: 10px; border-style: groove; border-width: 2px; border-color:#654321; padding: 3px; background-color:#ffffff;;max-width:500px;height:auto;">

<img width="480" src="ССЫЛКА" style="border-radius: 10px; border-style: groove; border-width: 2px; border-color:#215424; padding: 3px; background-color:#ffffff;;max-width:500px;height:auto;">

<img height="ВЫСОТА" width="ШИРИНА" src="ССЫЛКА" align="top" style="box-shadow: 0 2px 7px #efaf8c;max-width:500px;height:auto;">

Маска от черных точек на лице

В 1 сырой яичный белок добавьте 1 ст. ложку сахара, и хорошенько размешайте до того момента, пока сахар не растворится. Половину приготовленной маски нанесите на лицо, и оставьте до полного высыхания. Далее сверху наложите оставшуюся часть маски, и начинайте интенсивно похлопывать ладонями и кончиками пальцев по всему лицу.
Что в этот момент происходит? Во время такого похлопывания между вашими руками и кожей лица начинает образовываться клейкая масса, которая и вытягивает все содержимое пор наружу. Продолжайте делать эту процедуру, пока ваши руки не перестанут липнуть к коже. После смойте маску прохладной водой, и смажьте лицо увлажняющим кремом.
Для того чтобы избавиться от черных точек эту маску рекомендуется делать несколько раз в неделю. При наличии сухой кожи наносите ее только на те участки, где имеются черные точки, в основном это нос, часть лба, и подбородок. При очень жирной коже маску можно накладывать полностью на все лицо.

PABIBEAR

Самые популярные посты

8

<p><img width="199" height="199" style="border-radius: 5px 40px 5px 40px; box-shadow: 0 5px 15px #8B4C39; max-width: 500px; heig...

7

Маска от черных точек на лице В 1 сырой яичный белок добавьте 1 ст. ложку сахара, и хорошенько размешайте до того момента, пока сахар н...

7

10 месяцев моей жизни . <a style="font-family: 'Segoe Script'; color: #c41e3a; text-align:left;font-size:РАЗМЕРpt"><b>ТЕКСТ...

7

Macklemore <p style="text-align:center;font-family:'chiller';font-size:64pt;color:#08457e;text-shadow:#000000 1px 1px 2px">TEXT<...

6

<p><img height="ВЫСОТА" width="ШИРИНА" src="ССЫЛКА" style="border-radius: 80px; max-width: 500px; height: auto;" /></p>...

6

peverell : Итак, дамы и господа, я представляю вашему вниманию наглядное, быстрое, расписанное по рабоче-крестьянски пособие по созд...