-Рубрики

 -Цитатник

Простоплеер - блокировка и решение - (0)

Простоплеер - блокировка и решение Здравствуйте... Сегодня мне прислали вот такой коммен...

Как сделать флеш книжку - (0)

Как сделать флеш книжку Здравствуйте... Сегодня урок для тех, кто хочет научиться делать...

Поющие часики "Берегись орла!" - (3)

Поющие часики "Берегись орла!" Щелкните по картинке, найдите орла!   Серия со...

Забота о глазах по Аюрведе - (2)

Забота о глазах по Аюрведе Забота о глазах по Аюрведе С незапамятных времен тем, кто ...

Перед тем, как отнести компьютер в сервис-центр СДЕЛАЙТЕ ЭТО! - (0)

Перед тем, как отнести компьютер в сервис-центр СДЕЛАЙТЕ ЭТО! Если вы думаете, что в фирменных се...

 -Приложения

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

 -Фотоальбом

Посмотреть все фотографии серии Апшеронск
Апшеронск
18:22 22.07.2015
Фотографий: 8
Посмотреть все фотографии серии Дети нашего двора
Дети нашего двора
18:06 12.07.2015
Фотографий: 2
Посмотреть все фотографии серии цветы с дачи
цветы с дачи
10:02 12.07.2015
Фотографий: 2

 -

Быстрый переход по страницам блога маргарита_шубина:

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

Поиск сообщений в Татьяна_Волкова_Литвинова

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

 

 -Сообщества

Участник сообществ (Всего в списке: 4) Украшения_для_дневничка Всё_для_блога Мир_фракталов Картинки_для_днева
Читатель сообществ (Всего в списке: 1) Куклы_и_Модели

 -Статистика

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


Бордюры в пнг

Суббота, 29 Марта 2014 г. 16:07 + в цитатник
Это цитата сообщения Semenova_Irina [Прочитать целиком + В свой цитатник или сообщество!]




Фотографии в альбоме «Бордюры» Ya.semira на Яндекс.Фотках

Читать далее...
Рубрики:  клипарты

Метки:  

Понравилось: 1 пользователю

Черные блестящие фоны.

Суббота, 29 Марта 2014 г. 14:24 + в цитатник
Это цитата сообщения t_calypso [Прочитать целиком + В свой цитатник или сообщество!]

Черные блестящие фоны.

 (100x100, 11Kb)    (100x100, 3Kb)    (100x100, 4Kb)    (100x100, 12Kb)    (100x100, 25Kb)   

2fb2c3a16f96 (239x208, 10Kb)    (128x128, 31Kb)    (100x120, 75Kb)   891e3c7f58cb (150x150, 43Kb)

 (300x500, 18Kb)     (400x300, 8Kb)    (150x150, 21Kb)

Рубрики:  фоны

Метки:  

Создаем прозрачный фон с каймой по краю с помощью маски

Суббота, 29 Марта 2014 г. 13:50 + в цитатник
Это цитата сообщения tinochka1956 [Прочитать целиком + В свой цитатник или сообщество!]

Создаем прозрачный фон с каймой по краю с помощью маски

Фотографии в альбоме «уроки»
valentina-grebeniuk на Яндекс.Фотках



Читать далее...
Рубрики:  фоны

Метки:  

Понравилось: 2 пользователям

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

Пятница, 28 Марта 2014 г. 23:20 + в цитатник
Это цитата сообщения НИФРИТ_78 [Прочитать целиком + В свой цитатник или сообщество!]

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



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

Спасибо большое -она нашла для меня этот, такой нужный мне урок!
И конечно огромное спасибо


У меня все получилось замечательно.
По этому уроку я сделала награду для эстафеты.
Вот она:
 
 

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


Итак, как я и обещала, начинаем вместе разбирать этот урок по косточкам!
Открываем Фотошоп, наверху слева жмем Файл и Создать.
У вас выйдет вот такое окно. Нужно выставить там точно такие же значения и
жмем окей. На рабочем поле появится окошечко в клеточку-потому что мы с вами фон сделали прозрачный.

Слева у нас находится вертикальная панель инструментов.
Находим на ней значок- прямоугольничек из пунктирных линий. Если у вас нет такого-
ищите точно такой же пунктирный овал. Справа на овале вы увидите маленький треугольник.
Нажимаем на него правой кнопкой мыши и там уже выбираем прямоугольник.
Шлепаем по нему левой кнопкой и идем на наш созданный документ.
Отступив от края примерно столько, как показано на рисунке,зажимаем левую кнопку и с этого места тащим мышкой выделение в противоположный угол, не доходя столько же, как и наверху.
Все, мышь отпускаем. Внутри нашего документа появился пульсирующий прямоугольник.
С овалами будете экспериментировать уже самостоятельно.

Теперь нам надо залить выделенную область каким-нибудь цветом.
Если у вас уже созрела мысль, что вы будете размещать на вашей рамочке-какие детали, какого они цвета,
то и рамочку надо заливать в тон, чтобы потом все это сочеталось.
В той же панели инструментов, почти в самом низу вы увидите 2 квадратика-шлепаем по верхнему квадратику левой кнопкой-выходит окно-Палитра цветов. Выбирайте там нужный вам оттенок и Ок.
Теперь поднимаемся выше по панелеи инструментов и ищем там ведерко с краской. Опять же, если его нигде нет, надо найти значок градиента, нажать справа на треугольничек и там выбрать ведерко.
Нажали на него левой кнопкой и идем опять на документ.
Шлепаем по нему левой же кнопкой. Наша выделенная область окрасилась в нужный цвет.
Теперь снимаем пунктирное выделение.
Для этого нужно зажать на клавиатуре клавишу Ctrl и сразу нажатьбукву D.
Это сочетание клавиш снимает выделение. Есть другие способы, но этот быстрее.
Теперь нам надо создать 2 копии нашего окрашенного прямоугольника. Как это сделать? Тоже есть не один
способ, но мне проще рассказать о таком:
Идем наверху в панель управления-там, где Файл и ищем там Слои.
Нажимаем Слой-выходит список, там выбираем Создать дубликат слоя-
выйдет окно Дубликат слоя-жмем Окей.
И повторяем это еще 2 раза.
Теперь вы должны посмотреть в правом нижнем углу, появились у вас там маленькие окошечки с глазками в количестве 4 штук, которые называются Слой 1, Слой 1 копияЮ Слой 1 копия 2 Слой 1 копия 3.
Если да, то все в порядке.
Если чего-то не хватает, значит что-то вы упустили, но это легко поправить. Можно зайти наверху в Редактирование и сделать шаг назад, если надо, то еще шаг, пока не вернетесь к тому месту с которого что-то пошло не так.

На своем рабочем поле вы сейчас видите только один прямоугольник, а их должно быть 4.
Чтобы это сделать, идем опять в панель инструментов и кликаем левой кнопкой мыши по самому верхнему инструменту-он называется перемещение и выглядит как черная стрелочка и крестик.
Теперь идем туда, где маленькие окошечки с глазками, встаем на верхний слой, чтобы он выделился синим цветом. Затем идем на нашу рамочку и, зажав левой кнопкой мыши в левом верхнем углу, тянем прямоугольник вверх по диагонали. Вы видите, что прямоугольников стало уже 2. Переходим на следующий слой с глазком и опять идем в рабочую зону и вытягиваем точно таким же способом третий прямоугольник. И дальше четвертый. Чтобы их выровнять, вы можете возвращаться на любой слой с глазком и пробовать растащить слои по-другому-например вниз по вертикали. В общем таскайте их, пока вас не удовлетворит полученный результат.
Все! У нас образовалось 4 прямоугольника, но они как-то все сливаются.
Теперь опять выбираем верхний слой с глазком или можно начать с нижнего-он опять должен быть синим, чтобы работал. Под слоями с глазками-в правом нижнем углу находим такой значок-fx.
Нажимаем на него левой кнопкой мыши и в выпавшем окне выбираем тиснение. Выходит окно-Стиль слоя.
В этом окне можете поэкспериментировать со стрелочками и рычажками. Например выбрать внешний или внутренний скос в стиле или оставить тоже тиснение, ну и дальше подвигать стрелочки в методе, в глубине, в размере. А у себя вы сразу увидите что происходит с вашим прямоугольником.
Не понравится, что вы там надвигали-не забывайте, что всегда можете вернутся на шаг назад. Все, картинка вас устроила-жмем Окей. Постарайтесь запомнитьпараметры1 слоя, потому что все это же вы должны проделать и с остальными тремя слоями.
Итак, переходя на каждый следующий слой, делаем тиснение на всех.

Теперь нам надо сделать рамочке окантовку. Делаем, как я рассказывала выше. Берем опять инструмент выделение и снова тащим мышкой из левого верхнего угла в нижний правый угол прямоугольник большего размера, чем наши. Снова пульсирует рамка. Встаем на слой с глазком №1. Опять берем ведро с краской и точно так же, как я говорила выше, заливаем этот слой. Теперь нужно снять пульсирующее выделение. помните, как мы делали? Ctrl+D. Дальше опять берем инструмент выделение, отступаем от края нашей окантовки и опять тянем его вниз-т.е. делаем узкую окантовку. Все! Теперь жмите Delete.
Но теперь у вас может оказаться, что окантовка стоит неровно по отношению к внутренним частям рамки. Не переживайте-это легко поправить. Снова идем в слои с глазками и, вставая на каждый из них попеременно, растаскиваем внутренние прямоугольники поровнее.

Вот что у нас получилось после всех мучений. Теперь надо соединить все слои. Для этого встаем на самый нижний слой с глазком, шлепаем по нему правой кнопкой мыши-выходит список-нажимаем объединить видимые. Все, наша рамочка готова!
Вот что поучилось у меня! А у вас?

Если вы ничего больше с ней делать не хотите, можете сохранить ее. Для этого идем в Файл-сохранить как-выйдет окно, выбираете папку, куда хотите сохранить рамку, даете название файлу и выбираете Тип файлов из выпавшего списка-PNG.
А если не надоело и не устали, то можем продолжить и украсить нашу рамочку чем-нибудь и только потом сохраним. Ну что, продолжим?
Нам понадобятся картинки-клипарт, это значит, что все они должны быть на прозрачном фоне. Если у вас таких нет-поищите в интернете, очень много их на Лиру.
Нашу рамочку, чтобы удобнее было работать оттаскиваем вправо с помощью зажатой левой клавиши. Идем снова в Файл и выбираем там команду Открыть. Затем выбираем подходящую картинку из своих сохраненных клипартов. Она появится появится в новом окошке обязательно на клетчатом фоне. Если она появилась на белом, черном или цветном-такая для работы не годится.

Теперь берете наш любимый инструмент перемещение и, кликнув по картинке, зажимаете левую кнопку мыши и тянете эту новую картинку на вашу рамочку и там двигаете ее, пока вам не понравится ее местоположение. Все, кнопку отпустили. Да, если ваша картинка оказалась очень большой или совсем маленькой, это можно поправить. Зажимаем Ctrl и тут же жмем клавишу с буквой (англ) T. Вокруг вашей перемещенной картинки появится квадрат со стрелочками в уголках и по бокам. Если потянете за них вправо или вверх-картинка увеличится, а если наоборот, то уменьшится. Но тут есть одна проблема-она может деформироваться, если тянуть неравномерно в ширину и в высоту. Чтобы этого избежать, нужно это делать с зажатой клавишей Шифт. Сделали? Теперь точно также открываем и перетаскиваем по одной еще какие-то детали, которые вы выбрали.Да, чтобы предыдущие картинки вам не мешали, их можно аккуратно стащить вниз под основную, чтобы торчали оттуда-вдруг еще понадобятся, потому что бывает, что одну и туже картинку используем не один раз.
Так, все нужные нам картинки выставили, но что-то не нравится. Чтобы их подвигать еще и найти лучшее положение надо переходить в слоях с глазками на нужную картинку, потом на другую т.д., пока точно все не выстроится.
Теперь может появиться другая проблема-какая-то из картинок слишком яркая допустим. Что делать?
В слоях справа ищем слово Непрозрачность и окошечко со стрелкой, нажимаем не нее и двигаем рычажок до нужного нам значения, а сами смотрим на рабочую картинку, как она изменяется.
Еще может у вас возникнуть такая проблема- например главный персонаж вашего творения оказался как-то сзади-его загородили цветы, кусты и т.п. Находите слой с картинкой главного героя или предмета, встаете на него-он стал синим-рабочим и потом, зажав его левой кнопкой аккуратно тянете на самый верх через все слои, которые оказались перед ним. Все, ваш главный герой или предмет теперь на 1 месте.
И опять что-то не то, как-то все очень четко-без теней. Так в чем же дело? Сейчас добавим тени.
Опять встаем на тот слой, которому нужна по вашему мнению тень. Идем наверх, где Файл, нажимаем там Слой-выйдет список, выбираем в нем Стиль слоя и делаем переход на Тень. С выпавшем окне выбираем режим наложения. Мне например нравится Перекрытие, вы может здесь опять поэкспериментировать-подвигать рычажки с углом тени, непрозрачностью, смещением и смотреть как меняется ваше произведение. Устраивает-жмем Окей. Не забудьте снова объединить все видимые слои, как я говорила выше. После этого можно сохранять ваше произведение искусства. Да, забыла, чтобы рамочка не оказалась на белом фоне, прогоните ее через Радикал, сняв там все галочки и возьмите не кликабельный 6 код. Ну давайте смотреть, что у меня получилось. Надеюсь, что вы тоже покажете мне свои работы?


 
 
 (220x40, 4Kb)

 

Серия сообщений "СЕКРЕТЫ ФШ":
Часть 1 - Урок "Глитеры" - загружаем УРОКИ от ИСКАТЕЛЬНИЦЫ
Часть 2 - Как изменить Размер Холста ?
...
Часть 28 - Сохраняем незавершенную работу в Фотошоп
Часть 29 - Урок №17 Учимся делать рамочки
Часть 30 - Учимся делать вот такую красоту...
Часть 31 - Делаем рамочку в фотошоп ! +код к ней!!!!!!!!
Часть 32 - Как пользоваться паттернами в photoshop.
...
Часть 34 - Урок 15. Создание маски из КАРТИНКИ....
Часть 35 - Урок 6.Работа с Фигурками.
Часть 36 - Просмотр PSD в проводнике Windows XP/Windows 7

Серия сообщений "уроки по рамочкам":
Часть 1 - Простая рамочка для картинки в Корел - знакомство с интрументами
Часть 2 - Рамочка со сдвигом
...
Часть 24 - ф/ш рамочка в Corel "Hаlloween" (урок второй).
Часть 25 - Рамочка в Корел
Часть 26 - Учимся делать вот такую красоту...
Часть 27 - Картина в рамке
Часть 28 - Делаем паспарту
...
Часть 37 - Как вставить изображение, текст и плеер в рамочку с кодом(1)
Часть 38 - УРОК = КАК CДЕЛАТЬ РАЗРЕЗНУЮ РАМОЧКУ В ФОТОШОП
Часть 39 - Делаем в ФШ рамку для видео

Рубрики:  РАМОЧКИ

Метки:  

Рамочка в Корел

Пятница, 28 Марта 2014 г. 16:10 + в цитатник
Это цитата сообщения Aleksa-ndra [Прочитать целиком + В свой цитатник или сообщество!]

Без заголовка
 






Урок 1


Доброго времени суток мои дорогие, сегодня мы будет делать вот такую ф/ш рамочку в Corele и Gimpe (в Gimpe мы будем только разрезать рамочку если кто-то знает как разрезать рамочку в Corele сообщите буду очень признательнна).
Материалы;
Filters Unlimited MuRa's Seamless-Emboss at Alpha
Клипарт (можете взять свой клипарт).
Фоны
И так приступим...
Ну вот и все. Возникли вопросы пишите в комментарии, будем разбираться вместе.УДАЧИ!!!






[/more]

Серия сообщений "уроки по рамочкам":
Часть 1 - Простая рамочка для картинки в Корел - знакомство с интрументами
Часть 2 - Рамочка со сдвигом
...
Часть 23 - УРОК =РАМОЧКА В ФОТОШОПЕ
Часть 24 - ф/ш рамочка в Corel "Hаlloween" (урок второй).
Часть 25 - Рамочка в Корел
Часть 26 - Учимся делать вот такую красоту...
Часть 27 - Картина в рамке
...
Часть 37 - Как вставить изображение, текст и плеер в рамочку с кодом(1)
Часть 38 - УРОК = КАК CДЕЛАТЬ РАЗРЕЗНУЮ РАМОЧКУ В ФОТОШОП
Часть 39 - Делаем в ФШ рамку для видео

Рубрики:  РАМОЧКИ

Метки:  

ф/ш рамочка в Corel "Hаlloween" (урок второй).

Пятница, 28 Марта 2014 г. 16:06 + в цитатник
Это цитата сообщения Aleksa-ndra [Прочитать целиком + В свой цитатник или сообщество!]

ф/ш рамочка в Corel "Hаlloween" (урок второй).
 




Доброго времени суток мои дорогие, сегодня я предаставляю вашему вниманию второй урок посвященный празднику "Helloween", мы будем делать вот такую ф/ш рамочку в Corele
1-ый урок здесь.
Материалы.
-Клипарт-хеллоуин
-Клипарт-банты (клипарт можно брать любого цвета, мы в ходе урока окрасим его в нужный нам цвет)
Фильтры
-Flaming Pearl/Make Cube Tile
- Filters Unlimited 2
Урок далее....
[/more]

Серия сообщений "уроки по рамочкам":
Часть 1 - Простая рамочка для картинки в Корел - знакомство с интрументами
Часть 2 - Рамочка со сдвигом
...
Часть 22 - УРОК =ОБЪЕМНАЯ РАМОЧКА=
Часть 23 - УРОК =РАМОЧКА В ФОТОШОПЕ
Часть 24 - ф/ш рамочка в Corel "Hаlloween" (урок второй).
Часть 25 - Рамочка в Корел
Часть 26 - Учимся делать вот такую красоту...
...
Часть 37 - Как вставить изображение, текст и плеер в рамочку с кодом(1)
Часть 38 - УРОК = КАК CДЕЛАТЬ РАЗРЕЗНУЮ РАМОЧКУ В ФОТОШОП
Часть 39 - Делаем в ФШ рамку для видео

Рубрики:  РАМОЧКИ

Метки:  

Как загрузить или взять аудиофайл с муз.сайта "Просто плеер".Урок.

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

Как загрузить или взять аудиофайл с муз.сайта "Просто плеер".Урок.





Для тех,кто хочет поделиться с окружающими какой-нибудь песней собственного сочинения или другой аудиозаписью,найти в интернете,например,создан сайт под названием "Просто плеер" (prostopleer.com).
На главной его странице



в верхнем правом углу увидите слово"Загрузить".Это если вы будете загружать аудиозаписи из своего компьютера.Откроется соответствующее меню.Вы можете загрузить на сайт сразу несколько звуковых файлов,которые после закачки разместятся в красивой табличке.



Чтобы найти нужную вам песню,достаточно нажать на "НАЙТИ" и перед вами появятся песни на выбор,остается только выбрать,что вам подходит.
Чтобы взять код или ссылку нужной композиции,вам надо кликнуть на изображение шестеренки справа от названия песни.
В открывшемся меню выбрать либо "Ссылку на файл",чтобы послать например,другу,либо кликнуть на "Код для вставки".


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



А чтобы предварительно прослушать песню,кликните на треугольник слева от названия песни.
Удачи вам!!!


Arnusha

Рубрики:  музыка

Метки:  

HTML & CSS - серия 3

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

HTML & CSS - серия 3

HTML & CSS - серия 3

Серия 1

Серия 2



Выравнивание текста в абзаце

На время забудем про style,
который мы использовали при оформлении текста, и вернёмся к "чистому"
HTML. Посмотрим, как можно выровнять текст в абзаце. Сразу же перечислим
все варианты, которых немного.

Выравнивание текста в этом абзаце задаётся при помощи свойства (атрибута) align тега <p>. В данном случае текст выравнивается по ширине абзаца, т.е. как бы "подтягивается" к его краям: <р align="justify">. Добавим сюда ещё предложение для наглядности.

Выравнивание текста в этом абзаце задаётся при помощи свойства (атрибута) align тега <p>. В данном случае текст выравнивается по правому краю: <р align="right">

Выравнивание текста в этом абзаце задаётся при помощи свойства (атрибута) align тега <p>. В данном случае текст выравнивается по центру: <р align="center">

Выравнивание текста в этом абзаце задаётся при помощи свойства (атрибута) align тега <p>. В данном случае текст выравнивается по левому краю: <р align="left">

В последнем случае align="left" можно было бы и не писать, поскольку выравнивание текста по левому краю производится по умолчанию.

Выровнять абзац по центру можно также с помощью парного тега <center>:

Получается такой же результат, что и в приведённом выше примере, но в данном случае используется конструкция <center><p>текст абзаца</p></center>

С помощью тега <center> можно также выравнивать по центру любые другие объекты, например, изображения:

<center><img src="URL_картинки"></center>

URL_картинки (http://...) копируем из адресной строки браузера.

Отступы

Вы ещё не соскучились по style? Сейчас самое время его вспомнить.

В этом абзаце задана "красная строка",то есть отступ первой строки от левого края, который в данном случае равен 20px: <p style="text-indent:20px">текст абзаца</p>

Отступ может быть и отрицательным. В этом случае мы получим "висящую" строку. Однако, если просто написать text-indent:-20px, то мы "потеряем" часть текста:

В этом абзаце задано значение text-indent:-20px, и вот какое безобразие получилось.

Поступим несколько по-другому. Подвинем весь наш абзац на 20px вправо и снова зададим text-indent:-20px:

В этом абзаце используется text-indent:-20px и дополнительно padding:0 0 0 20px: <p style="padding:0 0 0 20px; text-indent:-20px">текст абзаца</p>.

Используем отрицательный отступ и свойства шрифта для первой буквы, чтобы выделить начало нашего абзаца:

В этом абзаце используется text-indent:-20px и дополнительно padding:0 0 0 20px: <p style="padding:0 0 0 20px; text-indent:-20px">текст абзаца</p>.

Возникает вопрос про paddingmargin),
которые необходимы при позиционировании текста и других объектов
(изображений, "встроенных" объектов, блочных элементов и т.д.) Но это -
достаточно большая тема, поэтому расскажу в другой раз. Сейчас только
замечу, что в нашем примере вместо padding:0 0 0 20px можно было бы написать padding-left:20px.


 


Источник Проксима

Серия сообщений "ссылки, формулы":
Часть 1 - Все под рукой !
Часть 2 - плеер
...
Часть 11 - HTML & CSS - серия 1
Часть 12 - HTML & CSS - серия 2
Часть 13 - HTML & CSS - серия 3
Часть 14 - Облачное хранилище Облако Mail.Ru
Часть 15 - Как пользоваться keygen, crack, patch
...
Часть 25 - Видео уроки по HTML (продолжение)
Часть 26 - Здесь я узнал, как сделать сайт!!!
Часть 27 - Перевод терминов Corel PaintShop Pro

Рубрики:  все под рукой

Метки:  

HTML & CSS - серия 2

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

HTML & CSS - серия 2

HTML & CSS - серия 2
Предыдущая серия - вот:
серия 1
В этих уроках, а также на сайтах htmlbook.ru, postroika.ru, zvirec.com, htmlka.com
и многих других достаточно много информации, причём она толково
изложена. Тем не менее я решила продолжить свои рассказы, чтобы тоже
быть более-менее последовательной.
Кстати, Вы не заметили, что я пишу уже и о CSS (style - это оттуда)? Но об этом - чуть позже.

Форматирование текста: использование тега <span> и атрибута style (2)

Напомню, что про тег <span> и аттрибут style шла речь в прошлый раз.
Было показано, как c их помощью задать цвет, гарнитуру (вид) шрифта, а
также размер шрифта, его вес (насыщенность), стиль (напр. наклонный) и
вариант (капитель). В конце в качестве примера мы получили вот такой
шрифт:

 

наш шрифт<span
style="color:green; font-family:Verdana; font-size:150%;
font-weight:bold; font-style:italic; font-variant:small-caps">наш
шрифт</span>

 

Расстояние между буквами, словами и строчками

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

Серия сообщений "ссылки, формулы":
Часть 1 - Все под рукой !
Часть 2 - плеер
...
Часть 10 - Ваша картинка с надписью и в рамке.Урок.
Часть 11 - HTML & CSS - серия 1
Часть 12 - HTML & CSS - серия 2
Часть 13 - HTML & CSS - серия 3
Часть 14 - Облачное хранилище Облако Mail.Ru
...
Часть 25 - Видео уроки по HTML (продолжение)
Часть 26 - Здесь я узнал, как сделать сайт!!!
Часть 27 - Перевод терминов Corel PaintShop Pro

Рубрики:  все под рукой

Метки:  

HTML & CSS - серия 1

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

HTML & CSS - серия 1

Пост писался для Яндекса в основном,всего их 5 серий.
Но там много полезного и для Ли.ру,и потому решила выбрать
у автора,что здесь будет полезно и показать вам!Все 5 серий
полезны как для начинающих,так и для опытных пользователей.
Сегодня 1 серия о самых простых тегах.Еще раз спасибо Проксима.

Заголовки
Для
оформления заголовков используются теги <h1>...<h6>
С этим думаю всем понятно,это не сложно.Далее
Гарнитура (вид) и цвет шрифта

Здесь есть два способа. Второй будет описан позднее. Первый - используется тег

<font>

с атрибутами face и color, соответственно:

шрифт Verdana

<font face="Verdana">шрифт Verdana</font>


красный шрифт

<font color="red">красный шрифт</font>


шрифт цвета MidnightBlue

<font color="MidnightBlue">шрифт цвета MidnightBlue</font>


шрифт цвета MidnightBlue

<font color="#191970">шрифт цвета MidnightBlue</font>


Цвет имеет название и цифровое значение, как видно в этом примере
(MidnightBlue=#191970). О цветах можно написать очень много, но я
остановлюсь на одной ссылке:

Подбор цвета. Для использования подходят web-safe и web-smart цвета.

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

Серия сообщений "ссылки, формулы":
Часть 1 - Все под рукой !
Часть 2 - плеер
...
Часть 9 - Универсальный код разрезных рамочек для Ли.ру и Блогов Мэ-(из блога La_Perla (Маргарита))
Часть 10 - Ваша картинка с надписью и в рамке.Урок.
Часть 11 - HTML & CSS - серия 1
Часть 12 - HTML & CSS - серия 2
Часть 13 - HTML & CSS - серия 3
...
Часть 25 - Видео уроки по HTML (продолжение)
Часть 26 - Здесь я узнал, как сделать сайт!!!
Часть 27 - Перевод терминов Corel PaintShop Pro

Рубрики:  все под рукой

Метки:  

Поиск сообщений в Татьяна_Волкова_Литвинова
Страницы: 160 ... 73 72 [71] 70 69 ..
.. 1 Календарь