Серия сообщений "Изображения":Выбрана рубрика Изображения.
Часть 1 - Всё про картинки. Часть 1. Закругляем углы.
Часть 2 - Всё про картинки. Часть 2
Часть 3 - Всё про картинки. Часть 3.
Часть 4 - Всё про картинки. Часть 4. Картинки в ряд и в столбик.
Часть 5 - Фон для поста
Часть 6 - Вставляем музыкальный плеер (и не только) в определённое место
Часть 7 - Развернуть картинку прямо на странице поста
Всё про картинки. Часть 1. Закругляем углы. |
Дневник |
![]() ![]() Часть 1 Закругляем острые углы на картинке Берём картинку ![]() Чтобы закруглить углы на картинке, пишем HTMLкод: <img src="АДРЕС КАРТИНКИ" width="ШИРИНА КАРТИНКИ" height="ВЫСОТА КАРТИНКИ"border="0" style="border-radius: ЧИСЛО ОТ 1 ДО 100%;" /> Вставляем данные и получаем картинку с закругленными углами :
bloginja |
Метки: закругляем углы всё про картинки |
Всё про картинки. Часть 2 |
Дневник |
![]() ![]() Часть 2 |
Метки: всё про картинки превью баннер |
Всё про картинки. Часть 3. |
Дневник |
Метки: всё про картинки текст на картинку |
Всё про картинки. Часть 4. Картинки в ряд и в столбик. |
Дневник |
![]() ![]() Всё про картинки. Часть 4 Код для вставки картинки: <img src="АДРЕС КАРТИНКИ" border="0" width="ШИРИНА КАРТИНКИ" height="ВЫСОТА КАРТИНКИ"> Код картинки со ссылкой на оригинал: <a href="АДРЕС ОРИГИНАЛЬНОЙ КАРТИНКИ" target="_blank" ><img src="АДРЕС КАРТИНКИ С ИЗМЕНЁННЫМ РАЗМЕРОМ" border="0" width="ШИРИНА КАРТИНКИ" height="ВЫСОТА КАРТИНКИ"></a> |
Метки: всё про картинки картинки в ряд и в столбик |
Фон для поста |
Дневник |
![]() ![]() Меня удивляют блогеры, которые выставляют посты, не думая о своих читателях. Это выражается в том, что они не утруждают себя поставить фон под текст и, цитируя у них посты, люди видят неожиданный результат в своём дневнике. И в другой раз уже подумают, прежде, чем цитировать. Я тут подумала: а может они не знают как это сделать? Поэтому решила написать подсказку. В простом редакторе дневника вставляете код, в котором нужно подставить лишь цвет фона (к примеру EBD6F7 или FFFFFF, илиF9F9F7, или другой ). <center><table bgcolor="#ЦВЕТ ФОНА" border="1"><tbody><tr><td width="600"><br /><center>ТЕКСТ...Картинки...ТЕКСТ</center><br /></td></tr></tbody></table></center> Получится, примерно, так:
bloginja |
Метки: Фон для поста |
Вставляем музыкальный плеер (и не только) в определённое место |
Дневник |
![]() ![]() Чтобы вставить плеер (и не только) в определённое место, нужно создать код и вписать туда нужные для этого теги. Код: <div align="center"><table border="0" cellpadding="0" background="ФОНОВАЯ КАРТИНКА"><tbody><tr><td style="padding: 0px;" width="ШИРИНА ФОНА" height="ВЫСОТА ФОНА" ТЕГИ ВЫРАВНИВАНИЯ>КОД ПЛЕЕРА</td></tr></tbody></table></div> Теги выравнивания: снизу по центру — valign="bottom" align="center" снизу справа — valign="bottom" align="right" снизу слева — valign="bottom" align="left" сверху в центре — valign="top" align="center" сверху справа — valign="top" align="right" сверху слева — valign="top" align="left" Примеры:
Вопрос был про плееры, но не могу не написать, что точно так же можно вставить картинки.
bloginja |
Метки: выравнивание плеер |
Развернуть картинку прямо на странице поста |
Дневник |
![]() ![]() rel="li-bigpic" <a href="АДРЕС КАРТИНКИ" rel="li-bigpic" target="_blank"><img src="АДРЕС КАРТИНКИ" width="ШИРИНА КАРТИНКИ" height="ВЫСОТА КАРТИНКИ"/></a> и установить размер уменьшенной картинки. К примеру, у меня есть адрес-ссылка на картинку с Яндекса https://img-fotki.yandex.ru/get/198026/35554120.0/0_b8806_b04fff04_L.jpg Подставляю её в предлагаемый код и получаю такую превьюшку, при клике по которой можно увидеть её реальный размер прямо здесь. Жмите на картинку ![]() bloginja |
Метки: развернуть картинку |
Страницы: | [1] |