Записи Друзья Комментарии
elenaslava
Аватар elenaslava

 -Метки

Конфеты а на десерт алкоголь анимация баклажаны болезни растеней ввязание для женщин выпечка выращиваем огурцы вязаная игрушка вязаная обувь вязание для девушек вязание для детей вязание для женщин вязание для мужчин вязание кручком вязание крючком вязание спицами готовим шашлык грибы дача джемпер спицами еда жакет спицами живопись журнал по вязанию закуска запеканка игрушка крючком интересное кардиган крючком кардиган спицами картофель клубника коллаж консервирование кофта крючком красота кулинария куриное филе курица лето лечим яблони лимон маринуем мясо мои рамочки морковь мясо напитки огород отделка спицами пальто спицами пирог пирожки платье спицами плейкаст подошва крючком помидоры посадка огурцов пуловер спицами рамочки рыба сад салат свитер спицами снуд спицами стихи сыр топ крючком топ спицами торт туника крючком туника спицами тушеные овощи узор спицами уроки фотошоп фш что на второе шапочка спицами

 -Рубрики

 -Цитатник

Рамочки для записей. - (0)

рамочки для записей ......Здесь будет ваша запись... ......Здесь будет ваша запись.....

Рамочки для постов и четыре рамочки блокнотика. - (0)

рамочки для постов и четыре рамочки блокнотика ....Здесь будет ваша запись.... ....Здесь буд...

Как сделать ссылки кликабельными + рамочка с вопросиком. - (0)

Как сделать ссылки кликабельными + рамочка с вопросиком Как сделать ссылки кликабельнымиОбщение и...

Джемпер из толстой пряжи с «плетёным» узором. - (0)

Джемпер из толстой пряжи с «плетёным» узором Узор, которым связана модель, — довольно прос...

Котик с сердечком. Вышивка крестом. - (0)

Котик с сердечком. Вышивка крестом. 1. 2. 3. 4. 5. ...

 -Приложения

  • Перейти к приложению Я - фотограф Я - фотографПлагин для публикации фотографий в дневнике пользователя. Минимальные системные требования: Internet Explorer 6, Fire Fox 1.5, Opera 9.5, Safari 3.1.1 со включенным JavaScript. Возможно это будет рабо
  • Перейти к приложению Для дизайнеров Для дизайнеровтаблица цветов для дизайнера
  • Перейти к приложению Всегда под рукой Всегда под рукойаналогов нет ^_^ Позволяет вставить в профиль панель с произвольным Html-кодом. Можно разместить там банеры, счетчики и прочее
  • Перейти к приложению Открытки ОткрыткиПерерожденный каталог открыток на все случаи жизни

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

Поиск сообщений в elenaslava

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

 

 -Интересы

хотя мой водительский стаж совсем небольшой.я обо

 -Статистика

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

Записи с меткой фш

(и еще 22241 записям на сайте сопоставлена такая метка)

Другие метки пользователя ↓

Конфеты а на десерт алкоголь анимация баклажаны болезни растеней ввязание для женщин выпечка вязаная игрушка вязание для девушек вязание для детей вязание для женщин вязание для мужчин вязание кручком вязание крючком вязание спицами готовим шашлык грибы дача десерт джемпер спицами еда жакет спицами живопись журнал по вязанию закуска запеканка игрушка крючком интересное кардиган крючком кардиган спицами картофель клубника консервирование кофта крючком красота кулинария куриное филе курица лето лук маринуем мясо мои рамочки морковь огород огурец отделка спицами пальто спицами пирог пирожки платье крючком платье спицами плейкаст помидоры посадка лука пуловер спицами рамочки рыба сад салат свитер спицами снуд спицами стихи сыр топ крючком топ спицами торт туника крючком туника спицами тушеные овощи узор спицами уроки формировка огурца фотошоп фш чебуреки что на второе шапочка спицами
Нравится

Рамочки для записей.
Суббота, 08 Апреля 2023 г. 21:16 + в цитатник
Это цитата сообщения Arnusha [Прочитать целиком + В свой цитатник или сообщество!]

рамочки для записей


......Здесь будет ваша запись...






......Здесь будет ваша запись...





ещё
Рубрики:  дневник на ЛиРу/ФШ

Метки:  
Нравится

Ароматы лета.

Дневник
Пятница, 24 Июня 2022 г. 13:18 + в цитатник

Рубрики:  дневник на ЛиРу/ФШ
дневник на ЛиРу/анимация

Метки:  
Нравится

APNG-изображение. Урок для Gimp.
Четверг, 21 Апреля 2022 г. 23:03 + в цитатник
Это цитата сообщения novprospekt [Прочитать целиком + В свой цитатник или сообщество!]

Создаем, сохраняем и оптимизируем APNG-изображение. Урок для Gimp.

В своем сообщении Сохранение анимации в формате APNG. Плагин для Gimp. я написала о APNG-формате. Для тех, кто заинтересовался этой темой, хочу выложить урок, который бы наглядно демонстрировал некоторые возможности этого формата, а также еще раз обратить внимание на отдельные нюансы создания и сохранения анимации в APNG. И так, плагин gimp-apng-0.1.0.win32 для cохранение анимации в формате APNG у вас установлен. Хочу только заметить, что этот плагин протестирован мною для версии GIMP 2.6 и в более поздних версиях, например, в GIMP 2.7.5. он не работает. Поэтому для этого урока нужна именно версия GIMP 2.6. Если у вас другая версия, то скачайте и установите портативный GIMP 2.6, который на работу более поздней версии влияния оказывать не будет.
Скачать можно по ссылке
GIMPPortable2.6.zip
Теперь перейдем непосредственно к созданию самой анимации, которую потом и сохраним в APNG. Я не стала очень сильно мудрить, а решила создать небольшой объект, с отражением и полупрозрачной тенью.
Открываем наш GIMP и создаем новое изображение 400 x 300 пикс. с прозрачным фоном (Файл-Создать)
Создаем, сохраняем и оптимизируем APNG-изображение.
"Читаем далее"

Серия сообщений "Уроки GIMP":
Часть 1 - Новогоднии открытки в Gimp.
Часть 2 - Создаем демотиватор в Gimp.
...
Часть 5 - Gimp:Создание баннерной кнопки 88*31.
Часть 6 - Gimp: Анимированные круги.
Часть 7 - Создаем, сохраняем и оптимизируем APNG-изображение. Урок для Gimp.
Часть 8 - Поддержка APNG-формата анимации в браузере Google Chrome.
Часть 9 - Уроки GIMP. Создание анимации фильтром жалюзи.
...
Часть 14 - Анимация горячего текста. Моя работа по уроку в GIMP.
Часть 15 - Как сделать анимацию воды и солнышка в Gimp.
Часть 16 - Весенние бесшовный фон с клипартом в GIMP с помощью направляющих.

Серия сообщений "Все для GIMP":
Часть 1 - Новогоднии открытки в Gimp.
Часть 2 - Создаем демотиватор в Gimp.
Часть 3 - Сохранение анимации в формате APNG. Плагин для Gimp
Часть 4 - Создаем, сохраняем и оптимизируем APNG-изображение. Урок для Gimp.
Часть 5 - Поддержка APNG-формата анимации в браузере Google Chrome.
Часть 6 - Урок Gimp.Фильтр "Синий экран или BlueBox".
Часть 7 - Сегодня Пятница, 13...
Часть 8 - Gimp:Радужный текст с расширением Layer Effects
Часть 9 - Урок в Gimp «Рамочка с рваными краями».
Рубрики:  дневник на ЛиРу/ФШ

Метки:  
Нравится

Зима пришла!

Дневник
Воскресенье, 05 Декабря 2021 г. 01:42 + в цитатник

­­­

Рубрики:  дневник на ЛиРу/ФШ

Метки:  
Нравится

Анимация текста в ...Adobe After Effects (Адоб Афтер Эффект)

Дневник
Пятница, 15 Октября 2021 г. 01:17 + в цитатник

Анимация текста в ..Adobe After Effects (Адоб Афтер Эффект)

 

Читать далее...
Рубрики:  дневник на ЛиРу/ФШ
дневник на ЛиРу/уроки
Адоб Афтер Эффект

Метки:  
Нравится

Перевод Английских терминов в Фотошопе на Русский
Понедельник, 27 Сентября 2021 г. 01:12 + в цитатник
Это цитата сообщения Lyusi_serebro [Прочитать целиком + В свой цитатник или сообщество!]

Перевод Английских терминов в Фотошопе на Русский


Перевод Английских терминов в Фотошопе на Русский


Английские Термины Русский Перевод
File Файл
New новый (Cntr+N)
Open открыть (Cntr+O)
Browse обзор (Alt+Cntr+O)
Open As открыть как (Alt+Shft+Cntr+O)
Open Resent последние документы
Edit in ImageReady редактировать в ImageReady (Shft+Cntr+M)
Close закрыть (Cntr+W)
Close All закрыть все (Alt+Cntr+W)
Close and Go To Bridge закрыть и перейти в Bridge (Shft+Cntr+W)
Save сохранить (Cntr+S)
Save As сохранить как (Shft+Cntr+S)
Save a Version сохранить версию
Save for Web сохранить для Web (Alt+Shft+Cntr+S)
Revert восстановить (F12)
Place поместить
Import
Variable Data sets
Annotations
WIA Support		 импорт
Переменные Наборы данных
Комментарии
Поддержка WIA
Export
Data Sets as Files
Paths to illustator
Sand Video Previewto Device
Video Preview
Zoom View		 экспорт
Переменные Наборы данных
Контуры в Illustator
Отправить просмотр видео на устройство
Просмотр Видео
Представление Увеличения масштаба изображения
Automate
Batch
PDF Presentation
Creat Droplet
Conditional Mode Change
Contact Sheet II
Crop and Straighten Photos
Fim Image
Picture Package
Web Photo Gallery
Photomerge
Merge to HDR		 автоматизация
Пакетная обработка
PDF-презентация
Создать дроплет
Изменить размеренность
Изменить цветовой формат
Кадрировать и выпрямить фотографию
Контрольный лист II
Раскладка изображения
Фотогалерея Web
Объединение фото
Объединить в HDR
Scripts
Export Layers To File
Image Processor
Layer Comps To Files
Layer Comps To PDF
Layer Comps To WPG
Script Events Manager
Browse		 сценарии
File Info сведения о файле (Alt+Shft+Cntr+I)
Page Setup параметры страницы (Shft+Cnt+P)
Print with Preview просмотр и печать (Alt+Cntr+P)
Print печать (Cntr+P)
Print One Copy печать одного экземпляра (Alt+Shft+Cntr+P)
Print Online печать онлайн
Jump To перейти в …
Exit выход (Cntr+Q)


Переводим дальше...
Рубрики:  дневник на ЛиРу/ФШ

Метки:  
Нравится

Развернуть картинку прямо на странице поста.
Суббота, 06 Марта 2021 г. 21:15 + в цитатник
Это цитата сообщения 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 - Плееры в дневник
...
Часть 16 - Вставить рамку в пост
Часть 17 - Скачать видео, загруженое на Лиру
Часть 18 - Развернуть картинку прямо на странице поста
Часть 19 - Вставляем музыкальный плеер в определённое место


Рубрики:  дневник на ЛиРу/ФШ
дневник на ЛиРу/уроки

Метки:  
Нравится

Есть город под названием любовь.

Дневник
Пятница, 05 Февраля 2021 г. 14:43 + в цитатник
Рубрики:  дневник на ЛиРу/ФШ

Метки:  
Нравится

Здесь я узнал, как сделать сайт!!!
Пятница, 05 Февраля 2021 г. 10:28 + в цитатник
Это цитата сообщения Jorjorych [Прочитать целиком + В свой цитатник или сообщество!]

Здесь я узнал, как сделать сайт!!!

 

Всё для начинающих!

Без-имени-1-2 (299x291, 116Kb)

 

                      Подробные уроки по HTML

                Справочник CSS

          Подробные уроки по JavaScript

    Уроки PHP

Эти уроки и ещё много чего - по кнопке ниже

Как создать свой сайт

 

Серия сообщений "HTML, скрипты":
Часть 1 - Оформление дневника с помощью HTML
Часть 2 - HTML
...
Часть 8 - Скрипты
Часть 9 - Как сделать бегущий текст на картинке, без всякого редактора
Часть 10 - Здесь я узнал, как сделать сайт!!!
Часть 11 - Вёрстка сайта с нуля. HTML и не только.
Часть 12 - Вёрстка сайтов. Уроки для начинающих. HTML и CSS.
Часть 13 - НУЖНЫЕ КОДЫ ПОД РУКОЙ (все о размерах картинки) от LyudmilaSpring.
Часть 14 - Радио_лист на HTML
Рубрики:  дневник на ЛиРу/ФШ
дневник на ЛиРу/уроки

Метки:  
Нравится

Работа с текстом в HTML. Бегущая строка
Пятница, 05 Февраля 2021 г. 10:20 + в цитатник
Это цитата сообщения Дневник_моей_Сары [Прочитать целиком + В свой цитатник или сообщество!]

Работа с текстом в HTML. Бегущая строка

Создание текста с "бегущей" строкой

ОСНОВНАЯ ФОРМУЛА
<marquee>ВАШ ТЕКСТ</marquee>


1.Текст перемещается снизу - ВВЕРХ
<marquee style="HEIGHT: 50px" direction="up">Ваш текст</marquee>

ПРИМЕР
Сколько вкусных сладких ягод
На поляночке в лесу!


2.Текст перемещается сверху - ВНИЗ
<marquee style="HEIGHT: 50px" direction="down">Ваш текст</marquee>

ПРИМЕР
Вот наемся я и на год
Витаминов запасу!


3. Текст перемещается слева - НАПРАВО
<marquee style="WIDTH: 200px" direction="right">Ваш текст</marquee>

ПРИМЕР Сколько солнца! Сколько света!

4. Текст перемещается справа - НАЛЕВО
<marquee style="WIDTH: 200px" direction="left">Ваш текст</marquee>

ПРИМЕР Сколько зелени кругом!

5.Движение текста ВЛЕВО-ВПРАВО
<marquee style="WIDTH: 200px" behavior="alternate">Ваш текст</marquee>

ПРИМЕР Что же это? Это ЛЕТО
Наконец спешит к нам в дом.

ПЕРЕМЕННЫЕ ВЕЛИЧИНЫ
HEIGHT - высота "окошка", в котором двигается текст;
WIDTH - расстояние, на которое перемещается текст.

Можно ли уменьшить скорость прокрутки при использовании тега "marquee"?
Это можно отрегулировать, если в открывающий тег добавить параметр scrollamount="Х", где Х — скорость прокрутки от 1 до 9.
В итоге мы получим такую формулу:
<marquee style="WIDTH: 200px" direction="right" scrollamount="Х"></marquee>

Волшебный тег <marquee></marquee> заставляет двигаться не только текст, но всё, к чему он относится.
Для картинки от будет выглядеть так:
<marquee><img src=" картинка ссылка радикала №1" /></marquee>
ПРИМЕР




Рубрики:  дневник на ЛиРу/ФШ
дневник на ЛиРу/уроки

Метки:  
Нравится

НУЖНЫЕ КОДЫ ПОД РУКОЙ (все о размерах картинки)
Пятница, 05 Февраля 2021 г. 10:11 + в цитатник
Это цитата сообщения Lyusya-Spring [Прочитать целиком + В свой цитатник или сообщество!]

НУЖНЫЕ КОДЫ ПОД РУКОЙ (все о размерах картинки)


ЧИТАТЬ ->



Серия сообщений "*** открытки; уроки":

Часть 1 - Интересные слайд-шоу в ваш дневник
Часть 2 - Моим Друзьям любви желаю!!!
...
Часть 28 - Поздравляю с праздником всех Татьян!
Часть 29 - Работа с изображениями в HTML (как вставить картинку, изменить ее размер, сделать картинку ссылкой).
Часть 30 - НУЖНЫЕ КОДЫ ПОД РУКОЙ (все о размерах картинки)
Часть 31 - Как сохранить гифку из одноклассников на свой комп
Часть 32 - КАК УВЕЛИЧИТЬ/УМЕНЬШИТЬ КАРТИНКИ СРЕДСТВАМИ mail.ru
Часть 33 - Как сделать превью картинок
Часть 34 - Заготовки для баннеров, записей и открыток от Flash Magic.


Рубрики:  дневник на ЛиРу/ФШ
дневник на ЛиРу/уроки

Метки:  
Нравится

Очень полезная HTML-ШПАРГАЛКА
Четверг, 04 Февраля 2021 г. 19:25 + в цитатник
Это цитата сообщения Arnusha [Прочитать целиком + В свой цитатник или сообщество!]

Очень полезная HTML-ШПАРГАЛКА

Советую всем сохранить ее в закладки,чтобы всегда была под рукой.
В ней есть все,что нужно и начинающим и уже опытным пользователям.
И даже кто не умеет делать рамочки,здесь есть все,чтобы за 5 минут сотворить рамку.
Удачи!
  •  
    •  
      •  

          Зачеркнутый текст <s> ТЕКСТ </s> — ТЕКСТ
          Подчёркнутый текст<u> ТЕКСТ </u> — ТЕКСТ
          Полужирный текст<b> ТЕКСТ </b> — ТЕКСТ
          Полужирный крупный <big> ТЕКСТ </big> — ТЕКСТ
          Курсивный текст<i> ТЕКСТ </i> — ТЕКСТ
          Маленький текст<small> ТЕКСТ </small> — текст
          Неразрывный пробел &*nbsp; (* убрать)
          Сноска вверху <sup> сноска</sup>
          ТЕКСТ сноска
          Сноска внизу <sub> сноска</sub>
          ТЕКСТ сноска
          Отступ <blockquote> текст</blockquote> —
          отступ от отстального текста
          вот так

          Ударéние (тэг ставим после нужной буквы) — &*#769; (* убрать)
          Текст с подсказкой:
          Подведи курсор к тексту!
          <q title="текст подсказки"> Подведи курсор к тексту!</q>

манипуляции с курсором


  •  
    •  
      •  
        •  
          •  
            •  

              • Наведите курсор на текст! Это default.

              • Наведите курсор на текст! Это auto.

              • Наведите курсор на текст! Это text.

              • Наведите курсор на текст! Это crosshair.

              • Наведите курсор на текст! Это e-resize.

              • Наведите курсор на текст! Это w-resize.

              • Наведите курсор на текст! Это n-resize.

              • Наведите курсор на текст! Это s-resize.

              • Наведите курсор на текст! Это ne-resize.

              • Наведите курсор на текст! Это sw-resize.

              • Наведите курсор на текст! Это nw-resize.

              • Наведите курсор на текст! Это se-resize.

              • Наведите курсор на текст! Это wait.

              • Наведите курсор на текст! Это hand.

              • Наведите курсор на текст! Это pointer.

              • Наведите курсор на текст! Это help.

              • Наведите курсор на текст! Это move.

          • С помощью стилей можно переопределить вид курсора и выбрать один из пятнадцати доступных вариантов.


  •  
    •  
      •  
          Если вы желаете переопределить курсор мыши для всей веб-страницы целиком, а не только для ссылок, воспользуйтесь селектором BODY:
          <html>

          <head>

          <style type="text/css">

          body { cursor: crosshair }

          </style>

          </head>



  •  
    •  
      •  
          Также можно задать разный вид курсора для отдельных областей веб-страницы, используя теги DIV или SPAN:
          На этом тексте курсор примет вид перекрестья.

          Синтаксис:
          <span style="cursor:crosshair">На этом тексте курсор примет вид перекрестья.</span>

          Внимание!

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


Тег SPAN


  •  
    •  
      •  
          Тег SPAN
          предназначен для определения встроенных элементов документа. Иначе
          говоря, Элемент SPAN определяет контейнер для внутреннего текста.
          В отличие от блочных элементов, таких как TABLE, P или DIV, с помощью
          тега SPAN можно выделить часть информации внутри других тегов и
          установить для нее свой стиль.
          Например, внутри параграфа (тега P) можно изменить цвет и размер первой
          буквы, если добавить начальный и конечный тег SPAN и определить для
          него стиль текста.
          Вот несколько примеров применения этого тега:
          ЧЕРНЫЙ ТЕКСТ ПЕРЕЧЕРКНУТ КРАСНОЙ ЛИНИЕЙ
          <span style="color:red;text-decoration:line-through;"><span
          style="color:black">ЧЕРНЫЙ ТЕКСТ ПЕРЕЧЕРКНУТ КРАСНОЙ
          ЛИНИЕЙ</span></span>


  •  
    •  
      •  
          СИНИЙ ТЕКСТ ПЕРЕЧЕРКНУТ ЖЕЛТОЙ ЛИНИЕЙ
          <span style="color:YELLOW;text-decoration:line-through;"><span
          style="color:BLUE">СИНИЙ ТЕКСТ ПЕРЕЧЕРКНУТ ЖЕЛТОЙ
          ЛИНИЕЙ</span></span>


  •  
    •  
      •  
          КОРИЧНЕВЫЙ ТЕКСТ ПОДЧЕРКНУТ ОРАНЖЕВОЙ ЛИНИЕЙ
          <span style="color:darkorange;text-decoration:underline;"><span
          style="color:brown">КОРИЧНЕВЫЙ ТЕКСТ ПОДЧЕРКНУТ ОРАНЖЕВОЙ
          ЛИНИЕЙ</span></span>


  •  
    •  
      •  
          ОРАНЖЕВЫЙ ТЕКСТ В СЕРОЙ РАМКЕ
          <span style="border:1px solid darkgray;"><span
          style="color:orange;">ОРАНЖЕВЫЙ ТЕКСТ В СЕРОЙ
          РАМКЕ</span></span>


  •  
    •  
      •  
          ЗЕЛЕНАЯ ССЫЛКА   на мой дневник   ПОДЧЕРКНУТА КРАСНЫМ ЦВЕТОМ
          ЗЕЛЕНАЯ ССЫЛКА<a href="http://arnusha.ru/"
          target="_blank" style="color:red;text-decoration:underline;"><span
          style="color:green;">   на мой дневник  
          </span></a>ПОДЧЕРКНУТА КРАСНЫМ ЦВЕТОМ


  •  
    •  
      •  
          Скоро сказка сказывается...
          <span style = "font-size: 100px;"><FONT FACE="Comic Sans
          MS"><FONT
          COLOR="#FF0000">С</FONT></FONT></span>коро сказка
          сказывается...
          Д а не скоро дело делается...
          <span style = "font-size: 100px;"><FONT FACE="Monotype
          Corsiva"><FONT COLOR="#0000FF">Д</FONT></span> а не
          скоро дело делается...</FONT>
          В зависимости от того, где мы пропишем второй закрывающий тег </font>,
          текст после нашей "буквицы" будет набран таким же шрифтом или вернется в
          свое исходное состояние, обусловленное стилем страницы. Во втором
          предложении этот тег поставлен только после многоточия, а в первом
          после буквы "С".


Бегущая строка


  •  
    •  
      •  

          1. <MARQUEE>Ваш текст</MARQUEE>
          Вот так!
          2. <MARQUEE style="HEIGHT: 50px" direction=up>Ваш текст</MARQUEE>
          или так
          3. <MARQUEE style="HEIGHT: 50px" direction=down>Ваш текст</MARQUEE>
          ну и вот так
          4. <MARQUEE style="WIDTH: 200px" direction=right>Ваш текст</MARQUEE>
          или даже так
          5. <MARQUEE style="WIDTH: 200px" direction=left>Ваш текст</MARQUEE>
          а уж так!
          6. <MARQUEE style="WIDTH: 200px" behavior=alternate>Ваш текст</MARQUEE>
          и так можем
          Переменные:
          HEIGHT высота "окошка", в котором двигается текст;
          WIDTH расстояние, на которое перемещается текст.
          Можно ли уменьшить скорость прокрутки при использовании тега marquee?
          Так вот, для этого необходимо в открывающий тег добавить параметр scrollamount="Х", где Х — скорость прокрутки от 1 до 9.
          Результат будет выглядеть так:
          <MARQUEE style="WIDTH: 200px" direction=right scrollamount="Х">


  •  
    •  
      •  

          Тег <marquee> заставляет двигаться не только текст, но всё, к чему он относится.
          Пример:


  •  
    •  
      •  

          Синтаксис: <MARQUEE><img src="ros.gif"></MARQUEE>



Работаем с графикой


  •  
    •  
      •  
        •  
          •  
            •  

          • Чтобы превратить изображение в ссылку:

          Синтаксис:
          <A class=link_main title="Дневник Arnusha"
          href="http://arnusha.ru/ target="_blank"
          ><img src=bab.gif BORDER="0"></A>


  •  
    •  
      •  
        •  
          •  
            •  
                По-моему, это камелия
          • Если нужно просто
          дать пояснение к своей картинке, то для того, чтобы получить всплывающую
          строку, нужно вписать тэг ALT="Пояснение"

          Синтаксис: <img src=kam.gif ALT="По-моему, это камелия" >


  •  
    •  
      •  
        •  
          •  
          • Изображение-ссылка, открывающаяся в новом окне:

          Синтаксис: <a href="1.html" target="_blank"><img src="okno.gif" border=0></img></a>


  •  
    •  
      •  
          Текст между двумя картинками:

Это такой красивый ирис
а это такой красивый подсолнух
"...Бабочки рассказывали ей свои секреты, а Цветы наперебой звали
покачаться вместе на тонких стебельках.
Но у нее был друг. К самому большому и красивому Цветку на поляне
торопилась она каждое утро, чтобы вместе полюбоваться прозрачными
капельками росы, в которых отражается весь мир!..."
  •  
    •  
      •  
          Синтаксис:
          <IMAGE ALIGN="LEFT" VALIGN="MIDDLE" SRC="адрес картинки"
          ALT="комментарий">
          <IMAGE ALIGN="RIGHT" VALIGN="MIDDLE" SRC="адрес картинки"
          ALT="комментарий">
          Текст между двумя картинками.
          Атрибут ALT - это маленький всплывающий комментарий, но в данном случае можно обойтись и без него.


  •  
    •  
      •  
          Фон под сообщением:
          А
          у нас наступило лето...
          Затопило нас ярким светом, и жара. Только ранним утром с побережья
          приносит бриз.А в Москве - снова дождь по крышам; будто чья-то улыбка
          свыше, будто радость пригоршней щедрой - звонко с тучки на тучку -
          вниз...Тех, на дождь кто ворчит, не слушай, а смелей - босиком по лужам,
          подставляя ладони брызгам, переливчатым, как алмаз. Улыбнись случайным
          прохожим; ну а вдруг нарисует дождик , пусть пунктиром, пусть неумело -
          там, под струями, вместе нас?

          Синтаксис:
          <table width=100% border="0" cellspacing="8" cellpadding="0"
          background="URL"><tr><td><font color=#FFFFFF font
          face=georgia font size=3>Ваш текст
          сообщения</font></td></tr></table>
          • Вместо URL подставляем адрес фоновой картинки
          • На свой вкус и усмотрение меняем цвет, размер и начертание текста


Линии и рамочки


  •  
    •  
      •  
          Рисуем линии:
          1.

          2.

          3.

          Синтаксис:
          1.<HR>
          2.<HR size=3 color=#FF0000>
          3.<HR size=6 color=#00B344>
          Переменные:
          SIZE толщина линии
          COLOR цвет линии


  •  
    •  
      •  

          Линии бывают всякими:
          1.

          2.

          3.

          Синтаксис:
          1. <hr color="red" width="50%" size="9" style="border: dotted 5pt; border-color: red ">
          2. <hr color="black" width="50%" size="5" style="border: dashed 5pt; border-color: Forestgreen ">
          3. <hr color="blue" width="50%" size="7" style="border: dotted 5pt; border-color: red ">
          Переменные:
          WIDTH длина линии в процентах по отношению к экрану
          SIZE размер элементов
          DASHED пунктирная линия
          DOTTED точечная линия
          COLOR цвет элементов


  •  
    •  
      •  
          Рисуем рамочки:
          1.
          2.
          3.
          Синтаксис:
          1. <blockquote style="border:3px #00B344 dashed; padding: 15px;
          margin:0px 0px 0px 0px;">Здесь будет Ваш текст</blockquote>
          2. <blockquote style="background-color: #FFE4B5; border:3px #BC8F8F
          solid; padding: 10px; margin:0px 0px 0px 0px;">Здесь будет Ваш
          текст</blockquote>
          3.<blockquote style="border:3px #DA70D6 solid; padding: 5px;
          margin:0px 0px 0px 0px;">Здесь будет Ваш текст</blockquote>
          Переменные:
          border:3px #ff0000 толщина рамки в пикселях и её цвет
          background-color: #ffff00 цвет фона рамки
          dashed пунктир
          solid непрерывная
          padding отступ текста от рамки внутри
          margin отступ от текста снаружи (если рамка находится внутри текста)


  •  
    •  
      •  

          В рамки можно помещать не только текст, но и картинки:


          Синтаксис:
          <blockquote style="background-color: #E0FFFF; border:3px #87CEEB
          solid; padding: 15px; margin:0px 0px 0px 0px;"><img src=pp.gif
          BORDER="0">Первый поцелуй!</blockquote>


И такая рамочка


  •  
    •  
      •  

          Синтаксис:
          <FIELDSET><LEGEND align="center"><B><font
          color=#FFA500>И такая
          рамочка</font></B></LEGEND></FIELDSET>
          Параметр align выравнивает относительно одной из сторон документа,
          значения: left, right, или center


Разноцветные рамочки


  •  
    •  
      •  
          Синтаксис:
          <blockquote style="BORDER-LEFT: #F70000 3px solid; padding: 15px;
          BORDER-TOP: #119931 3px solid; padding: 15px; BORDER-BOTTOM: #E3AF40 3px
          solid; padding: 15px;BORDER-RIGHT: #924E96 3px solid" padding:
          15px></blockquote>
          padding отступ текста от рамки внутри.

        • Я
        принесла тебе поляну. На завтрак. Пока несла ее, все откусывали от нее
        по чуть-чуть и не верили вкусу земляники. Хорошо, что на поляне сидел
        тушканчик. Он-то и объяснял всем, что в мире нет ничего особенного, что
        это просто девочка несет поляну на завтрак своему другу. Лесную. С
        земляникой. Ну и что. Не всем же кофе в постель.



  •  
    •  
      •  
          Можно добавить картинку:

  •  
    •  
      •  
          Синтаксис для картинки:
          <img src="k.jpg" align="right">


        • Потом
        достать смешные акварели, изрисовать в нелепые цвета. Потом себя в
        оранжевый покрасить. Ты будешь – Солнце, вечное, всегда. И возле солнца –
        ангелы и бесы, песочницы, гитары, звон монет, коты и кастаньеты,
        апельсины, смешные дети, сильные мужчины. И в центре – твой улыбчивый
        портрет.



Кнопочки


  •  
    •  
      •  
        •  
          •  

  •  
    •  
      •  

          Синтаксис:
          <BUTTON title="Текст-пояснялка к кнопке"><TABLE
          border=5><TBODY><TR><TD><CENTER><FONT
          color=#BA55D3 size=4>Название
          кнопки</FONT></CENTER></TD></TR></TBODY></TABLE></BUTTON>


  •  
    •  
      •  
        •  
          •  
            •  
              •  

          • Кнопочка-посылалка:
          Синтаксис:
          <form action="http://arnusha.ru/"
          target="_blank" method="get"><input type="submit"
          value="Дневник Arnusha"></form>


  •  
    •  
      •  

          Цветная кнопочка с картинкой

          Синтаксис:
          <form action="URL" method="get"><button style="BACKGROUND:
          #8080ff; WIDTH: 150px" type="submit"><img src="URL
          картинки"></button></form>


Некоторые специальные символы


  •  
    •  
      •  

          Некоторые символы не входят в базовую часть таблицы кодов ASCII. К ним
          относятся буквы алфавитов части европейских языков, математические и
          некоторые другие символы.
          Некоторые символы, введенные в HTML документ будут интерпретироваться
          не так, как задумал автор. Это, например, символы "<" и ">",
          используемые для указания тегов.
          В этих случаях можно вводить нужные символы с помощью специальных кодов.
          Коды начинаются с символа "амперсанд"(&). За ним следует
          название символа, либо его числовой код в десятичной или
          шестнадцатеричной системе. Завершает код символ "точка с запятой" ;
          Пишу разреженно, чтобы можно было прочитать код:
          & quot; - двойная кавычка "
          & amp; - амперсанд &
          & lt; - знак 'меньше' <
          & gt; - знак 'больше' >
          & nbsp; - неразрывный пробел
          Общая пунктуация:
          & ndash; - тире –
          & mdash; - длинное тире —
          & lsquo; - левая одиночная кавычка ‘
          & rsquo; - правая одиночная кавычка ’
          & sbquo; - нижняя одиночная кавычка ‚
          & ldquo; - левая двойная кавычка “
          & rdquo; - правая двойная кавычка ”
          & bdquo; - нижняя двойная кавычка „
          И даже карточные масти:
          & spades; - знак масти 'пики' ♠
          & clubs; - знак масти 'трефы' ♣
          & hearts; - знак масти 'червы' ♥
          & diams; - знак масти 'бубны' ♦


  •  
    •  
      •  
          Пример:

          ♣   ♣   ♥   ♥


          Синтаксис:
          <aligh=center><font color="red" size=7>&*clubs;   &*clubs;   &*hearts;   &*hearts;</font>
          (* убрать)

Arnusha

Рубрики:  дневник на ЛиРу/ФШ
дневник на ЛиРу/уроки

Метки:  
Нравится

Мир будет жить в тебе...

Дневник
Суббота, 23 Января 2021 г. 02:36 + в цитатник

https://www.beesona.ru/id48227/playcast/208762/

5369832_ed3da6db6e1b5f14fd187d0a1e7fe960 (700x700, 385Kb)

Рубрики:  дневник на ЛиРу/ФШ

Метки:  
Нравится

Зима творит чудеса.

Дневник
Пятница, 11 Декабря 2020 г. 02:21 + в цитатник

Зима творит чудеса

https://www.beesona.ru/id48227/playcast/199645/

5369832_1Zimatvoritchydesa___ (700x700, 442Kb)

 

Рубрики:  дневник на ЛиРу/ФШ

Метки:  
Нравится

Чего боятся снеговики?

Дневник
Четверг, 10 Декабря 2020 г. 23:20 + в цитатник

5369832_3gifChEGOBOYaTSYaSNEGOVIKI (700x700, 380Kb)https://www.beesona.ru/id48227/playcast/199391/

Рубрики:  дневник на ЛиРу/ФШ

Метки:  
Нравится

Объёмный текст без фотошоп...
Четверг, 01 Октября 2020 г. 02:05 + в цитатник
Это цитата сообщения Вера_Верочка_Веровь [Прочитать целиком + В свой цитатник или сообщество!]

Объёмный текст без фотошоп...



Красивый Текст
Иногда очень хочется оригинально оформить оглавление (название) своего поста. На сайте "Шпаргалка блогера" познакомилась с приведенными ниже видами красивого оформления текста. Я, правда, ещё не все уразумела, поэтому делюсь с вами тем, что поняла и освоила.

Свойство text-shadow:1px1px1px#000 имеет четыре параметра:

X Y амплитуда цвет


X - горизонтальное смещение тени к тексту (положительное значение - вправо, отрицательное - влево),

Y - вертикально смещение тени к тексту (положительное - вниз, отрицательно - вверх),

амплитуда - чем выше значение, тем больше степень размытия,
#000 - цвет тени.
Можно добавить две и более тени через запятую.
121282211_RRSRR (316x103, 36Kb)
Смотрите дальше

Источник
"У Самовара" + Вера Паничкина - это тоже Я





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

Часть 1 - Коды при оформлении ТЕКСТА (выделение цитаты, эпиграф, расположение текста в столбиках)...- 2 -
Часть 2 - Интересное оформление текста - 3 - ...
...
Часть 5 - Огненный текст без фотошопа..
Часть 6 - Обводка текста без фотошопа...
Часть 7 - Объёмный текст без фотошоп...
Часть 8 - Подбираем нужный шрифт
Часть 9 - МНОГОСЛОЙНЫЙ ОБЪЁМНЫЙ ШРИФТ...
...
Часть 14 - КАК поставить вертикальную линию с боку текста? Мой Первый урок!
Часть 15 - Ещё одна находка - ВЕРТИКАЛЬНАЯ ЛИНИЯ в тексте.
Часть 16 - Сервис для улучшения текста


Рубрики:  дневник на ЛиРу/ФШ
дневник на ЛиРу/уроки

Метки:  
Нравится

Анимация Божьей Коровки. Авторский урок MissKcu.
Понедельник, 29 Июня 2020 г. 12:27 + в цитатник
Это цитата сообщения MissKcu [Прочитать целиком + В свой цитатник или сообщество!]

Анимация Божьей Коровки. Авторский урок MissKcu

туфли (161x137, 32Kb)

Сразу прошу прощения у спецов,

может урок прописан НЕ грамотно,

это я сама придумала, как анимировать Букашку.

 

Вот такую картинку мы будем создавать

Пример (500x350, 102Kb)



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

Материал к уроку

 

1.
ajy-2 (500x350, 110Kb)

2.
2 (250x171, 56Kb)

3.
3 (250x142, 49Kb)

 

Надеюсь, Вам понравился урок...

Не судите строго, я старалась объяснить....

просто Творите и ВыТворяйте

Рубрики:  дневник на ЛиРу/ФШ
дневник на ЛиРу/анимация
дневник на ЛиРу/уроки

Метки:  
Нравится

Я буду ждать.. ~ Плэйкасты ~ Beesona.Ru
Понедельник, 27 Января 2020 г. 17:39 + в цитатник
https://www.beesona.ru/id48...st/123184/

5369832_1Yabydyjdat__ (700x700, 237Kb)

Рубрики:  дневник на ЛиРу/ФШ

Метки:  
Нравится

Вернусь в твои сны… ~ Плэйкасты ~ Beesona.Ru
Воскресенье, 19 Января 2020 г. 10:52 + в цитатник
https://www.beesona.ru/id48...st/120666/

5369832_1nnnnnnnn (700x700, 383Kb)

Рубрики:  дневник на ЛиРу/ФШ

Метки:  
Нравится

Откуда столько красоты. ~ Плэйкасты ~ Beesona.Ru
Четверг, 09 Января 2020 г. 19:19 + в цитатник
https://www.beesona.ru/id48...st/118235/

5369832_1Otkydastolkokrasoti_ (700x700, 442Kb)

Рубрики:  дневник на ЛиРу/ФШ

Метки:  
Нравится

Два Ангела. ~ Плэйкасты ~ Beesona.Ru
Понедельник, 30 Декабря 2019 г. 16:46 + в цитатник
https://www.beesona.ru/id48...st/115801/

5369832_3DvaAngela___ (700x700, 317Kb)

Рубрики:  дневник на ЛиРу/ФШ

Метки:  
Нравится

Не исчезай! ~ Плэйкасты ~ Beesona.Ru
Воскресенье, 29 Декабря 2019 г. 12:52 + в цитатник
https://www.beesona.ru/id48...st/115436/

5369832_3Neischezai (700x700, 320Kb)

Рубрики:  дневник на ЛиРу/ФШ

Метки:  
Нравится

С Новым Годом! ~ Плэйкасты ~ Beesona.Ru
Понедельник, 23 Декабря 2019 г. 17:45 + в цитатник
https://www.beesona.ru/id48...st/113901/

5369832_2SNovimGodom (700x700, 0Kb)

Рубрики:  дневник на ЛиРу/ФШ

Метки:  

 Страницы: [9] 8 7 ..
.. 1

О проекте