Мобильный LiveInternet

Учимся делать рамки. Урок 3. ( Восстановленный урок от блогера bloginja ) 02-02-2023 12:57

Восстановила еще один пост по созданию рамочек. На всех рамочках и в конце данного поста указан НИК, по которому можно зайти в дневник автора. В дневнике много полезного и поучительного.

Рамка с картинкой сверху.

ЗАГОЛОВОК

ТЕКСТ

Bloginja

В предыдущих уроках для создания рамки мы использовали тег table и его стилевые значения. Но здесь мы его заменим. Вместо table будем использовать элемент div.

Далее...

комментарии: 0 понравилось! вверх^ к полной версии

Рамочка без заголовка 02-02-2023 09:23

*****Здесь будет ваш текст*****

комментарии: 0 понравилось! вверх^ к полной версии

Учимся делать рамки. Урок 2. ( Восстановленный урок от блогера bloginja ) 01-02-2023 14:03

К сожалению, некоторые ссылки восстановить не удалось, поэтому заменила своими. Все записи про рекомендуемый редактор не трогала, но сама им не пользовалась. Вопросы можно написать в личку, я обязательно отвечу.
Учимся делать рамки. Урок 2.

Учимся делать рамки. Урок 2.
Сегодня хочу рассказать, как сделать рамки с закруглёнными углами.

С помощью атрибута

border-radius

можно делать рамки разных форм.

К примеру, такую:

bloginja

или такую:

bloginja

или такую:

bloginja

Читать дальше...
Ну вот как-то так... Здесь ещё много нюансов можно описывать, но для начинающих и этого пока хватит.
Что не понятно или что-то хотелось бы узнать, пишите в комменты.

bloginja

комментарии: 0 понравилось! вверх^ к полной версии

Учимся делать рамки. Урок 2. 01-02-2023 10:34

Это цитата сообщения bloginja Оригинальное сообщение

Учимся делать рамки. Урок 2.

Учимся делать рамки. Урок 2.
Сегодня хочу рассказать, как сделать рамки с закруглёнными углами.

С помощью атрибута

border-radius

можно делать рамки разных форм.

К примеру, такую:

bloginja

или такую:

bloginja

или такую:

bloginja

Читать дальше...
Ну вот как-то так... Здесь ещё много нюансов можно описывать, но для начинающих и этого пока хватит.
Что не понятно или что-то хотелось бы узнать, пишите в комменты.

bloginja

Серия сообщений "рамки":

Часть 1 - Рамка к Пасхе.
Часть 2 - Душевная музыка. Светлана Копылова.
...
Часть 9 - Учимся делать рамочки
Часть 10 - Музыкальный альбом "Гуляночка"
Часть 11 - Учимся делать рамки. Урок 2.
Часть 12 - Учимся делать рамки. Урок 3
Часть 13 - Рамка "Светлой пасхи"
...
Часть 18 - Рамки для постов
Часть 19 - Счастье подобно бабочке }i{ - плейкаст
Часть 20 - Заходи в мой дневник

комментарии: 0 понравилось! вверх^ к полной версии

Рамочка без заголовка 01-02-2023 10:30

Привет, февраль! Колючий снег
И песни вЕтра по прогнозу.
А сердце тянется к весне -
К душистым веточкам мимозы;
И к смене красок за окном -
С белёсых на лазурно-синий;
И к солнцу, что заполнит дом
Своей энергией и силой.
(А заодно - и в сердце брешь).
И мир вздохнёт, расправит плечи,
Преодолев один рубеж:

Лишь двадцать восемь дней надежд
На то, что скоро станет легче…

© Copyright: Юлия Вихарева, 2023
Свидетельство о публикации №123020104861

*

комментарии: 0 понравилось! вверх^ к полной версии

Рамочка без заголовка 01-02-2023 08:31

О, эти февральские вьюги,
белёсый мятущийся мрак,
стенанья и свист по округе,
и — по пояс в снег, что ни шаг...

О, эти ночные прогулки,
уходы тайком со двора,
дремучей души закоулки,
внезапных открытий пора.

Томящее нас ощущенье,
что вдруг — непонятно, темно —
раздельное мыслей теченье
вливается в русло одно.

И всё растворяется в мире
кипящих лесов и снегов,
и счастье всё шире и шире,
и вот уже нет берегов!

(В. Тушнова)

комментарии: 0 понравилось! вверх^ к полной версии

Здравствуй, февраль! 31-01-2023 15:15

Здесь будет ваш текст

*

комментарии: 0 понравилось! вверх^ к полной версии

Последний день января... 31-01-2023 14:33

Здесь будет ваш текст

*

комментарии: 0 понравилось! вверх^ к полной версии

Памятка для ЛИРУ от блогера bloginja ( Ликбез для себя и желающих ) 31-01-2023 11:51

Еще один восстановленный пост.

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

Превью со ссылкой на оригиналЧтобы показать картинку большого размера, можно создать её превью (т. е. маленькую) и указать адрес на оригинал.

<a href="АДРЕС БОЛЬШОЙ КАРТИНКИ" target="_blank"><img src="АДРЕС УМЕНЬШЕННОЙ КАРТИНКИ" border="0" width="ШИРИНА КАРТИНКИ" height="ВЫСОТА КАРТИНКИ" /></a>

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

Формула для создания баннера-картинки со ссылкой на нужный адрес страницы в Интернете

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

пример баннера-ссылки на дневник:

Вставить картинку в комментарий

Необязательно пользоваться специальной формой в комментах. Можно прямо в текстовое поле вставить известный код картинки или, зная адрес картинки, воспользоваться этим кодом:

<img src="АДРЕС КАРТИНКИ" border="0" width="150" height="150">

Чтобы картинка не была слишком большой, нужно изменить ширину и высоту, соблюдая пропорции.

bloginja

комментарии: 0 понравилось! вверх^ к полной версии

Рамочка без заголовка 30-01-2023 14:28

За прекрасный коллаж большое спасибо автору

Здесь будет ваш текст

комментарии: 0 понравилось! вверх^ к полной версии

Просто картинки 30-01-2023 10:28

45***все

Далее...

комментарии: 0 понравилось! вверх^ к полной версии

Учимся делать рамки. ( Восстановленный урок от блогера bloginja ) 30-01-2023 04:23

Учимся делать рамки. Урок 1

Чтобы научиться делать рамочки, нужно вникнуть в суть их создания.

Далее...

комментарии: 0 понравилось! вверх^ к полной версии

Рамочка без заголовка 29-01-2023 10:21

Здесь будет ваш текст

комментарии: 0 понравилось! вверх^ к полной версии

Рамочка без заголовка 28-01-2023 14:24

Здесь будет ваш текст

комментарии: 0 понравилось! вверх^ к полной версии

5 простых рамочек с темным фоном 28-01-2023 10:37

Здесь будет ваш текст.

Далее...

комментарии: 0 понравилось! вверх^ к полной версии

КРУЖЕВО 27-01-2023 11:57

Это цитата сообщения Волжанка-52 Оригинальное сообщение

КРУЖЕВО

Фотографии в альбоме «Кружево», автор Нелла на Яндекс.Фотках

Далее...

комментарии: 0 понравилось! вверх^ к полной версии

Рамочка без заголовка 27-01-2023 10:42

Обычная рамочка с данной картинкой есть еще в постах 2018 года.

Здесь будет ваш текст

комментарии: 0 понравилось! вверх^ к полной версии

Памятка для ЛИРУ от блогера bloginja 26-01-2023 07:23

Еще один восстановленный пост. Если посмотреть цитируемость данного поста, то можно убедиться в том, что пост нужный и интересный.
Всё про картинки. Часть 1. Закругляем углы.

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

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

Берём картинку

Чтобы закруглить углы на картинке, пишем HTMLкод:

<img src="АДРЕС КАРТИНКИ" width="ШИРИНА КАРТИНКИ" height="ВЫСОТА КАРТИНКИ"border="0" style="border-radius: ЧИСЛО ОТ 1 ДО 100%;" />

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

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

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

bloginja

Серия сообщений "Памятка для Лиру":

Часть 1 - Бегущая строка из картинок или текста
Часть 2 - Сохранение дневника с Лиру на компьютер
Часть 3 - Cоздать звуковое приветствие и вставить его в дневник
Часть 4 - HTML отображается, как текст
Часть 5 - Всё про картинки. Часть 1. Закругляем углы.
Часть 6 - Всё про картинки. Часть 2
Часть 7 - Всё про картинки. Часть 3.
...
Часть 15 - Вставляем музыкальный плеер в определённое место
Часть 16 - Вставить рамку в пост
Часть 17 - Развернуть картинку прямо на странице поста

комментарии: 0 понравилось! вверх^ к полной версии

5 простых рамочек для текста 26-01-2023 04:44

Здесь будет ваш текст

Далее...

комментарии: 0 понравилось! вверх^ к полной версии

Поздравляю с днем ангела всех Татьян! 25-01-2023 05:44

tomishka

комментарии: 0 понравилось! вверх^ к полной версии