-Рубрики

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

Поиск сообщений в Zoloto-WEB

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

 

 -Сообщества

 -Статистика

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

Выбрана рубрика ОФОРМЛЕНИЕ БЛОГА.


Другие рубрики в этом дневнике: ЭТО ЛЮБОПЫТНО(17), ШЬЁМ ЮБКУ(58), ШЬЁМ ШТОРЫ(6), ШЬЁМ ПЛАТЬЕ / САРАФАН(90), ШЬЁМ ЖАКЕТ/ ПАЛЬТО(11), ШЬЁМ БЛУЗКУ / ТУНИКУ(46), ШИТЬЁ И КРОЙ(221), ФРИВОЛИТЕ /АНКАРС(148), УЧИМСЯ ДЕЛАТЬ ФОКУСЫ(2), УЧИМСЯ ДЕЛАТЬ СТРИЖКИ(6), ТРАНСФОРМЕРЫ(9), ТАНЦЫ(5), Супер Няня(1), СЕРВИРОВКА СТОЛА(4), РИСОВАНИЕ(17), РАЗВИВАЕМ ДЕТЕЙ(39), ПСИХОЛОГИЯ(9), ПРОДУКЦИЯ AMWAY(4), ПРОГРАММЫ(21), ПРИЧЁСКИ ЖЕНСКИЕ(37), ПРИЧЁСКИ ДЕТСКИЕ(13), ПРИТЧИ(1), ПОЛЕЗНЫЕ АНИМАШКИ(8), Позитивное видео/фото(66), ОФОРМЛЕНИЕ БЛЮД(19), МОЁ РУКОДЕЛИЕ(15), МОДА(48), МАСТЕР-КЛАСС ПО РУКОДЕЛИЮ(113), МАКРАМЕ(22), КУЛИНАРИЯ(52), КРАСОТА(30), ИСКУССТВО(22), ИНТЕРЬЕРЫ ДЛЯ ДЕТЕЙ(19), ИНТЕРЬЕР / ИДЕИ ДЛЯ ДОМА(55), ИГРЫ(10), ЗДОРОВЬЕ(ДЛЯ ВЗРОСЛЫХ)(9), ЗДОРОВЬЕ(ДЕТСКОЕ)(7), ДЛЯ ПРИНЦЕСС(110), ДЛЯ МУЖЧИН(9), ДЛЯ МАЛЬЧИКОВ(6), ДЕТСКОЕ ТВОРЧЕСТВО(63), ДЕСЕРТ(76), ГОТОВИМ ДЛЯ ДЕТЕЙ(39), ГЕНЕРАТОРЫ(7), ВЯЗАНИЕ(53), БИСЕР(327), АКСЕССУАРЫ(114)

РАЗДЕЛИТЕЛИ ДЛЯ ТЕКСТОВ

Дневник

Понедельник, 21 Января 2013 г. 00:00 + в цитатник
Для просмотра используйте прокрутку.

















































р
Рубрики:  ОФОРМЛЕНИЕ БЛОГА

Flash-программа "Подбор цвета HTML"

Дневник

Вторник, 17 Июля 2012 г. 01:33 + в цитатник


НАЙДЕНО ТУТ
Рубрики:  ОФОРМЛЕНИЕ БЛОГА

HTML-редактор

Дневник

Пятница, 18 Мая 2012 г. 00:14 + в цитатник
Для просмотра используйте прокрутку.
НАЙДЕНО ТУТ

 Это интерфейс бесплатного HTML-редактора HtmlReader 2.5.
Размер: 3.3 Мб
Интерфейс: Русский
Платформа: Windows 98/ME/2000/XP
Скачать здесь
  Как пользоваться (Скриншоты из справки по программе и мои)

1ое действие: открыть документ или создать новый.


  Опишу некоторые операции в программе, которые вызываются через меню программы Вставка - вставка ссылки,
- вставка таблицы и т.д.
, где
URL - ссылка, target (если выбрать blank, то страница откроется в новом окне , top - прямая ссылка, self - откроется та же страница). Name - имя ссылки, title - всплывающее окно-подсказка при наведении курсора на текст ссылки, текст - надпись для ссылки. Теперь осталось нажать вставить.
3. Вставка таблицы.


  Главное здесь заполнить все необходимые поля. Вот что получилось у меня:
Рубрики:  ОФОРМЛЕНИЕ БЛОГА

Подбор параметров плеера для вставки кода с YouTube на ваш сайт

Дневник

Пятница, 18 Мая 2012 г. 23:54 + в цитатник
Для просмотра используйте прокрутку.
НАЙДЕНО ТУТ


УРОК-ПОДСКАЗКА.
Хочу поделится с Вами очень нужным и удобным сервисом.
Подбор параметров плеера для вставки кода с YouTube на ваш сайт
ССЫЛКА СЕРВИСА(САЙТА)

http://youtubecolor.ru/index.html

Сразу хочу сказать что этот сервис подходит только для социальных сетей за исключением "Моего Мира",там это не работает(цвет не меняется)
Мой результат замены цвета,все очень просто.

Чем удобен этот сервис что там можно сделать видео любого размера,а так же сделать один плеер без клипа.А еще и авто настроить.
Супер!!
Рубрики:  ОФОРМЛЕНИЕ БЛОГА

Секреты Youtube

Дневник

Пятница, 18 Мая 2012 г. 23:51 + в цитатник
Для просмотра используйте прокрутку.
НАЙДЕНО ТУТ
secters youtube
  1. Как посмотреть видео на Youtube. Одно и то же видео можно просмотреть на youtube в разном качестве. Самый простой способ улучшить качество видео, а точнее просмотреть его в более высоком качестве, это нажать на число в нижнем правом углу плеера и выбрать наибольшее разрешение ролика:

  • качество_видео_youtubeHd – это видео высокого разрешения. Есть и другие способы просмотра ролика на youtube в лучшем качестве. Для этого нужно в адресную строку просмотра видео дописать
    • ‘&fmt=18? – для просмотра видео в разрешении 480 х 270, стерео,
    • ‘&fmt=6? – ролик с разрешением 480 х 270, моно,
    • ‘&fmt=22? – разрешение 1280 x 720.
  • Читайте также Как вставить видео youtube в блог и некоторые секреты youtube по настройке размера, цвета плеера и другие настройки.
  • Вы можете настроить автозапуск видео youtube, т.е. ролик, размещенный в вашем блоге начнет автоматически проигрываться после загрузки страницы. Для этого нужно добавить в код ролика следующий отрезок кода &autoplay=1   Пример: Обычный код ролика код плеера выглядит так:
    <iframe width="640" height="360" src="http://www.youtube.com/embed/c6CyNcS4-44?rel=0&amp;hd=1" frameborder="0" allowfullscreen></iframe>
    Код видео с автозапуском:
    <iframe width="640" height="360" src="http://www.youtube.com/embed/c6CyNcS4-44?rel=0&amp&autoplay=1;hd=1" frameborder="0" allowfullscreen></iframe>
  • Если вы хотите поделится роликом с друзьями, не тратя их драгоценного времени, то вы можете предложить просмотреть ролик с определенного места, наиболее интересного. Это поможет сделать акцент на интересном моменте. Для этого прописываем в коде видеоролика #t=02m00s, где цифры перед m – количество минут, а перед s – количество секунд. Засеките, на каком месте именно начинается интересное и пропишите его в коде видео так:  <iframe width="640" height="360" src="http://www.youtube.com/embed/c6CyNcS4-44?rel=0&amp;hd=1#t=02m00s" frameborder="0" allowfullscreen></iframe>
  • Похожий секрет youtube – это вставка видео с определенного места. Отличие лишь в отрезке кода, который нужно добавить к ссылке и то, что указывается количество секунд от начала ролика. Вы добавляете код &start=30? Это означает начало запуска видео с 30 секунды. Пример:
     <iframe width="640" height="360" src="http://www.youtube.com/embed/c6CyNcS4-44?rel=0&amp;hd=1&start=30?" frameborder="0" allowfullscreen=""></iframe>
  • Как скачать видео с youtube при помощи программы save2 pc
  • Кнопка для подписки на ваш канал youtube

    Код конки:
     <iframe style="border-right-width: 0px; width: 300px; border-top-width: 0px; border-bottom-width: 0px; height: 105px; overflow: hidden; border-left-width: 0px" src=http://www.youtube.com/subscribe_widget?p=название канала youtube frameborder="0" scrolling="no"> </iframe> Вместо “название канала youtube” пропишите свое.
  • Вы можете запретить копировать код загруженного на ваш канал Youtube видео, указав это в настройках к видео:
    внешние_сайты
    Путь к настройкам видео – последовательное нажатие кнопок “Изменить информацию” –> “Настройки”.
  • Последнее о том, что я хочу написать не является секретом Youtube, но интересует многих пользователей - как вместо названия канала на youtube вставить картинку. Разочарую вас - для многих пользователей данная функуция не возможно. Вам нужно иметь посещаемый канал с огромным числом просмотров видео. Только тогда вы сможете поставить свой логотип вместо названия канала, кнопки на социальные закладки в шапку youtube и сможете заработать на рекламе от просмотра вашего видео. 
  • И последние секреты Youtube, о которых я уже писала, доступны для пользователей сервиса – звукозамена видео и добавление аннотаций (подписей) к видео.
  • Если вы знаете еще секреты Youtube, то пишите комментарииПодмигивающая рожица
    Рубрики:  ОФОРМЛЕНИЕ БЛОГА

    Записи с прокруткой

    Дневник

    Пятница, 18 Мая 2012 г. 23:46 + в цитатник
    Для просмотра используйте прокрутку.
    НАЙДЕНО ТУТ

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


    Код №1
    <div style="overflow:scroll;scrollbar-arrow-color:#000000;scrollbar-base-color: #228B22; position: width:99%;height:280px;background-image:url(' URL ');top:5px;text-align:left;text-indent:5pt">Ваш текст</div> ,

    где div - задает границы блока через переменные width и height, которые могут измеряться как в процентах по отношению к экрану или в пикселях.
    style="overflow:auto может принимать следующие значения:
    -auto означает, что скроллбар (вертикальная полоса) появляется автоматически при превышении размера текста над заданными значениями блока, или рамки.
    -scroll - полоса прокрутки обязательна независимо от размеров текста вертикальная и горизонтальная.
    -visible - отображается весь блок;
    -hidden - не влезающая часть текста будет скрыта.
    теперь рассмотрим параметры самого скроллбара:
    scrollbar-face-color - это цвет передней стороны панели прокрутки
    scrollbar-track-color - это цвет полосы, по которой "ходит" панель прокрутки.
    scrollbar-arrow-color - это цвет треугольника на верхнем и нижнем квадратах.
    scrollbar-shadow-color - это цвет нижней и правой граней панели прокрутки.
    scrollbar-darkshadow-color - это цвет тени от панели прокрутки.
    scrollbar-highlight-color - это цвет верхней и левой граней панели прокрутки
    scrollbar-3dlight-color - это цвет отсвета.
    Отражать можно не все параметры полосы прокрутки/
    Подставив в код №1 вместо 'URL ' прямую ссылку на изображение (первая строчка в Радикале или ее можно узнать в свойствах изображения (подробнее можно прочитать здесь), Ваша запись будет отображена на фоне с полосой прокрутки.
    Если перед кодом №1 поставить код изображения, заданным значением обтекания текстом картинки слева,


    то получим сообщение следующего вида.

    Оно выглядит более интересно

    Эта запись будет иметь код №2 :

    Код №2
    <img src="http://www.kom-snab.ru/templates/komsnab/images/phone.jpg" width="56" height="56" align="left" /><div style="overflow:auto;scrollbar-arrow-color:#000000;scrollbar-base-color: #228B22; position: width:99%;height:280px;background-image:url(' URL ');top:5px;text-align:left;text-indent:5pt">Ваш текст</div>

    Готовые рамочки с прокруткой можете взять здесь
    Рубрики:  ОФОРМЛЕНИЕ БЛОГА

    Шпаргалка по HTML для блоггера

    Понедельник, 30 Апреля 2012 г. 11:03 + в цитатник
    mycrib.ru/2010/07/html-html...dht52.html
    Для просмотра используйте прокрутку.

    <hr> - Линия:


    <br/> - Перенос по строке вниз;
    title="ТЕКСТ" - всплывающая подсказка;
    &nbsp; &nbsp; &nbsp; &nbsp; - пробел;
    <u>Ваш текст</u> -  Подчеркнутый;
    <s>Ваш текст</s> - Перечеркнутый;
    <b>Ваш текст</b> - Полужирный;
    <big>Ваш текст</big> - Полужирный крупный;
    <i>Ваш текст</i> - Курсив;
    <tt>шрифт "пишущая машинка"</tt> - шрифт "пишущая машинка"
    <blockquote>цитата</blockquote> - цитата

    Таблица:<table border=0 widht=52%> -
    таблица (начало)
    <tr> - строка (начало);
    </tr> - конец строки;
    Между символами <td> и </td> заключается отдельная ячейка таблицы;
    </table> - конец таблицы.
    Подробнее о таблицах здесь

    Убрать под кат:
    <cut text="Читать далее/ смотреть все картинки/и т.п."> Ваш текст, который нужно убрать под кат </cut>

    Выравнивание текста:
    <div align=right> ваш текст </div> - выравнивание по правому краю;
    <div align=justify> ваш текст </div> - выравнивание по всей ширине текста;
    <center>ваш текст, картинка</center> - центрирование.


    Списки HTML 
    Нумерованный список

    <ol type=1><li>первый элемент</li>
    <li>второй элемент</li>
    .....
    <li>N - элемент</li>
    </ol>

    1. первый элемент
    2. второй элемент
    3. ......
    4. N - элемент
    Маркированный список

    <ul type=disc>
    <li>первый элемент</li>
    <li>второй элемент</li>
    .....
    <li>N - элемент</li>
    </ul>

    • первый элемент
    • второй элемент
    • ......
    • N - элемент


    Окошко для вставки кода:
    1.
    <textarea rows="2" cols="40"> ВАШ КОД </textarea> , где cols - ширина окошка в px, а rows - число строк в окне.

    2.

    <input type='text' size='15' value='Ваш код'>

    Изменяем шрифт, размер и цвет текста:
    <span style="font-family:Monotype Corsiva;color:fuchsia;font-size:25px">Ваш текст</span> , где font-family - шрифт, color - цвет, font-size - размер.
         подробнее читать здесь

    Оформление ссылок:
    <a href="АДРЕС СТРАНИЦЫ"> ВАШ ТЕКСТ</a>
    <a href="АДРЕС СТРАНИЦЫ"><img src="АДРЕС КАРТИНКИ"></a> - кликабельная картинка,
    <a href="АДРЕС СТРАНИЦЫ" target="_blank">ВАШ ТЕКСТ</a> - ссылка откроется в новом окне.
         подробнее читать здесь

    Кнопка с выпадающим списком:
      копируем код из окошка


    Копируем код и вставляем в новую запись в формат HTML, вместо слова ССЫЛКА пишем необходимый URL адрес (ссылку, по которой нужно перейти)
    Вместо слова НАЗВАНИЕ пишем описание этой ссылки (например: главная страница)
    Вместо фразы НАДПИСЬ НА КНОПКЕ пишем слово, которое будет написано на кнопке, при нажатии на которую, мы перейдём на нужную страницу (например, Перейти)


    Пишем на картинке:
      копируем код из окошка

         подробнее читать здесь

    Обтекание картинки текстом:
    <img src="http:…" align=left hspace=20 vspace=20> , где align=left – картинка слева, текст справа
                                                                                          align=right -
    картинка справа, текст слева
                                                                                          hspace=20 -
    расстояние между текстом и картинкой 20 пикселей по горизонтали
                                                                                          vspace=20
    - расстояние между текстом и картинкой 20 пикселей по вертикали




    Ваш текст 1
    Ваш текст 2


             Подробнее читайте здесь

    Вставка флэш:

    , где "ссылка-на-файл" - адрес файла,
    width=450 height=300 - размеры флэш (можно менять)

    Делаем рамочки:
    ,
    где background - фон слоя; border-style - стиль бордюра; ridge - ранг; color -цвет; padding - ширина рамки в пикселях.
    Для текста: text-align:center - параметры выравнивания текста (центрирование); font - шрифт; font-style - стиль шрифта (italic - наклонный); color - цвет; padding - отступы.
        подробнее читать здесь

    Кнопка


    <form action="http://....." target="_blank" method="get"><button type="submit"> Надпись на кнопке </button></form>


    <form action="http://....." target="_blank" method="get"><button type="submit"><img src="адрес картинки" align="absMiddle" /> надпись</button></form>





    Бегущая строка
    < font size="5" color="red">Текст бегущей строки.



    ,
    где bgcolor-цвет фона.

    флэш-генератор:



    Фон для текста


    ВАШ ТЕКСТ



    , где:
    border="1" - толщина рамки, cellspacing="4" - расстояние между ячейками, cellpadding="25" - отступ содержимого таблицы от рамки. Все эти значения можно менять. Подробнее читайте здесь


     Flash-программа "Подбор цвета HTML"



    Источник Flash
       Кнопочки на эту шпаргалку:
           
           
           
       


    Хотите краткую шпаргалку себе в блог?
    Рубрики:  ОФОРМЛЕНИЕ БЛОГА

    Шпаргалка цветов для текста и прочего (flash)

    Дневник

    Вторник, 17 Апреля 2012 г. 16:52 + в цитатник
    НАЙДЕНО ТУТ

    Всем привет:-)
    Вот очень коротенький постик. Просто шпаргалка вам, вдруг пригодится.
    Кликаем по нужному нам цвету,- в окошке слева появится "цифровое" обозначение цвета, а в окошке справа html код, для смены цвета текста:-)


    Рубрики:  ОФОРМЛЕНИЕ БЛОГА

    Рисуем сами фоны

    Дневник

    Вторник, 17 Апреля 2012 г. 15:35 + в цитатник
    НАЙДЕНО ТУТ
    Очень даже просто! И не объязательно быть художником!

    Да, пожалуйста, можете сами рисовать фоны, фантазировать! Для начала нужно скачать Paint.NET

    Программа бесплатная.  Дальше рисование фона например, такое. Открываем программу. делаем соответствующий размер и масштаб листа, лучше квадратный. Делаем какой нибудь рисунок, можно например, залить цветом и сделать стандартные "Облака". Дальше. Выбираем Искажения и делаем например, "Стеклянную плитку". Дальше можно делать вмятины. масштабировать, или делать другие искажения. Картинку можжно сохранять и открывать в отдельном окне в Мазиле и делать фоном рабочего стола, выбирать "Рядом". Чтоб посмотреть, как они стыкуются, чтоб не было швов. Обычно программа сама хорошо подбирает стыки, особенно в режиме "Вмятины". Лишь иногда чуть приходится поправлять, подрисовывать стык. Можно также понравившийся вариант скопировать и саму картинку дальше переделывать, фантазировать. Картинка делается быстро, в течение нескольких минут, весело и непринужденно! Вот, например, фантазии на тему облаков на синем и голубом фоне!

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

    Синие и голубые фоны
    Рубрики:  ОФОРМЛЕНИЕ БЛОГА

    Супер полезный сервис!!!

    Четверг, 12 Апреля 2012 г. 14:58 + в цитатник
    Это цитата сообщения Legionary [Прочитать целиком + В свой цитатник или сообщество!]

    Для просмотра используйте прокрутку.

    1. Не умеете ставить картинки в ряд?
    2. Не получается запихнуть изображения в таблицу?
    3. Не знаете как вставить картинку на форум или блог с помощью BB кода?
    4. Не умете делать окошко с кодом вставки под картинкой такого вида?
     (133x133, 5Kb)

    5. При упоминании слова html хочется сбежать подальше?
    6.Не умеете делать нормальное кликабельное превью используя "Яндекс фотки"?

    А и не надо!



    Специально для вас создал сервис :

    Генератор BB и Html кодов для вставки изображений на сайт или блог.

    Он сам напишет за вас все коды, вам надо будет лишь их скопировать и вставить, например, в пост на лиру.

    Можете сразу сходить посмотреть, ибо все очень просто. Но на всякий случай объясню некие детали:)

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

    Для яндекс фоток:
    Берем список ссылок на изображения размером 300 в своем альбоме на яндекс фотках ( про азы работы с яндекс фотками можете почитать тут):

     (500x208, 45Kb)

    После чего, идем ко мне на сайт, на страничку Генератора.
    Вставляем скопированные ссылки в окошко и удаляем верхнюю текстовую строку:

     (498x100, 25Kb)

    Вот практически и все, осталось только отметить некие пункты, и сайт все вам "нарисует" и выдаст:)

    Значок вопроса,- это подсказка. Если навести на него курсор мышки, появится текст, который всегда вам поможет:
     (462x68, 13Kb)

    Пробуйте в общем, все понятно там:) На практике вы быстрее поймете, что и к чему:) Но если вопросы возникнут, найдете глюки,- пишите тут в комментах. Буду благодарен:)

    Чтоб вы сразу поняли что может генератор, вот вам скрин его "работы"(кликабельно) ( всего на 6 картинок, но их число не ограничено):



    P.S. Напоминаю на всякий случай,- сайт иногда может быть недоступен. Просто подождите 5-10 минут и попробуйте зайти заново:)[/more]
    Рубрики:  ПРОГРАММЫ
    ОФОРМЛЕНИЕ БЛОГА


     Страницы: [2] 1