-Метки

2ipstartguard 8 марта >ne avira firefox google chrome html mail.ru mp3 registry life unchecky windows windows 10 windows 7 µtorrent автозагрузка активированный уголь амурский тигр архив интернета баннер басня бегущая строка болезни по рукам браузер видео видео в firefox вода всё про картинки вставить чужую рамку гороскоп групповое переименование файлов делаем рамки диеты домашние хитрости драйвер загрузить музыку закругляем углы закуски запрет авторизации индексация интернет информер картинки в ряд и в столбик кинокомедия клавиатура компьютер компьютерная шпаргалка кулинарные рецепты медицинские советы молитва музыка музыка из кинофильмов музыка ретро музыкальная открытка новый год отключение тачпада пасха письмо мужу плееры-кнопки плейкаст поиск человека превью проверка слуха радио на компьютер развернуть картинку рамка для музыки рамки для постов религиозные рамки рецепты для похудения с. копылова самопомощь сборка портативных программ своими руками сервисы vpn серебряные мостики скайп скачать музыку смартфон создание муз. открытки создать музыку сохранить дневник на компьютер стихи счастье текст на картинку телефон удаление дубликатов узнать оператора ускорить видео учимся делать рамки флеш шампунь шрифт шрифты электроэнергия юмор яндекс

 -Подписка по e-mail

 

Всё про картинки. Часть 1. Закругляем углы.

Дневник

Суббота, 17 Января 2015 г. 18:29 + в цитатник









Всё про картинки.
Часть 1

Закругляем острые углы на картинке

Берём картинку
герань (200x143, 6Kb)

Чтобы закруглить углы на картинке, пишем HTMLкод:
<img src="АДРЕС КАРТИНКИ" width="ШИРИНА КАРТИНКИ" height="ВЫСОТА КАРТИНКИ"border="0" style="border-radius: ЧИСЛО ОТ 1 ДО 100%;" />


Вставляем данные и получаем картинку с закругленными углами :
Радиус установлен 80%



Радиус установлен 9%



bloginja


Счетчик посещений Counter.CO.KZ - бесплатный счетчик на любой вкус!


Метки:  

Всё про картинки. Часть 2

Дневник

Воскресенье, 18 Января 2015 г. 18:22 + в цитатник









Всё про картинки.
Часть 2

Превью со ссылкой на оригиналЧтобы показать картинку большого размера, можно создать её превью (т. е. маленькую) и указать адрес на оригинал.
<a href="АДРЕС БОЛЬШОЙ КАРТИНКИ" target="_blank"><img src="АДРЕС УМЕНЬШЕННОЙ КАРТИНКИ" border="0" width="ШИРИНА КАРТИНКИ" height="ВЫСОТА КАРТИНКИ" /></a>

Кликнув по маленькой картинке можно будет увидеть эту же картинку в оригинальном размере.


Создание баннера-картинки со ссылкой на нужный адрес страницы в Интернете<a href="Адрес страницы, на которую будет указывать баннер" target="_blank"><img src="Адрес картинки" border="0" title="Текст, видимый, в качестве подсказки, при наведении на ссылку." width="ШИРИНА КАРТИНКИ" height="ВЫСОТА КАРТИНКИ" /></a>

пример баннера-ссылки на дневник:
Читать дальше...

bloginja

Счетчик посещений Counter.CO.KZ - бесплатный счетчик на любой вкус!



Метки:  

Всё про картинки. Часть 3.

Дневник

Понедельник, 19 Января 2015 г. 12:39 + в цитатник









Всё про картинки.
Часть 3


Текст на картинкуHTML код:
<div align="center"><table background="АДРЕС КАРТИНКИ"><tr><td valign="bottom" align="center" width="ширина картинки" height="высота картинки"><font face="шрифт текста" size="размер текста" color="#цвет текста">ТЕКСТ.</font></td></tr></table></div>
Пример:
Смотрите на цветы. Минуты не считайте.
В цветах повтора нет, от них нельзя устать.
Смотрите на цветы. Их как стихи читайте.
Прекрасно над цветком в раздумье постоять.


Чтобы текст располагался внизу,

Читать дальше...

bloginja


Счетчик посещений Counter.CO.KZ - бесплатный счетчик на любой вкус!


Метки:  

Всё про картинки. Часть 4. Картинки в ряд и в столбик.

Дневник

Вторник, 20 Января 2015 г. 13:58 + в цитатник









Всё про картинки.
Часть 4



Картинки в ряд без использования таблицыИспользуя тег nobr

<nobr>КАРТИНКИ В РЯД</nobr>

можно вставить любое количество картинок в одну строку. Но так как страничка не безразмерная, нужно следить за колличеством. На новой строке опять пишем эти теги и вставляем следующий ряд фоток. И т.д.


Пример:

matryoshka02 (128x128, 11Kb)matryoshka04 (128x128, 16Kb)matryoshka05 (128x128, 15Kb)matryoshka07 (128x128, 12Kb)


Код для вставки картинки:
<img src="АДРЕС КАРТИНКИ" border="0" width="ШИРИНА КАРТИНКИ" height="ВЫСОТА КАРТИНКИ">



Код картинки со ссылкой на оригинал:
<a href="АДРЕС ОРИГИНАЛЬНОЙ КАРТИНКИ" target="_blank" ><img src="АДРЕС КАРТИНКИ С ИЗМЕНЁННЫМ РАЗМЕРОМ" border="0" width="ШИРИНА КАРТИНКИ" height="ВЫСОТА КАРТИНКИ"></a>


Картинки в столбик
Читать дальше...



Счетчик посещений Counter.CO.KZ - бесплатный счетчик на любой вкус!


Метки:  

Фон для поста

Дневник

Понедельник, 14 Марта 2016 г. 17:57 + в цитатник









Фон для поста

Меня удивляют блогеры, которые выставляют посты, не думая о своих читателях. Это выражается в том, что они не утруждают себя поставить фон под текст и, цитируя у них посты, люди видят неожиданный результат в своём дневнике. И в другой раз уже подумают, прежде, чем цитировать.

Я тут подумала: а может они не знают как это сделать? Поэтому решила написать подсказку.

В простом редакторе дневника вставляете код, в котором нужно подставить лишь цвет фона (к примеру EBD6F7 или FFFFFF, илиF9F9F7, или другой ).

<center><table bgcolor="#ЦВЕТ ФОНА" border="1"><tbody><tr><td width="600"><br /><center>ТЕКСТ...Картинки...ТЕКСТ</center><br /></td></tr></tbody></table></center>

Получится, примерно, так:



Пришла весна!
Весна – красна.
С зеленой травкой у окна
Развесила сережки
Березе — белоножке.


bloginja

Читайте так же:
ПОСТ
ПОСТ
ПОСТ
ПОСТ




Метки:  

Вставляем музыкальный плеер (и не только) в определённое место

Дневник

Понедельник, 03 Апреля 2017 г. 16:01 + в цитатник









Вставляем музыкальный плеер в определённое место



Чтобы вставить плеер (и не только) в определённое место, нужно создать код и вписать туда нужные для этого теги.
Код:
<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"


Примеры:
Cверху слева:
Cнизу слева:
Сверху справа:
Снизу справа:
Сверху в центре:
Снизу по центру:


Вопрос был про плееры, но не могу не написать, что точно так же можно вставить картинки.

Cверху слева:
Cнизу слева:
Cверху справа:
Cнизу справа:
Cверху в центре:
Cнизу по центру:


bloginja

Читайте так же:
Плееры для вставки МР3
Плееры в дневник
Плейкаст

Метки:  

Развернуть картинку прямо на странице поста

Дневник

Четверг, 28 Декабря 2023 г. 07:48 + в цитатник









Чтобы уменьшенная картинка (превью) развернулась прямо на странице поста, можно загрузить картинки на Лиру и указать нужное действие. А можно использовать сторонние ссылки на картинки и воспользоваться этой функцией. Для этого нужно в код ссылки прописать
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. Закругляем углы.
Всё про картинки. Часть 2
Всё про картинки. Часть 3.
Всё про картинки. Часть 4. Картинки в ряд и столбик.

Метки:  

 Страницы: [1]