Копилка ИКТ-полезностей/Компьютерная графика — различия между версиями

@@ Строка 1: / Строка 1: @@
 [[Копилка ИКТ-полезностей]] → Компьютерная графика
+ <div style="background: #e7e7e7; margin-bottom: 7px; padding: 7px; text-align:center; vertical-align:middle;">
+<div style="text-align: center; background: #a8a8a8; margin-bottom: 5px; padding: 7px;">
+[[Стрельникова_Виктория_Викторовна/Иллюстрации,_анимации|<font size="3" color="#ffffff">'''Оформление, вёрстка, создание иллюстраций для страницы: Стрельникова В.В. →''']]</font></div>
+<div style="display: block; margin-bottom: 5px; padding: 0px; background: #ffffff; text-align: center; vertical-align:middle">
+<div style="display: inline-block; width: 100px; height: 100px; vertical-align:middle; margin:5px; padding:5px">[[File:Computer graphics. Author illustrations Strelnikova Victoria Viktorovna.png|100px|center|link=http://wiki.iro23.info/index.php?title=Копилка_ИКТ-полезностей/Компьютерная_графика]]</div>
+<div style="display: inline-block; width: 100px; height: 100px; vertical-align:middle; margin:5px; padding:5px">[[File:Presentations. Author illustrations Strelnikova Victoria Viktorovna.png|100px|center|link=http://wiki.iro23.info/index.php?title=Копилка_ИКТ-полезностей/Презентации_и_мультимедиа-приложения]]</div>
+<div style="display: inline-block; width: 100px; height: 100px; vertical-align:middle; margin:5px; padding:5px">[[File:Primary School. Author illustrations Strelnikova Victoria Viktorovna.png|100px|center|link=http://wiki.iro23.info/index.php?title=Копилка_ИКТ-полезностей/Начальная_школа]]</div>
+<div style="display: inline-block; width: 100px; height: 100px; vertical-align:middle; margin:5px; padding:5px">[[File:The_laboratory_of_modern_educational_technologies.png|100px|center|link=http://wiki.iro23.info/index.php?title=Копилка_ИКТ-полезностей/ДОУ]]</div>
+<div style="display: inline-block; width: 100px; height: 100px; vertical-align:middle; margin:5px; padding:5px">[[File:Pedagogical_communities._Author_illustrations_Strelnikova_Victoria_Viktorovna.png|100px|center|link=http://wiki.iro23.info/index.php?title=Копилка_ИКТ-полезностей/Сетевые_педагогические_сообщества]]</div>
+<div style="display: inline-block; width: 100px; height: 100px; vertical-align:middle; margin:5px; padding:5px">[[File:Templates._Author_illustrations_Strelnikova_Victoria_Viktorovna.png|100px|center|link=http://wiki.iro23.info/index.php?title=Копилка_ИКТ-полезностей/Шаблоны]]</div>
+<div style="display: inline-block; width: 100px; height: 100px; vertical-align:middle; margin:5px; padding:5px">[[File:Icon_useful_links.png|100px|center|link=http://wiki.iro23.info/index.php?title=Копилка_ИКТ-полезностей/Интерактивное_оборудование]]</div>
+<div style="display: inline-block; width: 100px; height: 100px; vertical-align:middle; margin:5px; padding:5px">[[File:Logo_Relay_pedagogical_skills.png|100px|center|link=http://wiki.iro23.info/index.php?title=Копилка_ИКТ-полезностей/Тесты_и_опросы]]</div>
+<div style="background: #ffffff; margin-bottom: 3px; padding: 4px;"></div>
+<div style="background: #e7e7e7; margin-bottom: 4px; padding: 4px;"></div>
-<div style="text-align:center; vertical-align:middle;">
-<div style="display: block; margin: 5px; padding:3px; vertical-align:middle; text-align: center">
-<div style="display: block; margin-bottom: 5px; padding: 10px; box-shadow: 0px 0px 1px 1px #8FD6E7; text-align: center; background: #ffffff">
-[[Стрельникова_Виктория_Викторовна/Иллюстрации,_анимации|<font color="#48BDDA">'''Наполнение, вёрстка, оформление, создание иллюстраций для страницы: Стрельникова В.В. →''']]</font></div>
-<div style="display: block; margin-bottom: 5px; padding: 10px; background: #1badd1; text-align: center; vertical-align:middle">
-<div style="display: inline-block; width: 100px; height: 100px; vertical-align:middle; margin:5px; padding:5px">[[File:piggy bank icon for ICT1.png|100px|center|link=http://wiki.iro23.info/index.php?title=Копилка_ИКТ-полезностей/Компьютерная_графика]]</div>
-<div style="display: inline-block; width: 100px; height: 100px; vertical-align:middle; margin:5px; padding:5px">[[File:piggy bank icon for ICT2.png|100px|center|link=http://wiki.iro23.info/index.php?title=Копилка_ИКТ-полезностей/Презентации_и_мультимедиа-приложения]]</div>
-<div style="display: inline-block; width: 100px; height: 100px; vertical-align:middle; margin:5px; padding:5px">[[File:piggy bank icon for ICT3.png|100px|center|link=http://wiki.iro23.info/index.php?title=Копилка_ИКТ-полезностей/Начальная_школа]]</div>
-<div style="display: inline-block; width: 100px; height: 100px; vertical-align:middle; margin:5px; padding:5px">[[File:piggy bank icon for ICT4.png|100px|center|link=http://wiki.iro23.info/index.php?title=Копилка_ИКТ-полезностей/ДОУ]]</div>
-<div style="display: inline-block; width: 100px; height: 100px; vertical-align:middle; margin:5px; padding:5px">[[File:piggy bank icon for ICT5.png|100px|center|link=http://wiki.iro23.info/index.php?title=%D0%9A%D0%BE%D0%BF%D0%B8%D0%BB%D0%BA%D0%B0_%D0%98%D0%9A%D0%A2-%D0%BF%D0%BE%D0%BB%D0%B5%D0%B7%D0%BD%D0%BE%D1%81%D1%82%D0%B5%D0%B9/%D0%A1%D0%B5%D1%82%D0%B5%D0%B2%D1%8B%D0%B5_%D0%BF%D0%B5%D0%B4%D0%B0%D0%B3%D0%BE%D0%B3%D0%B8%D1%87%D0%B5%D1%81%D0%BA%D0%B8%D0%B5_%D1%81%D0%BE%D0%BE%D0%B1%D1%89%D0%B5%D1%81%D1%82%D0%B2%D0%B0]]</div>
-<div style="display: inline-block; width: 100px; height: 100px; vertical-align:middle; margin:5px; padding:5px">[[File:piggy bank icon for ICT6.png|100px|center|link=http://wiki.iro23.info/index.php?title=%D0%9A%D0%BE%D0%BF%D0%B8%D0%BB%D0%BA%D0%B0_%D0%98%D0%9A%D0%A2-%D0%BF%D0%BE%D0%BB%D0%B5%D0%B7%D0%BD%D0%BE%D1%81%D1%82%D0%B5%D0%B9/%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D1%8B]]</div>
-<div style="display: inline-block; width: 100px; height: 100px; vertical-align:middle; margin:5px; padding:5px">[[File:piggy bank icon for ICT7.png|100px|center|link=http://wiki.iro23.info/index.php?title=%D0%9A%D0%BE%D0%BF%D0%B8%D0%BB%D0%BA%D0%B0_%D0%98%D0%9A%D0%A2-%D0%BF%D0%BE%D0%BB%D0%B5%D0%B7%D0%BD%D0%BE%D1%81%D1%82%D0%B5%D0%B9/%D0%98%D0%BD%D1%82%D0%B5%D1%80%D0%B0%D0%BA%D1%82%D0%B8%D0%B2%D0%BD%D0%BE%D0%B5_%D0%BE%D0%B1%D0%BE%D1%80%D1%83%D0%B4%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5]]</div>
-<div style="display: inline-block; width: 100px; height: 100px; vertical-align:middle; margin:5px; padding:5px">[[File:piggy bank icon for ICT8.png|100px|center|link=http://wiki.iro23.info/index.php?title=%D0%9A%D0%BE%D0%BF%D0%B8%D0%BB%D0%BA%D0%B0_%D0%98%D0%9A%D0%A2-%D0%BF%D0%BE%D0%BB%D0%B5%D0%B7%D0%BD%D0%BE%D1%81%D1%82%D0%B5%D0%B9/%D0%A2%D0%B5%D1%81%D1%82%D1%8B_%D0%B8_%D0%BE%D0%BF%D1%80%D0%BE%D1%81%D1%8B]]</div>
-</div>
+[[File:Computer_graphics._Author_illustrations_Strelnikova_Victoria_Viktorovna.png|200px|center|link=http://wiki.iro23.info/index.php?title=%D0%9A%D0%BE%D0%BF%D0%B8%D0%BB%D0%BA%D0%B0_%D0%98%D0%9A%D0%A2-%D0%BF%D0%BE%D0%BB%D0%B5%D0%B7%D0%BD%D0%BE%D1%81%D1%82%D0%B5%D0%B9]]
-[[File:StrelnikovaPict30.png|270px|center|link=http://wiki.iro23.info/index.php?title=%D0%9A%D0%BE%D0%BF%D0%B8%D0%BB%D0%BA%D0%B0_%D0%98%D0%9A%D0%A2-%D0%BF%D0%BE%D0%BB%D0%B5%D0%B7%D0%BD%D0%BE%D1%81%D1%82%D0%B5%D0%B9]]
+[[Копилка_ИКТ-полезностей|<b><font size="5" face="Arial" color="#ba1949">Копилка ИКТ-полезностей</font></b>]]
-[[Копилка_ИКТ-полезностей|<b><font size="5" face="Arial" color="#1badd1">Копилка ИКТ-полезностей</font></b>]]
+</div>
+<div style="text-align: center; background: #ba1949; vertical-align:middle; margin-bottom: 5px; padding: 7px;"><b><font size="4" color="#ffffff">'''Компьютерная графика, уроки фотографии, фотообработки'''</font></b></div>
-<div style="text-align: center; background:  #48BDDA; vertical-align:middle; margin-bottom: 5px; padding: 7px;"><b><font size="3" color="#ffffff">'''Компьютерная графика, уроки фотографии, фотообработки'''</font></b></div>
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
-<div style="background: #d3fcff; margin-bottom: 5px; padding: 5px">
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://infographer.ru '''INFOGRAPHER.RU''']</div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [http://infographer.ru Образовательный ресурс об инфографике: теория, примеры, события, инструменты, книги, новости]
@@ Строка 38: / Строка 35: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://sheko.ru/uroki-adobe-illustrator '''SHEKO.RU''']</div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [http://sheko.ru/uroki-adobe-illustrator Уроки Adobe Illustrator: каждый урок имеет подробные инструкции с поясняющими изображениями]
@@ Строка 48: / Строка 45: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://photoshop-professional.ru/?cat=265 '''PHOTOSHOP-PROFESSIONAL.RU''']</div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [http://photoshop-professional.ru/?cat=265 Уроки обработки фотографий, реставрирования, создания коллажей в программе Photoshop]
@@ Строка 58: / Строка 55: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://www.design-lessons.info/lessons.html '''DESIGN-LESSONS.INFO''']</div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [http://www.design-lessons.info/lessons.html  Уроки графического дизайна и вёрстки]
@@ Строка 68: / Строка 65: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[https://helpx.adobe.com/ru/photoshop/user-guide.html '''HELPX.ADOBE.COM''']</div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [https://helpx.adobe.com/ru/photoshop/user-guide.html  Руководство пользователя Adobe Photoshop: пошаговые инструкции по разделам]
@@ Строка 78: / Строка 75: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://www.photomanual.ru/ '''PHOTOMANUAL.RU''']</div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [http://www.photomanual.ru/  Online журнал для фотографов: новости, библиотека, события, фототехника, тесты, форум]
@@ Строка 88: / Строка 85: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://ladiescode.ru/osnovy-dizajna-dlya-nedizajnerov-gde-i-kak-poluchit-bazovye-znaniya/ '''Ladies Code''']</div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [http://ladiescode.ru/osnovy-dizajna-dlya-nedizajnerov-gde-i-kak-poluchit-bazovye-znaniya/  Статья "Основы дизайна для недизайнеров: где и как получить базовые знания"]
@@ Строка 98: / Строка 95: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://ru.renderstuff.com/ '''RU.RENDERSTUFF.COM''']</div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [http://ru.renderstuff.com/  Статьи, 3d модели, форумы, туториалы]
@@ Строка 108: / Строка 105: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://seo-doka.ru/settings-535.htm '''SEO-DOKA.RU''']</div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [http://seo-doka.ru/settings-535.htm  Статья "PhotoDemon — мощный бесплатный фоторедактор с поддержкой нестандартных форматов" на информационном портале SEO–DOKA]
@@ Строка 118: / Строка 115: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[https://www.artweaver.de/en '''ARTWEAVER.DE''']</div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [https://www.artweaver.de/en  Графический редактор Artweaver: работа с кистями, фильтрами, эффектами, слоями]
@@ Строка 128: / Строка 125: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://photowebexpo.ru/expo/photo_school/lessons '''PHOTOWEBEXPO.RU''']</div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [http://photowebexpo.ru/expo/photo_school/lessons  Бесплатные уроки фотографии на сайте виртуальной выставки, посвященной фоторынку]
@@ Строка 138: / Строка 135: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://paint-net.ru/?id=6 '''PAINT-NET.RU''']</div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [http://paint-net.ru/?id=6  Уроки Paint-net на сайте о бесплатном графическом редакторе]
@@ Строка 148: / Строка 145: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://sigma-server.com/b3d_files/BlenderBasics-rus.pdf '''SIGMA-SERVER.COM''']</div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [http://sigma-server.com/b3d_files/BlenderBasics-rus.pdf  "Blender Basics. Учебное пособие"]
@@ Строка 158: / Строка 155: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[https://habrahabr.ru/company/ua-hosting/blog/304710/ '''HABRAHABR.RU''']</div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [https://habrahabr.ru/company/ua-hosting/blog/304710/  Статья "40 туториалов для создания векторных иллюстраций": подборка обучающих уроков по созданию векторной графики]
@@ Строка 168: / Строка 165: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[https://www.firestock.ru/ '''FIRESTOCK.RU''']</div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [https://www.firestock.ru/  Бесплатный фотосток: высококачественные растровые клипарты в большом разрешении на различные темы. ]
@@ Строка 178: / Строка 175: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://fototips.ru '''FOTOTIPS.RU''']</div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [http://fototips.ru  Интернет-журнал, посвященный миру фотографии. Уроки фотографии, уроки по обработке фото, новости, тесты и обзоры, искусство]
@@ Строка 188: / Строка 185: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://www.iamdesigner.pro/ '''IAMDESIGNER.PRO''']</div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [http://www.iamdesigner.pro/  Сайт о дизайне: статьи, ресурсы, обучение, вдохновение. Лекции, уроки, советы, фильмы по дизайну, векторы, иконки, шаблоны, элементы и много другой полезной информации]
@@ Строка 198: / Строка 195: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://skillsup.ru/ '''SKILLSUP.RU''']</div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [http://skillsup.ru/  Интересные работы самых разных стилей и направлений, огромная база знаний, уроки дизайна и обработки в Фотошопе, внушительная коллекция видеоуроков]
@@ Строка 208: / Строка 205: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://freeicons.net.ru/ '''FREEICONS.NET.RU''']</div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [http://freeicons.net.ru/  Архив с огромным количеством бесплатных иконок, распространяемых под лицензией "Creative Commons Attribution". ]
@@ Строка 218: / Строка 215: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[https://www.pressfoto.ru/blog/list-of-tutorials-in-adobe-illustrator/ '''PRESSFOTO.RU''']</div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [https://www.pressfoto.ru/blog/list-of-tutorials-in-adobe-illustrator/  Статья Асель Бакчаковой "Подборка уроков в Adobe Illustrator"]
@@ Строка 228: / Строка 225: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://www.sketchup.com/ru/learn '''SKETCHUP.COM''']</div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [http://www.sketchup.com/ru/learn  SKETCHUP - программа для моделирования трёхмерной графики. Учебные видео-материалы, книги, форум, справочный центр, преподаватели]
@@ Строка 238: / Строка 235: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://uroki-maya.online/ '''UROKI-MAYA.ONLINE''']</div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [http://uroki-maya.online/  Уроки по Autodesk Maya на русском языке: введение в 3D моделирование, моделирование мультипликационного персонажа, анимация персонажа, основы работы и другие полезные разделы]
@@ Строка 248: / Строка 245: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://ru.vectorboom.com/ '''RU.VECTORBOOM.COM''']</div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [http://ru.vectorboom.com/  Уроки Adobe Illustrator, статьи, советы, форум, бесплатные векторные изображения]
@@ Строка 258: / Строка 255: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://coreltuts.com/ru '''CORELTUTS.COM/RU''']</div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [http://coreltuts.com/ru  CorelTutorials - это цифровой учебник, сайт для творческих людей, которые готовы делиться своим опытом с другими и перенимать его]
@@ Строка 268: / Строка 265: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://www.cdx3.ru/map.php '''CDX3.RU''']</div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [http://www.cdx3.ru/map.php Уроки по CorelDRAW: основные понятия, окно программы, команды главного меню, панель инструментов, окна, настройка программы, работа с текстом, видеоуроки и т.д.]
@@ Строка 278: / Строка 275: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://www.coreldraw.com/ru/pages/800382.html '''CORELDRAW.COM''']</div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [http://www.coreldraw.com/ru/pages/800382.html Учебные пособия "CorelDRAW Graphics Suite Tutorials"]
@@ Строка 291: / Строка 288: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://photoshopworld.ru/lessons/ '''PHOTOSHOPWORLD.RU''']</div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [http://photoshopworld.ru/lessons/ Мир Фотошопа: уроки, конкурсы, обзоры, публикации, статьи, мастер-классы, интервью, форумы]
@@ Строка 301: / Строка 298: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[https://helpx.adobe.com/ru/photoshop/topics.html '''HELPX.ADOBE.COM''']</div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [https://helpx.adobe.com/ru/photoshop/topics.html Справка по Photoshop: рабочая среда, слои, коррекция изображений, рисование, видео и анимация, фильтры и эффекты, управление цветом, автоматизация и др.]
@@ Строка 311: / Строка 308: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://www.rosphoto.com/photoshop/ '''ROSPHOTO.COM''']</div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [http://www.rosphoto.com/photoshop/ Различные уроки фотошопа как для начинающих обработчиков изображений, так и для продвинутых пользователей программы Photoshop на сайте "Российское фото"]
@@ Строка 321: / Строка 318: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://www.3dray.ru/2.htm '''3DRAY.RU''']</div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [http://www.3dray.ru/2.htm  Уроки компьютерной графики основаны на многолетнем опыте преподавания по программам: дизайн интерьера, реклама и т.п., а потому оптимально направлены на обучение работе в нужной программе]
@@ Строка 331: / Строка 328: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://www.illustrator-training.ru/ '''ILLUSTRATOR-TRAINING.RU''']</div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [http://www.illustrator-training.ru/  Уроки работы с Иллюстратором, секреты и советы, дизайн, векторная графика, рисунок и другие полезные рубрики]
@@ Строка 341: / Строка 338: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://lightroom.ru/photoshop/ '''LIGHTROOM.RU''']</div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [http://lightroom.ru/photoshop/  "Как обработать фото", тематические подборки фото, опыт зарубежных фотографов, новинки техники, советы и уроки по фотографии]
@@ Строка 351: / Строка 348: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://render.ru '''RENDER.RU''']</div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [http://render.ru  Крупнейший информационный российский ресурс по компьютерной графике и 3D технологиям]
@@ Строка 361: / Строка 358: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://prophotos.ru/lessons/processing '''PROPHOTOS.RU''']</div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [http://prophotos.ru/lessons/processing Уроки фотографии: фотообработка в Photoshop на сайте самого крупного и авторитетного онлайн-журнала о фотографии и фототехнике в Рунете]
@@ Строка 371: / Строка 368: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://gimp.nas2.net/ '''GIMP.NAS2.NET''']</div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [http://gimp.nas2.net/ Интересные уроки по работе с графическим редактором GIMP, форум, свежие материалы и статьи]
@@ Строка 381: / Строка 378: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://photocasa.ru/photo-journal/ '''PHOTOCASA.RU''']</div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [http://photocasa.ru/photo-journal/ Бесплатный журнал о фотографии в формате PDF. Уроки Фотошопа, Студийная фотошкола, Жанры фотографии, Обзоры фототехники, ФотоФишка]
@@ Строка 391: / Строка 388: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://www.drawmaster.ru/ '''DRAWMASTER.RU''']</div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [http://www.drawmaster.ru/ Бесплатные уроки рисования на русском языке, основы и техники рисования, рисование на компьютере при помощи планшета в программе Photoshop]
@@ Строка 401: / Строка 398: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://anna-volkova.blogspot.com/p/tuts.html '''ANNA-VOLKOVA.BLOGSPOT.COM''']</div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [http://anna-volkova.blogspot.com/p/tuts.html Полезные и интересные уроки Adobe Illustrator в блоге Анны Волковой]
@@ Строка 411: / Строка 408: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://ru.freepik.com/ '''RU.FREEPIK.COM''']</div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [http://ru.freepik.com/ Бесплатные графические ресурсы для дизайнеров: свободные векторные изображения, фотографии, иконки, иллюстрации]
@@ Строка 421: / Строка 418: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://bestanimationgif.com '''BESTANIMATIONGIF.COM''']</div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [http://bestanimationgif.com/video/ Adobe Photoshop CS5. Обучающий видеокурс. Новые возможности Adobe Photoshop CS6.]
@@ Строка 431: / Строка 428: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://fotobg.ru/ '''FOTOBG.RU''']</div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [http://fotobg.ru/ Текстуры, фоны и изображения для сайта и для графического дизайна совершенно бесплатно и без регистрации. Все фотографии собраны по категориям и галереям и для удобства отсортированы]
@@ Строка 441: / Строка 438: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[https://photoshop-master.ru/about/ '''PHOTOSHOP-MASTER.RU''']</div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [https://photoshop-master.ru/about/ «Фотошоп-мастер» — это крупный обучающий портал по программе Adobe Photoshop. Собрано более 2 700 фотошоп-уроков, более 20 000 фотошоп-дополнений и более 150 статей.]
@@ Строка 451: / Строка 448: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://freeanalogs.ru/3DEditors '''FREEANALOGS.RU/3DEditors''']</div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [http://freeanalogs.ru/3DEditors Обзор и ссылки на бесплатные программы 3D-графики, предназначенные для создания моделей, анимации и целых фильмов]
@@ Строка 461: / Строка 458: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://www.graphiconart.com/%D0%BC%D0%B0%D1%82%D0%B5%D1%80%D0%B8%D0%B0%D0%BB%D1%8B/%D1%81%D0%BE%D1%84%D1%82-1/35-free-graphik-programm-2/ '''ГРАФИКОН АРТ:''']</div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [http://www.graphiconart.com/%D0%BC%D0%B0%D1%82%D0%B5%D1%80%D0%B8%D0%B0%D0%BB%D1%8B/%D1%81%D0%BE%D1%84%D1%82-1/35-free-graphik-programm-2/ 35 бесплатных графических программ: ссылки на программы, комментарии]
@@ Строка 471: / Строка 468: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">
 [http://www.graphiconart.com/%D0%B1%D0%B5%D1%81%D0%BF%D0%BB%D0%B0%D1%82%D0%BD%D0%BE/%D0%B2%D0%B5%D0%BA%D1%82%D0%BE%D1%80%D0%BD%D0%B0%D1%8F-%D0%B3%D1%80%D0%B0%D1%84%D0%B8%D0%BA%D0%B0/30-%D0%B2%D0%B5%D0%BA%D1%82%D0%BE%D1%80-%D1%81%D0%BA%D0%B0%D1%87%D0%B0%D1%82%D1%8C/ '''ГРАФИКОН АРТ''']:</div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [http://www.graphiconart.com/%D0%B1%D0%B5%D1%81%D0%BF%D0%BB%D0%B0%D1%82%D0%BD%D0%BE/%D0%B2%D0%B5%D0%BA%D1%82%D0%BE%D1%80%D0%BD%D0%B0%D1%8F-%D0%B3%D1%80%D0%B0%D1%84%D0%B8%D0%BA%D0%B0/30-%D0%B2%D0%B5%D0%BA%D1%82%D0%BE%D1%80-%D1%81%D0%BA%D0%B0%D1%87%D0%B0%D1%82%D1%8C/ 30 сайтов с бесплатной векторной графикой: фоны, текстуры, элементы, иконки и другие изображения]
@@ Строка 482: / Строка 479: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">
 [http://www.graphiconart.com/%D0%BC%D0%B0%D1%82%D0%B5%D1%80%D0%B8%D0%B0%D0%BB%D1%8B/%D1%83%D1%80%D0%BE%D0%BA%D0%B8/ '''УРОКИ''']</div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [http://www.graphiconart.com/%D0%BC%D0%B0%D1%82%D0%B5%D1%80%D0%B8%D0%B0%D0%BB%D1%8B/%D1%83%D1%80%D0%BE%D0%BA%D0%B8/ по векторной графике, дизайну, в векторных и растровых редакторах]
@@ Строка 493: / Строка 490: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://www.blender.org/ '''BLENDER''']</div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [http://www.blender.org/  – бесплатная программа под Linux для трехмерного моделирования. Создание 3D объектов, анимации]
@@ Строка 503: / Строка 500: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://www.sweethome3d.com/ru/ '''SWEET HOME 3D''']</div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [http://www.sweethome3d.com/ru/ Бесплатная программа для моделирования интерьера с возможностью 3D-просмотра]
@@ Строка 513: / Строка 510: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://tuxpaint.org/ '''TUX PAINT''']
 </div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [http://tuxpaint.org/ – графический редактор для детей, распространяемый бесплатно. Галерея изображений, видео. Возможности работы с разными кистями, линиями, формами, красками, текстом]</div>
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://www.pinta-project.com/ '''PINTA''']
 </div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [http://www.pinta-project.com/  – графический редактор, распространяемый бесплатно.Возможности работы с инструментами рисования: кисти, текст, карандаш, ластик, градиенты, создание графических фигур]
@@ Строка 534: / Строка 531: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://www.newart.ru/htm/flash/risovalka_1.htm '''РИСОВАНИЕ ФЛОМАСТЕРОМ''']:
 </div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [http://www.newart.ru/htm/flash/risovalka_1.htm  – графический редактор он-лайн с функцией проигрывания для младшего поколения юных художников, снабжен краткой справкой]
@@ Строка 545: / Строка 542: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://www.davno.ru/ '''ДАВНО.РУ''']
 </div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [http://www.davno.ru/  – сайт с огромной коллекцией открыток разных стилей и направлений, от старинных советских агитационных плакатов до современных]
@@ Строка 556: / Строка 553: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://lenagold.ru/ '''LENAGOLD.RU''']
 </div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [http://lenagold.ru/ - сайт с богатейшей и постоянно пополняемой коллекцией клипартов, фонов, рамок, бумажных моделей, представленных для ознакомительных целей]
@@ Строка 567: / Строка 564: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://pixabay.com/ '''PIXABAY.COM''']
 </div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [http://pixabay.com/  - более 1120000 бесплатных изображений: фотографий, векторов, иллюстраций, возможность загрузки и обмена фотографиями, бесплатное видео]
@@ Строка 578: / Строка 575: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://gifovina.ru/about.html '''GIFOVINA.RU''']
 </div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [http://gifovina.ru/about.html  - бесплатный онлайн gif-аниматор, позволяет создавать анимированные картинки в формате gif, аватары, баннеры, мультики]
@@ Строка 589: / Строка 586: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://ru.toolson.net/GifAnimation/Create '''TOOLSON.NET''']
 </div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [http://ru.toolson.net/GifAnimation/Create  - сервис бесплатных онлайн приложений, бесплатный онлайн gif-аниматор, позволяет создавать анимированные картинки в формате gif]
@@ Строка 600: / Строка 597: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://minimultik.ru/ '''MINIMULTIK.RU''']
 </div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [http://minimultik.ru/  - создание gif-анимаций онлайн, аватаров, баннеров]
@@ Строка 611: / Строка 608: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://gifius.ru/ '''GIFIUS.RU''']
 </div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [http://gifius.ru/  - конструирование gif-анимаций онлайн в три шага]
@@ Строка 622: / Строка 619: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://infogra.ru/lessons '''INFOGRA.RU''']
 </div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [http://infogra.ru/lessons Видеоуроки по видеодизайну, дизайну, инфографике, типографике, фотографии, журнал "Инфографика"]
@@ Строка 633: / Строка 630: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://www.designonstop.com/ '''DESIGNONSTOP.COM''']
 </div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [http://www.designonstop.com/ Блог о веб-дизайне, теоретическая и практическая информация по темам, которые непосредственно связаны с веб-дизайном, искусством, блоговедением и фрилансом]
@@ Строка 644: / Строка 641: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[https://pixlr.com/editor/ '''ONLINE PHOTO EDITOR''']
 </div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [https://pixlr.com/editor/ Бесплатный сервис с функциями редактирования и создания изображений в режиме on-line: возможности работы с кистями, слоями, масками, фильтрами, коррекцией]
@@ Строка 655: / Строка 652: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://cooltext.com/ '''COOLTEXT.COM''']
 </div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [http://cooltext.com/ - сервис для создания стильных надписей, в том числе анимированных, с изменением настроек типа шрифта, цветов, текстур с дальнейшим сохранением на компьютер]
@@ Строка 666: / Строка 663: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://gimp.ru/ '''GIMP.RU''']
 </div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [http://gimp.ru/ - русскоязычный сайт о свободном, мощном и многоцелевом графическом редакторе GIMP (GNU Image Manipulation Program)]
@@ Строка 677: / Строка 674: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[https://inkscape.org/ru '''INKSCAPE.ORG/RU''']
 </div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [https://inkscape.org/ru - Inkscape - это векторный графический редактор с открытым исходным кодом, свободное приложение, бесплатное для личного использования и распространения]
@@ Строка 688: / Строка 685: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://www.gimpart.org/risovanie-v-gimp/knopka-dlya-sayta-v-gimp '''GIMPART.ORG''']
 </div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [http://www.gimpart.org/risovanie-v-gimp/knopka-dlya-sayta-v-gimp - Уроки GIMP для начинающих и многое другое на блоге о фоторедакторе GIMP, веб-дизайне и фотографии]
@@ Строка 699: / Строка 696: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://ru.torange.biz/ '''ru.torange.biz''']
 </div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [http://ru.torange.biz/ - Фотобанк tOrange предлагает более 45000 фотографий и картинок на различную тематику абсолютно бесплатно!]
@@ Строка 710: / Строка 707: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://paintnet.ru/ '''PAINTNET.RU''']
 </div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [http://paintnet.ru/ Paint.NET — бесплатный растровый графический редактор рисунков и фотографий для Windows, разработанный на платформе .NET Framework]
@@ Строка 721: / Строка 718: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://cg-evolution.ru '''CG-EVOLUTION.RU''']
 </div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [http://cg-evolution.ru — авторский проект, посвященный индустрии компьютерной графики: уроки работы в графических редакторах, полезные статьи о дизайне и графике, много другой полезной информации]
@@ Строка 732: / Строка 729: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://ru.vectorboom.com/load/uroki/1 '''RU.VECTORBOOM.COM''']
 </div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [http://ru.vectorboom.com/load/uroki/1 уроки, статьи, советы, форум, бесплатные векторные иллюстрации, кисти, иконки, кнопки и многое другое]
@@ Строка 743: / Строка 740: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://0lik.ru/ '''OLIK.RU''']
 </div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [http://0lik.ru/ Дизайн и графика. Клипарт, photoshop, шаблоны, psd, кисти, фото, иконки. Много полезного материала для творчества]
@@ Строка 754: / Строка 751: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://photoshoplessons.ru/ '''PHOTOSHOPLESSONS.RU''']
 </div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [http://photoshoplessons.ru/ Множество бесплатных уроков по программе Adobe Photoshop, учебник, инструменты, фильтры, мануалы, бесплатные курсы]
@@ Строка 765: / Строка 762: @@
 </div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://www.3d-blender.ru/ '''3D-BLENDER.RU''']
 </div>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
-<p style="padding: 8px 0; background:  #d3fcff; color:  #d3fcff"></p>
+<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
-<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
+<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 <div style="font-size: 14px; color: #3879ff;">
 [http://www.3d-blender.ru/ Уроки и новости по 3d моделированию в программе Blender 3D, интересные переводы статей по моделированию, текстурированию, анимации и визуальным эффектам с 3D]
 </div>
 </div>
-</div>
+[[Стрельникова_Виктория_Викторовна/Интерактивные_плакаты|<div style="display: block; margin-bottom: 5px; padding: 10px; text-align: center; background: #ba1949"><font size="3" color="#ffffff">'''Интерактивные плакаты (перейти по ссылке)''']]</font></div>
-<div style="display: block; margin-bottom: 5px; padding: 10px; background: #1badd1; text-align: center; vertical-align:middle">
+<div style="display: block; margin-bottom: 5px; padding: 10px; background: #ffffff; text-align: center; vertical-align:middle">
-<div style="display: inline-block; width: 100px; height: 100px; vertical-align:middle; margin:5px; padding:5px">[[File:piggy bank icon for ICT9.png|100px|center|link=http://wiki.iro23.info/index.php?title=%D0%9A%D0%BE%D0%BF%D0%B8%D0%BB%D0%BA%D0%B0_%D0%98%D0%9A%D0%A2-%D0%BF%D0%BE%D0%BB%D0%B5%D0%B7%D0%BD%D0%BE%D1%81%D1%82%D0%B5%D0%B9/%D0%AD%D0%9E%D0%A0]]</div>
+<div style="display: inline-block; width: 100px; height: 100px; vertical-align:middle; margin:5px; padding:5px">[[File:Icon_teachers_websites.png|100px|center|link=http://wiki.iro23.info/index.php?title=Копилка_ИКТ-полезностей/ЭОР]]</div>
-<div style="display: inline-block; width: 100px; height: 100px; vertical-align:middle; margin:5px; padding:5px">[[File:piggy bank icon for ICT10.png|100px|center|link=http://wiki.iro23.info/index.php?title=%D0%9A%D0%BE%D0%BF%D0%B8%D0%BB%D0%BA%D0%B0_%D0%98%D0%9A%D0%A2-%D0%BF%D0%BE%D0%BB%D0%B5%D0%B7%D0%BD%D0%BE%D1%81%D1%82%D0%B5%D0%B9/%D0%92%D0%B8%D1%80%D1%82%D1%83%D0%B0%D0%BB%D1%8C%D0%BD%D1%8B%D0%B5_%D0%BB%D0%B0%D0%B1%D0%BE%D1%80%D0%B0%D1%82%D0%BE%D1%80%D0%B8%D0%B8]]</div>
+<div style="display: inline-block; width: 100px; height: 100px; vertical-align:middle; margin:5px; padding:5px">[[File:Virtual_laboratories._Author_illustrations_Strelnikova_Victoria_Viktorovna.png|100px|center|link=http://wiki.iro23.info/index.php?title=Копилка_ИКТ-полезностей/Виртуальные_лаборатории]]</div>
-<div style="display: inline-block; width: 100px; height: 100px; vertical-align:middle; margin:5px; padding:5px">[[File:piggy bank icon for ICT11.png|100px|center|link=http://wiki.iro23.info/index.php?title=%D0%9A%D0%BE%D0%BF%D0%B8%D0%BB%D0%BA%D0%B0_%D0%98%D0%9A%D0%A2-%D0%BF%D0%BE%D0%BB%D0%B5%D0%B7%D0%BD%D0%BE%D1%81%D1%82%D0%B5%D0%B9/%D0%9D%D0%BE%D0%B2%D0%BE%D1%81%D1%82%D0%B8_%D0%BA%D0%BE%D0%BC%D0%BF%D1%8C%D1%8E%D1%82%D0%B5%D1%80%D0%BD%D1%8B%D1%85_%D1%82%D0%B5%D1%85%D0%BD%D0%BE%D0%BB%D0%BE%D0%B3%D0%B8%D0%B9]]</div>
+<div style="display: inline-block; width: 100px; height: 100px; vertical-align:middle; margin:5px; padding:5px">[[File:Information_Technology._Author_illustrations_Strelnikova_Victoria_Viktorovna.png|100px|center|link=http://wiki.iro23.info/index.php?title=Копилка_ИКТ-полезностей/Новости_компьютерных_технологий]]</div>
-<div style="display: inline-block; width: 100px; height: 100px; vertical-align:middle; margin:5px; padding:5px">[[File:piggy bank icon for ICT12.png|100px|center|link=http://wiki.iro23.info/index.php?title=%D0%9A%D0%BE%D0%BF%D0%B8%D0%BB%D0%BA%D0%B0_%D0%98%D0%9A%D0%A2-%D0%BF%D0%BE%D0%BB%D0%B5%D0%B7%D0%BD%D0%BE%D1%81%D1%82%D0%B5%D0%B9/%D0%A1%D0%B0%D0%B9%D1%82%D1%8B_%D1%81_%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE%D1%83%D1%80%D0%BE%D0%BA%D0%B0%D0%BC%D0%B8_%D0%B8_%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE%D1%80%D0%BE%D0%BB%D0%B8%D0%BA%D0%B0%D0%BC%D0%B8]]</div>
+<div style="display: inline-block; width: 100px; height: 100px; vertical-align:middle; margin:5px; padding:5px">[[File:Video._Author_illustrations_Strelnikova_Victoria_Viktorovna.png|100px|center|link=http://wiki.iro23.info/index.php?title=Копилка_ИКТ-полезностей/Сайты_с_видеоуроками_и_видеороликами]]</div>
-<div style="display: inline-block; width: 100px; height: 100px; vertical-align:middle; margin:5px; padding:5px">[[File:piggy bank icon for ICT13.png|100px|center|link=http://wiki.iro23.info/index.php?title=%D0%9A%D0%BE%D0%BF%D0%B8%D0%BB%D0%BA%D0%B0_%D0%98%D0%9A%D0%A2-%D0%BF%D0%BE%D0%BB%D0%B5%D0%B7%D0%BD%D0%BE%D1%81%D1%82%D0%B5%D0%B9/%D0%A0%D0%B0%D0%B7%D0%B2%D0%B8%D0%B2%D0%B0%D1%8E%D1%89%D0%B8%D0%B5_%D0%B8%D0%B3%D1%80%D1%8B]]</div>
+<div style="display: inline-block; width: 100px; height: 100px; vertical-align:middle; margin:5px; padding:5px">[[File:Educational_scenario_game_situations.png|100px|center|link=http://wiki.iro23.info/index.php?title=Копилка_ИКТ-полезностей/Развивающие_игры]]</div>
-<div style="display: inline-block; width: 100px; height: 100px; vertical-align:middle; margin:5px; padding:5px">[[File:piggy bank icon for ICT14.png|100px|center|link=http://wiki.iro23.info/index.php?title=%D0%9A%D0%BE%D0%BF%D0%B8%D0%BB%D0%BA%D0%B0_%D0%98%D0%9A%D0%A2-%D0%BF%D0%BE%D0%BB%D0%B5%D0%B7%D0%BD%D0%BE%D1%81%D1%82%D0%B5%D0%B9/%D0%9C%D0%B5%D1%82%D0%BE%D0%B4%D0%B8%D1%87%D0%B5%D1%81%D0%BA%D0%B8%D0%B5_%D0%BA%D0%BE%D0%BF%D0%B8%D0%BB%D0%BA%D0%B8]]</div>
+<div style="display: inline-block; width: 100px; height: 100px; vertical-align:middle; margin:5px; padding:5px">[[File:Methodical_piggy_banks._Author_illustrations_Strelnikova_Victoria_Viktorovna.png|100px|center|link=http://wiki.iro23.info/index.php?title=Копилка_ИКТ-полезностей/Методические_копилки]]</div>
-<div style="display: inline-block; width: 100px; height: 100px; vertical-align:middle; margin:5px; padding:5px">[[File:piggy bank icon for ICT15.png|100px|center|link=http://wiki.iro23.info/index.php?title=%D0%9A%D0%BE%D0%BF%D0%B8%D0%BB%D0%BA%D0%B0_%D0%98%D0%9A%D0%A2-%D0%BF%D0%BE%D0%BB%D0%B5%D0%B7%D0%BD%D0%BE%D1%81%D1%82%D0%B5%D0%B9/%D0%AD%D0%BB%D0%B5%D0%BA%D1%82%D1%80%D0%BE%D0%BD%D0%BD%D1%8B%D0%B5_%D0%B6%D1%83%D1%80%D0%BD%D0%B0%D0%BB%D1%8B,_%D0%B8%D0%B7%D0%B4%D0%B0%D0%BD%D0%B8%D1%8F,_%D0%B1%D0%B8%D0%B1%D0%BB%D0%B8%D0%BE%D1%82%D0%B5%D0%BA%D0%B8]]</div>
+<div style="display: inline-block; width: 100px; height: 100px; vertical-align:middle; margin:5px; padding:5px">[[File:Icon_documents_DOO_community.png|100px|center|link=http://wiki.iro23.info/index.php?title=Копилка_ИКТ-полезностей/Электронные_журналы,_издания,_библиотеки]]</div>
-<div style="display: inline-block; width: 100px; height: 100px; vertical-align:middle; margin:5px; padding:5px">[[File:piggy bank icon for ICT16.png|100px|center|link=http://wiki.iro23.info/index.php?title=%D0%9A%D0%BE%D0%BF%D0%B8%D0%BB%D0%BA%D0%B0_%D0%98%D0%9A%D0%A2-%D0%BF%D0%BE%D0%BB%D0%B5%D0%B7%D0%BD%D0%BE%D1%81%D1%82%D0%B5%D0%B9/%D0%9F%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5]]</div></div>
+<div style="display: inline-block; width: 100px; height: 100px; vertical-align:middle; margin:5px; padding:5px">[[File:Programming._Author_illustrations_Strelnikova_Victoria_Viktorovna.png|100px|center|link=http://wiki.iro23.info/index.php?title=Копилка_ИКТ-полезностей/Программирование]]</div>
-[[Стрельникова_Виктория_Викторовна/Интерактивные_плакаты|<div style="display: block; margin-bottom: 5px; padding: 10px; box-shadow: 0px 0px 1px 1px #8FD6E7; text-align: center; background: #d3fcff"><font color="#2495B2">'''Интерактивные плакаты (перейти по ссылке)''']]</font></div>[[Стрельникова_Виктория_Викторовна|<div style="display: block; margin-bottom: 5px; padding: 10px; box-shadow: 0px 0px 1px 1px #8FD6E7; text-align: center; background: #ffffff"><font color="#48BDDA">'''Методические пособия, дидактические материалы (перейти по ссылке)''']]</font></div>
+</div>[[Стрельникова_Виктория_Викторовна|<div style="display: block; margin-bottom: 5px; padding: 10px; text-align: center; background: #a8a8a8"><font size="3" color="#ffffff">'''Методические пособия, дидактические материалы (перейти по ссылке)''']]</font></div></div>
 [[Category:Копилка ИКТ-полезностей]]