Применение таблиц |
Разместим в дневнике большое количество небольших по размеру рисунков. Для примера я взял 6 анимированных смыйликов
Для того что бы рисунки располагались горизонтально необходимо убрать галочку с "Сохранять переводы строк в тексте.".
Я специально взял смайлы разного размера. Попробуем теперь сделать вывод рисунков более логичным.
Большие смайлы в одной колонке, маленькие - в другой
Для этого построим таблицу из двух колонок и трех строк ( по количеству смайлов одного размера )
Коды рисунков смайлов ( видны при редактировании черновика или поста )
Что бы не гадать где какой рисунок я в кодах рисунков, в alt подписал рисунки. alt - это альтернативный текст который виден в том случае если рисунок по какой то причине не может быть показан
Все что теперь осталось это разместить рисунки каждый в своей ячейке таблицы
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
Ширина первой и второй колонки не одинаковые что не всегда красиво. Добавим в нашу таблицу еще одну строку Эта строка задаст ширину колонок в 200 пикселей ( можно указать ширину в процентах от общей ширины таблицы )
Что бы не загромождать код я в дальнейшем буду показывать только часть кода где делаем изменения
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
Осталась самая малость. Разместить рисунки по центру ячеек. Для этого в добавим valign="middle" и align="center"
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
Подпишем колонки. Для этого добавим вначале еще одну строку в которой вместо пропишем
Большие смалы | Маленькие смайлы |
---|---|
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
Добавим к каждому смайлу название.
Вид таблицы мягко говоря не очень :)
Большие смалы | Маленькие смайлы |
---|---|
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
Исправим это добавив еще 2 колонки для названий смайлов
Обратите внимание на то что добавилось еще две строки с и . Даже если в ячейках ничего не выводится количество ячеек в каждой строке должно быть одинаковым!!!!!
Название колонок "Большие смайлы и маленькие смайлы" не совсем правильно расположены
Большие смалы | Маденькие смайлы | ||
---|---|---|---|
![]() |
Большой1 |
![]() |
Маленький1 |
![]() |
Большой2 |
![]() |
Маленький2 |
![]() |
Большой3 |
![]() |
Маленький3 |
Объеденим попарно ячейки с названием колонок.
Большие смалы | Маденькие смайлы | ||
---|---|---|---|
![]() |
Большой1 |
![]() |
Маленький1 |
![]() |
Большой2 |
![]() |
Маленький2 |
![]() |
Большой3 |
![]() |
Маленький3 |
Не нравится мне грозный красный смайл :)). Я его выделю каким то фоном что бы он бросался в глаза :). Добавлю в ячеку с этим смайлом фоновый цвет
Заодно и строку с названием колонок выделю фоном
Большие смалы | Маденькие смайлы | ||
---|---|---|---|
![]() |
Большой1 |
![]() |
Маленький1 |
![]() |
Большой2 |
![]() |
Маленький2 |
![]() |
Большой3 |
![]() |
Маленький3 |
Сделаем этот грозный смайл не таким грозным. Разместим его на этом фоновом рисунке :))
Для этого добавим в ячейку с этим смайлом параметр background
Большие смалы | Маденькие смайлы | ||
---|---|---|---|
![]() |
Большой1 |
![]() |
Маленький1 |
![]() |
Большой2 |
![]() |
Маленький2 |
![]() |
Большой3 |
![]() |
Маленький3 |
Что еще творить с таблицей зависит только от вашей фантазии :)) Можно каждую строку выделить своим цветом добавиви в параметр background. Можно для каждой ячейки или строки задать фоновый рисунок прописав background. Вместо текста в ячейках можно прописать ссылки.
ps: Добавьте в код рисунка title="текст" и при наведении мышки на рисунок будет выскакивать подсказка с текстом
|
Своими руками |
В качестве мозаики можно использовать все подручные материалы – это и остатки плитки после ремонта, и стекло, и черепки посуды, и даже обычные камушки. Вообщем все то, что уже не нужно, но жалко выбросить. Можно даже что-нибудь разбить для таких целей. Кстати, на складах со строительными материалами очень часто на развес продается битая плитка.
дальше здесь: www.budynok.kiev.ua/столик-из-мозаики/
www.budynok.kiev.ua/mir-dekorativnyih-shtukaturok/
www.budynok.kiev.ua/картины-из-ткани/
|
Делаем плейкасты на ЛиРу |
![]() ![]() |
|
Сделай для блога кнопку |
Всем привет!
По стечению обстоятельств 5 разных людей попросили меня объяснить как сделать простую кнопку, так чтоб не писать одно и тоже 5 раз создаю пост) возможно и ещё кому-нибудь пригодится.
Самая простая кнопка
В общем-то это сама кнопка, а во флейме её код, ниже на картинке фото этого кода
Остальные рамочки, эпиграфы, картинки и инструкция как вставить их в пост находятся в разделе - Для оформления блога
|
Без заголовка |
|
Слайд-шоу |
|
|
Видеомонтаж |
Существует много способов изготовления видеоклипов для загрузки их на Ли.ру. И конечно, для того, чтобы добиться высокого качества, придется повозиться. Но можно и проще (в связи с чем, и хуже).
При вырезании и загрузке видеофрагмента из фильма «Адреналин 2. Высокое напряжение» использовалось приложение Nero Vision 4 – две минуты, и сносное для такого случая качество (смотреть видеоклип). В конце этого поста получился отрывок из программы «Голые и смешные» на DTV.
|
Не продешевите! |
Те, кто продает ссылки на страницах своих блогов/дневников/сайтов и кто планирует это дело, часто не знают настоящую стоимость своих услуг.
Перехо́дите, вво́дите url-адрес в произвольной форме и вам выдается примерная стоимость ссылки на вашей странице, подсчитанная на основе статистических данных известнейшей системы купли продажи ссылок.
P.S. Как вам ударения, которые я стырил из википедии?
|
ДЕТИ И ТВОРЧЕСТВО |
|
Тапочки на двух спицах |
Вроде бы таких тапочек ещё не было. Вяжутся они на двух спицах.
|
Обзор бесплатных графических (дизайнерских) программ |
Все программы установил на своем компьютере (давно или только что — для пробы). В посте только лучшие бесплатные программы. Благодарность за пост в виде цитирования будет в самый раз.
Paint. NET 3.36 — бесплатный графический редактор для создания и коррекции разнообразных изображений. Особенное ударение в программе сделано на полезных функциях для фотографов и просто на работу с фотографиями (1.53 Mb)... подробнее/скачать
|
Шапочка " Пион" |
|
Программа расчета вязания Больше не нужно считать вручную! |
Программа расчета вязания задумана для облегчения создания вязаных изделий
во время предварительных прикидок и подготовки к реализации Ваших гениальных идей.
Она позволяет оценить размеры будущего шедевра по связанному образцу,
определить нужное количество петель и рядов по требуемому размеру.
Когда указаны размеры, исходя из уже связанного кем-то образца, а у Вас образец
отличается от созданного неизвестным мастером, программа позволит скорректировать
количество петель и рядов в Вашу пользу.
Все размеры указываются в сантиметрах.
|
Подарки своими руками |
Икебана своими руками
01.Возьмите 2-3 ветки дерева без листьев. Они должны быть довольно разветвленными, тонкими и длинными. Ножницами отрежьте их так, чтобы они подошли по размеру к вашей бутылке.
02.На темно-синюю бутылку наложите полосы малярного скотча. Ножом для бумаги вырежьте из каждой полосы красивый волнистый «язычок». Уберите лишний скотч.
03.Отрежьте лишние, некрасиво торчащие ветки, вставив их в бутылку. Распылять краску на бутылку и ветки из баллончика можно, как по отдельности, так и вместе. Распылите краску по поверхности бутылки и веткам, расстелив предварительно газетную бумагу, чтобы ничего не испачкать. Дайте краске просохнуть. После высыхания снимите скотч.
04.Украсьте ветки темно-синими розами. Для композиции достаточно трех цветков. Из гофрированной бумаги вырежьте две полосы: одна широкая, другая — на 1/3 уже первой.
05.Сложите полосы вместе так, чтобы узкая проходила по середине широкой, и начинайте сворачивать в трубочку широкой полосой наружу. Скручивайте трубочку так, чтобы лента шла немного по спирали сверху вниз. Центр должен быть скручен более плотно. Закончив сворачивать, перетяните бутон ниткой по середине, затем красиво расправьте лепестки, чтобы получился цветок розы.
06.Привяжите розы к веткам золотым шнуром на разных уровнях. Можете оставить висеть длинные концы шнура. Если нет шнура, можно использовать узкую атласную ленту, золотистую или темно-синюю.
07. Таким образом, из бутылки и голых ветвей получается сказочный золотой куст с синими розами. Эту композицию можно сделать серебряной, тогда розы следует изготовить из белой или голубой бумаги. Если вы не нашли синюю бутылку, возьмите зеленую или ее предварительно покрасьте.
По материалам сайта Женский журнал - Записки "дикой" хозяйки
|
Flash Slideshow Maker Professional 4.90 Rus |
Flash Slideshow Maker Professional
- Программа для создания Flash - анимированного слайд - шоу из обычных цифровых фотографий. Предоставляет более 200 эффектов перехода одной фотографии в другую. Имеет различные темы внешнего оформления. Позволяет устанавливать музыкальное сопровождение.
|
Мастер-класс по декупажу |
|
Пончо с воротником |
|
Мастер-класс. Цветы ганутель |
|
Немного о декупаже |
Декупаж является одним из наиболее популярных видов творчества и в сети выложено огромное количество мастер-классов различных мастеров. Не буду исключением и я, расскажу как сделала коробочку для ниток-иголок. Этот мастер-класс подойдет для новичков.
|