Ешьте, дамочки... наслаждайтесь... |
От 
Дайтека для Посты_для_Цитатника
Калорийность продуктов таблица |
||||
в алфавитном порядке |
в 100 г продукта |
|||
| Абрикосы | ||||
| Авокадо | ||||
| Айва | ||||
| Алыча | ||||
| Ананас | ||||
| Апельсин | ||||
| Арбуз | ||||
| Бананы | ||||
| Брусника | ||||
| Виноград | ||||
| Вишня | ||||
| Грейпфрут | ||||
| Груша | ||||
| Дыня | ||||
| Ежевика | ||||
| Земляника | ||||
| Киви | ||||
| Кизил | ||||
| Клюква | ||||
| Крыжовник | ||||
| Лимон | ||||
| Малина | ||||
| Мандарин | ||||
| Персики | ||||
| Слива | ||||
| Смородина | ||||
| Черешня | ||||
| Черника | ||||
| Яблоки | ||||
|
| ||||
ДАЛЕЕ... |
|
ПРОПАДАЮ... |
|
|
|
Я РАЗЛЮБИЛ ТЕБЯ... |
|
|
|
Подборка: где получить образование в сети бесплатно? |
http://www.college.ru – «Открытый Колледж». Данный сайт будет полезен всем, у кого дети-школьники или в силу других причин необходимо восстановить знания по некоторым предметам школьной программы. И, конечно, учащимся средних школ. Есть уроки и тесты по следующим предметам: алгебра, физика, астрономия, химия, биология, география – в разработке. Есть несколько факультативных курсов «Бизнес и экономика», «Управление временем», «Деловое письмо».
http://www.bellenglish.com – бесплатные уроки английского до уровня upper intermediate. Уроки озвучены дикторами – носителями языка. Прекрасно подобранные упражнения. Есть контрольный тест, определяющий уровень владения языком. Есть игры – угадать внешность, поиск сокровищ, игра на эрудированность и другие. Есть форум для общения студентов. Интерфейс сайта полностью на английском.
http://www.study.ru – один из лучших русскоязычных ресурсов для изучающих не только английский. На сайте также представлены бесплатные уроки немецкого и французского, испанского и итальянского.
http://businesslearning.ru – «Система дистанционного бизнес-образования». На сайте представлены 71 модуль по курсам: «Основы предпринимательства», «Право», «Экономика», «Менеджмент», «Финансы», «Учет и налоги», «Маркетинг», «Безопасность», «Основы гуманитарных знаний», «Основы математики и естествознания», «Информационные технологии», «Стратегия для бизнеса». В конце каждого модуля тест на проверку полученных знаний. При желании можно получить сертификат.
http://www.intuit.ru – «Интернет-Университет Информационных Технологий». На сайте представлено более 260 курсов по различным направлениям, связанным с информационными технологиями. Такие как «Web-дизайн», «Менеджер в современном офисе», «Основы web-технологий», «Введение в JavaScript», «Применение каскадных таблиц стилей (CSS)», «Photoshop», «История экономики» и др. В конце каждого урока тест на проверку знаний. Возможность получения диплома.
|
Метки: полезная информация |
делаем рамку для поста несколькими кликами мышки |
Сделать рамку такого вида? Нет ничего проще!
 Весь год, не соврав никому ни на грошь, Мы ждем, как небесную манну, Тот день, когда можно удариться в ложь, Невинно придаться обману! Набрав арсенал завиральный идей, С кощунственным трепетом в теле Мы ловим доверчивых честных людей, Забывших о первоапреле. И мы их находим, смиренных ягнят, Простецки развесивших уши. И стрелы обмана со свистом летят В их светлые, чистые души. Но первоапрельский веселый обман - Сердечная наша потеха. И стрелы не кровь высекают из ран, А добрые искорки смеха. О, как же он весел и как же хорош, Пришедший на смену метелям, Тот праздник, во смех превращающий ложь! Сограждане, с первым апреля! |
Возьмем 3 рисунка
Первый рисунок будет использован для рамки, второй - фон текста и третий просто рисунок :)
Теперь, что бы сделать рамку нам нужны ссылки на эти рисунки. Их можно глянуть зайдя в редактирование простым редактором или если кликнуть на рисунках правой кнопкой мыши и посмотреть свойства рисунка
Вот ссылки на наши рисунки.
Все что осталось что бы получить код рамки это зайти на http://vln.dp.ua/cart.php и заполнить все поля формы
Если картинка в рамке не нужна то оставьте поле не заполненым и получите код рамки с текстом
Жмем на "получить код" и получаем код для вставки в дневник
Важно! Не забываем убирать галочку с "Сохранять переводы строк в тексте." в редакторе поста
|
Метки: полезное |
Ты большая в любви... |
|
Метки: стихи |
14 рецептов шашлыков |
Лето пора отдыха и пикников, так что думаю Вам пригодятся рецепты шашлыков
Вы любите шашлыки?
ДАЛЕЕ ... |
Метки: рецепты |
Без заголовка |
Сделаем список песен в дневнике. Если есть прямая ссылка на музыкадьный файл можно в дневник добавить код
Вместо MP3_URL нужно прописать ссылку на mp3 файл!!!!!!
Например ссылка на музыкалный файл:
код должен выглядеть следущим образом
Вот какой вид плеера мы получим
Можно сделать что бы плеер открывался в новом окне при нажатии на кнопку "слушать":
Название песни: real_snow_white
Но для этого нужно разрешить в Вашем браузере всплывающие окна с сайта vln.dp.ua.
Код для такого варианта:
Не забываем вместо MP3_URL прописывать ссылку на mp3 файл, а вместо NAME - название песни!!!!!!
Ну и для тех кто не хочет возится с кодом, зайдите на http://vln.dp.ua/mp3.php, заполните два поля с названием песни и ссылкой на файл и вы получите готовые коды для вставки в дневник
|
|
Таблицы. Часть 2-я :) |
Создадим таблицу 4 строки 2 колонки
В первой строке текст размещен слева, в последней строке - справа, а в централной строке - посредине
| Первая строка. Текст1 | Первая строка. Текст2 |
| Последняя строка. Текст1 | Последняя строка. Текст2 |
| Текст1 | Текст2 |
Добавим заголовок к нашей таблице. Для этого используем тег . Для этого тега есть два параметра align - задает выравнивание заголовка и valign - определяет вверху таблицы или внизу будет выводится заголовок.
допустим только внутри тега сразу после открывающего тега.
Вид заголовка в зависимости от align будет отличаться в разных браузерах.
| Первая строка. Текст1 | Первая строка. Текст2 |
| Последняя строка. Текст1 | Последняя строка. Текст2 |
| Текст1 | Текст2 |
Если задать align="bottom" то заголовок будет внизу таблицы
| Первая строка. Текст1 | Первая строка. Текст2 |
| Последняя строка. Текст1 | Последняя строка. Текст2 |
| Текст1 | Текст2 |
Тег предназначен для создания одной ячейки таблицы, которая обозначается как заголовочная.
Текст в такой ячейке отображается браузером обычно жирным шрифтом и выравнивается по центру.
Располагается этот тег только внутри тега
Таблица с заголовками
| Заголовок1 | Заголовок2 |
|---|---|
| Текст1 | Текст2 |
Тег задает ширину и другие атрибуты одной или нескольких колонок таблицы. При наличии этого тега браузер начинает показывать содержимое таблицы, не дожидаясь ее полной загрузки. Тег можно использовать совместно с тегом , который задает группу колонок, обладающих общими параметрами.
| Текст1 | Текст2 |
| Текст3 | Текст4 |
Объеденим несколько ячеек таблицы. Для этого в теге нужно указать colspan - объеденяет горизонтальные ячейки, rowspan - вертикальные
Объеденим 2 ячейки первой строки в одну ячейку
| Текст1 | |
| Текст2 | Текст3 |
Объеденим 2 ячейки первого столбца в одну ячейку
| Текст1 | Текст2 |
| Текст3 |
И последнее. Параметры тега cellpadding - отступ от рамки до содержимого ячейки и cellspacing- расстояние между ячейками.
| Текст1 | Текст2 |
| Текст3 | Текст3 |
Вот собственно и все :))
|
|
Делаем открытку со стихами |
Сделаем открытку со стихами. Ввиду того что я ленивый и мне лень искать для примера фоны и текст стихов, я позаимствовал все это у inmira с её поста http://www.liveinternet.ru/users/inmira/post99542587/.
- Фон для рамки
- Фон для текста и картинки
- Картинка.
Коды картинок ( видны при редактировании черновика или поста )
Размеры картинок уменьшены что бы они не занимали много места в посте
Сделаем рамку для открытки. Для этого построим таблицу 1х1 - одна строка, один столбец. Для таблицы пропишем background.
В background укажем ссылку на фоновую картинку для рамки
Что бы получилась рамка нужно "лишнее" пространство залить фоном для текста и рисунка.
Что бы это сделать нужно указать background для ячейки тяблицы
Получилось не совсем то что мы хотели. Это потому что мы "забыли" указать отступ от границы таблицы до ячейки таблицы.
Исправим это дописав в тег <table> параметр cellspacing
И все равно ничего не получилось. Все это потому что в дневнике, для таблицы в глобальных стилях указано border-collapse: collape и из-за этого cellspacing игнорируется
Что бы это исправить нужно к <table> добавить стиль style="border-collapse: separate;"
Ура! У нас есть рамка :). Все что нам осталось это вставить в ячейку таблицы рисунок и текст стихов
|
Весь год, не соврав никому ни на грошь,
Мы ждем, как небесную манну,
Тот день, когда можно удариться в ложь,
Невинно придаться обману!
Набрав арсенал завиральный идей,
С кощунственным трепетом в теле
Мы ловим доверчивых честных людей,
Забывших о первоапреле.
И мы их находим, смиренных ягнят,
Простецки развесивших уши.
И стрелы обмана со свистом летят
В их светлые, чистые души.
Но первоапрельский веселый обман -
Сердечная наша потеха.
И стрелы не кровь высекают из ран,
А добрые искорки смеха.
О, как же он весел и как же хорош,
Пришедший на смену метелям,
Тот праздник, во смех превращающий ложь!
Сограждане, с первым апреля!
|
Не все так просто :). Во первых текст расположен не справа от рисуна, а под ним. Во вторых текст нечитаемый из-за того что цвет текста черный и размер шрифта маленький.
Что бы текст располагался справа от рисунка добавим в код рисунка align="left" в этом случае рисунок будет располагаться слевой стороны ячейки, а текст будет "обтекать" его справа.
Что бы изменить цвет текста и размер шрифта добавим к <td> стиль style="color: #fffcfc; font-size: 18px;". Цвет текста #fffcfc, размер шрифта 18px.
|
Весь год, не соврав никому ни на грошь,
Мы ждем, как небесную манну,
Тот день, когда можно удариться в ложь,
Невинно придаться обману!
Набрав арсенал завиральный идей,
С кощунственным трепетом в теле
Мы ловим доверчивых честных людей,
Забывших о первоапреле.
И мы их находим, смиренных ягнят,
Простецки развесивших уши.
И стрелы обмана со свистом летят
В их светлые, чистые души.
Но первоапрельский веселый обман -
Сердечная наша потеха.
И стрелы не кровь высекают из ран,
А добрые искорки смеха.
О, как же он весел и как же хорош,
Пришедший на смену метелям,
Тот праздник, во смех превращающий ложь!
Сограждане, с первым апреля!
|
Уже лучше :) Но есть недоработка. Текст заползает под рисунок. Что бы этого не было поместим рисунок текст стихов в тег <div>. со стилем style="float: left" для рисунка и style="float: right" для текста.
Я приведу пример сокрашенного кода что бы было понятнее
|
Весь год, не соврав никому ни на грошь,
Мы ждем, как небесную манну,
Тот день, когда можно удариться в ложь,
Невинно придаться обману!
Набрав арсенал завиральный идей,
С кощунственным трепетом в теле
Мы ловим доверчивых честных людей,
Забывших о первоапреле.
И мы их находим, смиренных ягнят,
Простецки развесивших уши.
И стрелы обмана со свистом летят
В их светлые, чистые души.
Но первоапрельский веселый обман -
Сердечная наша потеха.
И стрелы не кровь высекают из ран,
А добрые искорки смеха.
О, как же он весел и как же хорош,
Пришедший на смену метелям,
Тот праздник, во смех превращающий ложь!
Сограждане, с первым апреля!
|
Получили практически то что хотели. Осталось привести текст стихов в "божеский" вид. Можно установить галочку "Сохранять переводы строк в тексте.", но я лучше уберу это галочку и добавлю еще один тег <pre>. Все что находится внутри этого тега будет выводится со всеми пробелами и переносами строк.
Вот мы и получили то что хотели.
Весь год, не соврав никому ни на грошь,
Мы ждем, как небесную манну,
Тот день, когда можно удариться в ложь,
Невинно придаться обману!
Набрав арсенал завиральный идей,
С кощунственным трепетом в теле
Мы ловим доверчивых честных людей,
Забывших о первоапреле.
И мы их находим, смиренных ягнят,
Простецки развесивших уши.
И стрелы обмана со свистом летят
В их светлые, чистые души.
Но первоапрельский веселый обман -
Сердечная наша потеха.
И стрелы не кровь высекают из ран,
А добрые искорки смеха.
О, как же он весел и как же хорош,
Пришедший на смену метелям,
Тот праздник, во смех превращающий ложь!
Сограждане, с первым апреля!
|
|
|
Применение таблиц |
Разместим в дневнике большое количество небольших по размеру рисунков. Для примера я взял 6 анимированных смыйликов
Для того что бы рисунки располагались горизонтально необходимо убрать галочку с "Сохранять переводы строк в тексте.".
Я специально взял смайлы разного размера. Попробуем теперь сделать вывод рисунков более логичным.
Большие смайлы в одной колонке, маленькие - в другой
Для этого построим таблицу из двух колонок и трех строк ( по количеству смайлов одного размера )
Коды рисунков смайлов ( видны при редактировании черновика или поста )
Что бы не гадать где какой рисунок я в кодах рисунков, в alt подписал рисунки. alt - это альтернативный текст который виден в том случае если рисунок по какой то причине не может быть показан
Все что теперь осталось это разместить рисунки каждый в своей ячейке таблицы
|
|
|
|
|
|
|
|
|
Ширина первой и второй колонки не одинаковые что не всегда красиво. Добавим в нашу таблицу еще одну строку Эта строка задаст ширину колонок в 200 пикселей ( можно указать ширину в процентах от общей ширины таблицы )
Что бы не загромождать код я в дальнейшем буду показывать только часть кода где делаем изменения
|
|
|
|
|
|
|
|
|
Осталась самая малость. Разместить рисунки по центру ячеек. Для этого в добавим valign="middle" и align="center"
|
|
|
|
|
|
|
|
|
Подпишем колонки. Для этого добавим вначале еще одну строку в которой вместо пропишем
| Большие смалы | Маленькие смайлы |
|---|---|
|
|
|
|
|
|
|
|
|
Добавим к каждому смайлу название.
Вид таблицы мягко говоря не очень :)
| Большие смалы | Маленькие смайлы |
|---|---|
|
Большой1
|
Маленький1
|
|
Большой2
|
Маленький2
|
|
Большой3
|
Маленький3
|
Исправим это добавив еще 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="текст" и при наведении мышки на рисунок будет выскакивать подсказка с текстом
|
|
ФОНЫ |
|
|
Метки: фоны |
ОПОЗДАЛА... |
|
|
|
Я сердце свое никогда не щадила |
|
|
Умение прощать |
|
|
|
Без заголовка |
|
Метки: рецепты |
Без заголовка |
Меня попросили помочь тем, кто только начинает учиться готовить, кто недавно вступил во взрослую жизнь. Для вас, начинающие хозяюшки, делаю этот огромный пост. Здесь будут собраны ссылки на рецепты, которые либо не требуют специальных знаний и навыков, либо которые подробно объясняют как эти самые знания и навыки получить :)))
Кстати, по моим понятиям "быстро" не значит "бедно", поэтому и рецепты будут самые разнообразные. Основной критерий - простота процесса приготовления и отсутствие каких-то специфических навыков.
Итак:
Здесь собираю малокомпонентные салаты, салаты и закуски быстрого приготовления
Здесь все вперемешку: и мясо, и рыба, и птица, и овощи. Основной критерий - быстро и просто
Здесь будут не только наипростейшие рецепты, но и рецепты, в которых очень подробно объясняется КАК приготовить то или иное блюдо
|
Метки: рецепты |
Без заголовка |
|
|
ЛЮБИМЫЙ МУЖЧИНА |
|
|
Метки: стихи |
Запах любви |
|
|
|
