-Рубрики

 -Поиск по дневнику

Поиск сообщений в ВалИв

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

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 08.10.2016
Записей: 25374
Комментариев: 1802
Написано: 27841

Серия сообщений "уроки разные":
уроки разные
Часть 1 - Объемные рамки разной конфигурации. Без фотошопа!
Часть 2 - Рамка с круглыми углами. Без фотошопа!
Часть 3 - Урок 3 по созданию рамки с покруткой (как делаю я)
Часть 4 - Продолжим изучение темы плееров.
Часть 5 - Как сделать рамку в html вокруг текста
Часть 6 - Развернуть картинку прямо на странице поста
Часть 7 - ШТМЛка для начинающих пользователей.
Часть 8 - Как без Фотошопа в два счета убрать дату/время на фотографии.
Часть 9 - УРОКИ по стандартной программе PAINT
Часть 10 - Символы ,которыми можно украсить текст или заглавие текста, а также комментарии
Часть 11 - ФОТОРЕДАКТОРЫ-бродилочка
Часть 12 - Полоски или линии которыми можно украсить свой текст

Выбрана рубрика уроки разные.


Соседние рубрики: советы от Юлии Гурбер(21), советы от Arnusha -2(15), советы от Arnusha(106), рамочки от Arnusha(125), все о ЛиРу-2(14), Rost(13)

Другие рубрики в этом дневнике: Я ищу(0), Юмор(69), Шильников(46), Цветы (181), Фотошоп, уроки(879), Фильм(158), Схемы вязания(342), Страшилки(2), Скульптура(48), Сделай сам(36), Самоцветы(196), Релакс(14), Разное- 2(21), Разделители(4), Путешествуя по России(167), Притчи,легенды,мифы(94), Природа-2(131), Природа(50), Приметы, суеверия(5), Помощь по ЛиРу(34), Полезности на кухне(11), Полезности(22), Поздравления(9), Парки мира(37), Очень верно сказано!(7), Новостной листок - 2(14), Новостной листок(64), Непознанное(15), Недосказанные цитаты(3), Наследие(1), Мысли мудрых(7), Мир(458), Места - история(34), Любимые исполнители(30), Ликбез для лирушника(15), Кулинарная бродилка(1), Кулинария(1290), Крым(53), Красивые фотографии(20), Красивые места(16), Котоматрица(37), Копилка узоров(162), Копилка(5), Компьютер(156), Кнопочки - переходы(2), Книги,библиотеки(31), Кино и все о нем(49), Истории вещей(715), Интересное(1030), Из истории государства Российского(84), игры(10), Замки,сады,соборы(134), Загадки природы(40), Забавное(62), Журналы (70), Живопись, художники(1064), Живой "уголок"(44), Для дневника(1414), Дворцы, замки, крепости, соборы(32), Дайтека(73), Галерея Дефне(11), Вязание женщинам - 5(52), Вязание для мужчин - 2(663), Вязание для мужчин(51), Вязание для женщин -4(63), Вязание для женщин - 6(11063), Вязание для женщин - 3(92), Вязание для женщин(53), Вязание детям - 2(626), Вязание детям(50), Вязание -6(66), Вязание -3(50), Вязание - 9(49), Вязание - 8(50), Вязание - 7(50), Вязание - 5(50), Вязание - 4(51), Вязание - 2(50), Вязание - 13(50), Вязание - 12(50), Вязание - 11(51), Вязание - 10(51), Вязание(52), Вяжем(65), Вышивка(49), Все для ЛиРу(374), Виртуальные путешествия(22), Видеоуроки(230), Видеорецепты(71), Аудиокнига(619), Аватарки(10), -Вязание для женщин -2(50), Цветы.(59), Снимки National Geographic(32), Разное(92)

Объемные рамки разной конфигурации. Без фотошопа!

Четверг, 23 Марта 2017 г. 05:47 + в цитатник
Это цитата сообщения Егорова_Таня [Прочитать целиком + В свой цитатник или сообщество!]

Объемные рамки разной конфигурации. Без фотошопа!

Недавно я давала урок по изготовлению рамок с круглыми углами. Посмотреть его можно здесь. А Sergg62, подсказал как сделать рамки с разными углами и тенью. За это ему огромное спасибо!
Эффект круглых углов виден в браузерах Google Chrome, Mozilla Firefox. В Internet Explorer рамка будет отражаться как обычная с прямыми углами. В других не знаю.

Читать далее

Вот такая необычная рамочка получилась у меня после комбинирования разных по конфигурации рамок и добавления нового фона.
Егорова Татьяна

Код готовой рамки

Код "скелетика" рамки

Метки:  

Рамка с круглыми углами. Без фотошопа!

Четверг, 23 Марта 2017 г. 05:48 + в цитатник
Это цитата сообщения Егорова_Таня [Прочитать целиком + В свой цитатник или сообщество!]

Рамка с круглыми углами. Без фотошопа!

РАМКИ С КРУГЛЫМИ УГЛАМИ


А здесь урок по таким же рамкам, но объемным (с тенями и разными углами)


Наверно многие, кто сейчас смотрит на рамку ниже, думают, что она сделана в программе Фотошоп...Нет. Она сделана с помощью html-кода, как обычные рамки с прямыми углами. Эффект круглых углов виден в браузерах Google Chrome, Mozilla Firefox. В Internet Explorer рамка будет отражаться как обычная с прямыми углами. В других не знаю. Я дам "скелетик" кода такой рамки, чтобы подставляя свои фоны и параметры, вы могли без особого труда собрать свою рамочку и объясню как им пользоваться.

Читать далее

Вот такая рамочка получилась у меня после добавления картинок. Думаю их код можно усовершенствовать, а варианты рамок разнообразить. Испытала только на Лиру. Для Яру и других сайтов нужен другой код. Может кто-то сделает. Была бы рада посмотреть на ваши рамки, которые вы сделаете по этому уроку.

Удачи!
Егорова Татьяна

Код готовой рамки

Метки:  

Урок 3 по созданию рамки с покруткой (как делаю я)

Пятница, 24 Марта 2017 г. 20:24 + в цитатник
Это цитата сообщения I_Innushka [Прочитать целиком + В свой цитатник или сообщество!]

Урок 3 по созданию рамки с покруткой (как делаю я)

1ый урок по созданию рамки ЗДЕСЬ
2ой урок ЗДЕСЬ
ДАЛЕЕ покажу как делаю прокрутку в рамочке.Все проделываю нажав на ИСТОЧНИК в расширенном редакторе
                                  КОД ПРОКРУТКИ                                                                                            МОИ ПАРАМЕТРЫ ПРОКРУТКИ
    
напомню КОД нашей рамки
Желтым цветом я отметила куда вставляю
КОД ПРОКРУТКИ в КОД рамки
(после символов  /   style="padding:20px"
6035278_ITssmok (408x154, 100Kb)/6035278_ITssmok (408x154, 100Kb)
ОКОНЧАТЕЛЬНЫЙ РЕЗУЛЬТАТ КОДА РАМКИ ВМЕСТЕ С ПРОКРУТКОЙ
ВАШ ТЕКСТ...
Далее ,расскажу как меняю рамки:(Опять при нажатии кнопки ИСТОЧНИК)
зеленым цветом - КОД РАМКИ, который меняю или просто можно поменять адрес другого изображения рамки
 
 
 

Серия сообщений "***МОИ РАБОТЫ":
Часть 1 - Рамочка для рубрики "дессерт"
Часть 2 - Рамочка для рубрики "анимация"
...
Часть 12 - Урок 2 по созданию рамки (как делаю я)
Часть 13 - Урок.Замена рамки с покруткой (как делаю я)
Часть 14 - Урок 3 по созданию рамки с покруткой (как делаю я)
Часть 15 - Рамочка для рубрики "PLUGINS DOWNLOAD"
Часть 16 - Рамочка для рубрики "PLUGINSLESSONS"

Метки:  

Продолжим изучение темы плееров.

Суббота, 25 Марта 2017 г. 09:32 + в цитатник
Это цитата сообщения Венера01 [Прочитать целиком + В свой цитатник или сообщество!]

Продолжим изучение темы плееров.

Всем, Добрый день!
Давайте продолжим изучение темы плееров.
Сегодня мы изучим:

 Как сделать флеш-плеер со своей музыкой, одеть в красивую "упаковку" и вставить в свой пост.

Допустим, мы создаём свой пост, заходим в "редактировать", редактируем, что нам нужно и хотим вставить аудио-плеер. Идём в "Прикрепить файл" и жмём на "Обзор", Смотрите скриншот 1

стрелка 1-2. Выбираем музыку со своего компьютера (см. урок 1), жмём кпопочку "Открыть" и "ОК". Далее, в окошечке откроется файл на Вашу музыку. Теперь жмём на кнопочку "Черновик" и у Вас всё, что вы создали откроется в черновике. Внизу поста появится вот такой плеер с музыкой (можно оставить его, правда поставив с необходимое для Вас место в посту), Смотри скриншот 2

но мы идём дальше. Снова идём в "Редактировать" пост (внизу поста справа), открывается Ваш HTML-код поста и внизу мы ищем флеш-код нашего плеера, созданного выше. Далее смотрите Скриншот 3

На нём у меня выделен код,(стрелка 1-4) который Вам нужно, скопировать и аккуратно вставить в код своего плеера "линеечки", который Вы можете взять из моего поста Подборка аудио-плееров", самый последний. Или вот, скриншот 4, с кодом этого плеера:

Здесь я выделила код (стрелочка 1) моей музыки. Вы аккуратненько удаляете его и вставляете на его место свой, полученный выше (смотри скриншот 3). Всё у Вас получился плеер с вашей музыкой. Идёте "Сохранить изменения" и смотрите как смотрится плеер. Затем снова в "Редактировать", смотрим код флеш-плеера, там есть два числа: 200 и 20 - это длина и ширина плеера соответственно. Ширину (20) менять не надо, а длину можете менять как Вам больше нравится. И ещё добавлю, что можно менять цвет плеера. Смотрим код плеера, там есть параметр: backcolor=#82f905 - это цвет плеера, его можно подобрать в палитре цветов, скопировать, этот аккуратно стереть, и вставить свой цвет Палитра цвета, аналогично можно поменять и цвет кнопочек на плеере -это: fontcolor=#.... и lightcolor=#... . Далее код уже готового Вашего плеера копируете и ставите его в то место поста, куда Вам надо, а внизу код просто удаляете. Для того, чтобы украсить Ваш пост и плеер его можно оформить следующим образом. Допустим сделать такой плеер.


Смотрите скриншот 5

это код плеера. И здесь мы делаем следующее: красной линией у меня выделен код моего плеера. Его Вы аккуратно удаляете и на его место ставите код плеера уже Вашего, со скриншота 4, но уже с вашей музыкой. Параметры: длину и ширину меняем на минимальные (высота=20 - постоянно, а длиной можете походить, как будет лучше смотреться от 30 до 100). А это от меня ещё несколько оформленных плееров, в которые так же можно вставить свою музыку, как я Вам уже рассказала.

















Вот вроде бы и всё. Успехов Вам в усвоении материала! Дерзайте.
пост от Венера01

Метки:  

Как сделать рамку в html вокруг текста

Вторник, 28 Марта 2017 г. 18:43 + в цитатник
Это цитата сообщения ZOYA_50 [Прочитать целиком + В свой цитатник или сообщество!]

Как сделать рамку в html вокруг текста

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

Для чего нужна рамка html

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

Особенности создания рамки вокруг текста

 

Метки:  

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

Вторник, 28 Марта 2017 г. 18:52 + в цитатник
Это цитата сообщения 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. Закругляем углы.
Всё про картинки. Часть 2
Всё про картинки. Часть 3.
Всё про картинки. Часть 4. Картинки в ряд и столбик.



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

Часть 1 - Бегущая строка из картинок или текста
Часть 2 - Плееры в дневник
...
Часть 17 - Вставить рамку в пост
Часть 18 - Скачать видео, загруженое на Лиру
Часть 19 - Развернуть картинку прямо на странице поста



Метки:  

ШТМЛка для начинающих пользователей.

Воскресенье, 04 Июня 2017 г. 17:42 + в цитатник
Это цитата сообщения SvetlanaT [Прочитать целиком + В свой цитатник или сообщество!]

ШТМЛка для начинающих пользователей.

Перед вами популярный справочник по HTML - языку гипертекстовой размётки документов.
Он часто используется как учебник по HTML, а иногда — как самоучитель.
Нажимаем, выбираем, учимся...


SvetlanaT

Метки:  

Как без Фотошопа в два счета убрать дату/время на фотографии.

Суббота, 03 Марта 2018 г. 16:11 + в цитатник
Это цитата сообщения Владимир_Шильников [Прочитать целиком + В свой цитатник или сообщество!]

Как без Фотошопа в два счета убрать дату/время на фотографии.

Любого рода надписи и лишние объекты можно просто удалить при помощи Photoshop. Но данная программа, во-первых, стоит много денег, а во-вторых, новичкам понадобится куча времени для её освоения. Куда проще (и не менее эффективно) будет воспользоваться отечественной разработкой под названием Movavi Фоторедактор, которую можно скачать с официального сайта разработчика.


Для примера возьмем несколько фотографий с проставленной на них датой, и посмотрим как её убрать. Сначала берем ту, что попроще :)


1. Открываем программу и перетаскиваем фото прямо в неё.


выбор опции удаления объекта


Метки:  

УРОКИ по стандартной программе PAINT

Суббота, 04 Августа 2018 г. 04:57 + в цитатник
Это цитата сообщения Ваша_ТАНЯ_идущая_по_Судьбе [Прочитать целиком + В свой цитатник или сообщество!]

УРОКИ по стандартной программе PAINT

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

КАРТИНКА или ЛИНЕЙКА
КАРТИНКА или ЛИНЕЙКА * ЗАГЛАВИЕ *

КАРТИНКА или ЛИНЕЙКА

Метки:  

Символы ,которыми можно украсить текст или заглавие текста, а также комментарии

Суббота, 18 Апреля 2020 г. 10:37 + в цитатник
Это цитата сообщения Schamada [Прочитать целиком + В свой цитатник или сообщество!]

☙Символы ,которыми можно украсить текст или заглавие текста, а также комментарии❧

Символы можно просто скопировать и вставить в текст, также можно их увеличить или уменьшить как шрифт текста.

🤗

🤔

🤕

😷

🤥

😗

😍

😂

🙄

🙂

🤒

😚

😄

🤷

💑

👰

👪

🗣

👤

👶

👦

👧

👨

👩

👱

👴

👵

👲

👳

👮

👷

💂

🕵

👼

👸

👯

👫

👬

👭

💁

🙇

🙅

🙆

🙋

🙎

🙍

💆

🚶

🏃

👅

👃

👣

💋

👀

💏

👂

👄

👁

💓

🖤

💝

😈

💘

✍️

💤

🤘

👌

🤝

👇

👈

👉

🙌

👆

✌️

🤲

👋


👏

💐

🌷

🌺

🌻

🌹

🌼

🌿

🌸

🌲

🍀


🌳

🌵

🙈

🙉

🙊

🐃

🐂

🐄

🐪

🐫

🐘

🐏

🐎

🐖

🐀

🐁

🦃

🕊

🐕

🐈

🐇

🐿

🐾

🐉

🍂

🍁

🐬

🐠

🔥

🌪

🌕

🌖

🌗

🌘

🌑

🌒

🌓

🌔

🌚

🌝

🌛

🌜

🌙

⭐️

🌟

💫




☀️

🌤

⛅️

🌥

🌦

☁️

🌧


🌩

💥

❄️

🌈

🎊

🍏

🍎

🍌

🎂

🍺

🍷

🍸

🍹

🍾

🍶

🍼

🍨

🍦

🍒

🍬

🍢

🍞

🍭

👚

👕

👖

👔

👙

👘

👒

🎩

🎓

👠

👡

👢

👞

👟

👝

👛

👜

💼

🌂

👓

💄

💅

👗

🎒

💇

👑

☎️

🗝

💾

💻

💎


📻

📱

📷

🖥

🖨

🎥

📽

📞




🕰

⌚️


🗑

🔨

⚱️

🔖

🛀

🚿

📩

💌

📬

📦

📯

📥

📤

📑

📕

📓

📗

📘

📙

📔

📒

📚

📖

🔗

📎

✂️

📐

📌

📍

🖊

🖋

🖍

🕯️

🏗️

🕶

🖌

🌐

🔍








💒

🎅

🔃

«

»








JFyeKXagt0rL (163x68, 10Kb)

Метки:  

ФОТОРЕДАКТОРЫ-бродилочка

Пятница, 15 Октября 2021 г. 06:33 + в цитатник
Это цитата сообщения Veta-z [Прочитать целиком + В свой цитатник или сообщество!]

ФОТОРЕДАКТОРЫ-бродилочка








Метки:  

Полоски или линии которыми можно украсить свой текст

Воскресенье, 10 Декабря 2023 г. 13:17 + в цитатник
Это цитата сообщения Schamada [Прочитать целиком + В свой цитатник или сообщество!]

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

УРОКИ
Фантазия блогеров-дизайнеров не знает границ.. Каждый раз придумывается что-то новое от чего захватывает дух..Сегодня я предложу незначительный, но иногда приходящий в помощь нам урок. Тема: "Полоски"(линии)
Иногда полоска может очень даже красиво украсить наш текст, например вместо разделителей или панелей текста..Может кому интересно? Мне это было очень интересно.. Здесь то, что я знаю.Если у вас есть ещё предложения пишите, я допишу в пост от вашего имени. Хочется побольше манипуляций с кодами...

Простая прямая полоска на всю ширину вашей рамочки или текста, которая всегда серого цвета выглядит так:



их можно сделать сразу 2 шт.,но ни размер,ни цвет и толщину полоски вы тут не измените.




Видите, что они серого цвета?
А теперь я дам вам код, в котором можно менять цвет, толщину и длину полоски..




0_a8be3_6e64da38_orig (113x85, 34Kb)

Метки:  

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