-Всегда под рукой

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

 

 -Цитатник

Анечка (Anushka_M, спасибо огромное!!! - (4)

ПОЗДРАВЛЯЮ С ДНЕМ РОЖДЕНИЯ НИНОЧКУ!(Arnusha) Милая милая Ниночка! С опозданием,но от всего ...

Спасибо от души TAISA_ANDRYEVEVA! - (10)

СВЕТЛОГО, ДОБРОГО ПРАЗДНИКА, С ДНЕМ РОЖДЕНИЯ, НИНОЧКА - Arnusha!!! Пусть будет крепким з...

Любочка (laplared), благодарю тебя подружка моя!!!!!!!!!!! - (2)

Поздравляю Ниночку (Arnusha) с днём рождения   ...

Лолочка (Lola_malvina), золотце, спасибо!!!!!! - (3)

С днём Рождения, Ниночка!(Аrnusha) Прими мои самые теплые поздравления с Днем Рождения! В э...

Верочка (Дневник_Девы), огромное спасибо! - (4)

Поздравляю с Днем рождения , Ниночка! (Arnusha)

 -Рубрики

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 20.01.2009
Записей: 10387
Комментариев: 295119
Написано: 330364

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

(и еще 292168 записям на сайте сопоставлена такая метка)

Другие метки пользователя ↓

-_ хорошая литература

Простая цветная рамка с закруглёнными краями за 5 минут

Дневник

Пятница, 21 Марта 2014 г. 08:19 + в цитатник
Это простая цветная рамка с закруглёнными краями в редакторе HTML
Очень удобна, без использования фона, будете только менять цвет фона, который вам удобен. Растягивается вниз, а ширину сами будете менять.
Вот код рамочки

<center><div style="padding:100px;border-radius: 45px;width: 500px; height: px;border: 8px solid #FFFF33;background: #2C55F9;color:#ffffff;margin-bottom:100px;"><td style="padding:20px;text-align:justify"><center><span style="font-family:Times New Roman;color:#FFFFAD;font-size:24px"><i>ВАШ ТЕКСТ
или
КАРТИНКИ</i></center></div>


А ниже немного инфы о тегах в коде рамочки
кому интересно, прошу под кат
Рубрики:  Уроки

Метки:  

Как сделать свой курсор для мыши из фотографии или картинки и установить его к себе в блог Урок

Дневник

Понедельник, 03 Декабря 2012 г. 08:52 + в цитатник

Изменить на своем компьютере курсор мыши – дело одной минуты. И иногда, чтобы как-то разнообразить внешний вид рабочего стола, некоторые из нас меняют облик маленького указателя. В интернете можно найти большое количество готовых курсоров для мыши и установить на свой компьютер. Но в сети также есть онлайн сервисы, с помощью которых можно сделать свой оригинальный курсор для мыши, к примеру, из фото или картинки, и установить его на свой компьютер. А если у кого есть свой блог на бесплатной площадке в ya.ru, mail.ru, livejournal или на blogspot, можно поставить свой «шедевр» для отображения на страницах блога. Так сказать, выделить свои записи и комментарии на страничках новым курсором. О том, как делать свои курсоры для мыши и устанавливать на бесплатные блоги, я и хочу поделиться с вами уважаемые читатели. Итак,заходим СЮДА и читаем урок.
Рубрики:  Уроки

Метки:  

Делаем аудиоплеер без фотошопа.(онлайн и бесплатно)

Дневник

Среда, 24 Октября 2012 г. 07:54 + в цитатник


Делаем аудиоплеер



Друзья !!! Уже немало лестных слов было сказано про замечательный сайт Photo Editor Online
Сегодня я хочу рассказать как сделать аудиоплеер.
Рубрики:  Уроки

Метки:  

Помощник в выборе фона. Урок

Дневник

Среда, 28 Марта 2012 г. 07:30 + в цитатник
Просто незаменимый помощник в выборе фона к любой вашей работе.Будь-то дизайн вашего дневника, текст в рамочках и не только в них. Кто плохо ориентируется в подборе цветовой гаммы в своих работах. На Я.ру эта программа помогает выбрать фон под шапку. В общем, мне она очень помогла, когда я только начинала осваивать весь этот мир - шрифты,открытки, рамочки и т.д. Программа сама подбирает фоны. С помощью скринов, вы поймете,что там все просто,ничего сложного. Итак, жмем на эту картинку и попадаем на сайт-генератор

Рубрики:  Уроки

Метки:  

Как правильно использовать "кнопки, убирающие текст под кат. Урок"

Дневник

Вторник, 31 Января 2012 г. 07:07 + в цитатник

По многочисленным просьбам объясняю, как правильно пользоваться кнопками, с помощью которых,текст убирается под кат. Ими можно и не пользоваться, но мы делаем некоторые посты, где эти кнопочки украшают пост и всем понятно, что нажав на нее, попадаешь на страничку автора и пост откроется целиком. Итак, возьмем пока вот эти две кнопочки:

Вот код одной из них, в данном случае второй кнопки:

<img src="//img-fotki.yandex.ru/get/6608/39663434.1aa/0_78a2e_d0a4bc72_XS.jpg" alt="" width="23" height="49"/>



Для начала еще раз повторяю код, с помощью которого текст убирается под кат, вот он:

[more]



Если поставить только этот тег(сами решаете, в какое место его поставить), то автоматически остальная часть уберется под кат
Можно и вписать свой текст, ну например такой:

[more=Самое интересное под катом]


Здесь читатель увидит эти слова и нажав на них,прочитает текст целиком.
Надеюсь, с эти мы разобрались с вами. А теперь про кнопки.
Если вы поставите вот так, как я указала в рамочке ниже, то будет стоять одна кнопочка, без текста и она будет кликабельна. И нажав на нее, читатель увидит пост целиком.

[more=<img src="//img-fotki.yandex.ru/get/6608/39663434.1aa/0_78a2e_d0a4bc72_XS.jpg" alt="" width="23" height="49"/>]


В рамочке после слов more=следует код кнопочки, вы выбираете свою кнопочку и вставляете в квадратные кнопки полностью код. Повторюсь, что в этом случае будет стоять одна кликабельная кнопочка,но без текста.
Можно и с текстом, кому как нравится. С текстом все должно будет выглядеть вот так, то есть мы должны будем добавить в код, который выше, свой текст:

<center>[more=
<center><img src="//img-fotki.yandex.ru/get/6608/39663434.1aa/0_78a2e_d0a4bc72_XS.jpg" alt="" width="23" height="49"/><center>ЖМИ]


Вот что должно получится, когда вы поставите этот код:
[more=

ЖМИ]
Здесь пришлось показать в коде,потому что в отличие от Я.ру, на Ли.ру два раза убирать под кат нельзя,картинка просто не будет видна.А вот на Я.ру можно.

По поводу кнопочек, которые указывают в сторону, я их использую редко и в том случае, когда надо нажать на баннер,например. То есть рядом должна стоять картинка, на которую надо нажать, на что и будет указывать кнопка.Так же все ставим, как и в последнем коде, только вместо текста, в моем случае слово "ЖМЁМ", вот вместо него ставим картинку баннер, точнее код баннера, чтобы читателю было понятно, на что он должен нажать, кнопка указывает направление...
И последнее, код кнопок не должен быть кликабельным, то есть в нем не должно стоять вот этой части кода, которая ведет на посторонний ресурс:

<a href="адрес сайта,откуда картинка">


В противном случае,пост не откроется, а ссылка приведет на сайт, например на РАДИКАЛ, как ошибочно тут думают, ставя коды оттуда. Какие будут вопросы, пишите в личку, всем отвечу. Завтра напишу вам, как сделать рамку с прокруткой.Удачи,экспериментируйте!


Рубрики:  Уроки

Метки:  

написание текста по окружности и по кривой линии урок по фш

Воскресенье, 22 Января 2012 г. 01:23 + в цитатник
Это цитата сообщения Нэнси5 [Прочитать целиком + В свой цитатник или сообщество!]

Уроки по Фотошоп от Геннадия Хвойникова
Конечный результат будет выглядеть так:

Итак, Написание текста по окружности и по кривой линии...

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

Метки:  

как обычную картинку поместить на анимированую

Воскресенье, 18 Декабря 2011 г. 19:47 + в цитатник
Это цитата сообщения zomka [Прочитать целиком + В свой цитатник или сообщество!]

Рубрики:  Уроки

Метки:  

Окантовка текста.Рамочка

Понедельник, 14 Ноября 2011 г. 20:53 + в цитатник
Это цитата сообщения Галерея_Дефне [Прочитать целиком + В свой цитатник или сообщество!]

Доброго времени суток дорогие мои читатели!
Решила поделится с вами еще одним вариантом украшения поста.
Для этого я вам предлагаю сделать такую рамочку,а точнее окантовку вашего текста.Окантовка автоматически будет соответствовать цвету вашего шрифта в дневнике,а картинку вы меняете сами,вставляя только ее адрес.
©defne 1 (32x32, 1Kb)
Огромное количество картинок с кодами,а так же линеечки,смайлики и многое другое найдете нажав на баннер
©defne 15 (199x131, 58Kb)
©defne 1 (32x32, 1Kb)©defne  kalp1 (20x19, 4Kb)©defne 1 (32x32, 1Kb)

©defne 1 (32x32, 1Kb)©defne  Читать далее (151x29, 5Kb)©defne 1 (32x32, 1Kb)
Рубрики:  Уроки
рамки друзей

Метки:  

Как вставить код любого изображения в аккуратную рамку (урок)

Дневник

Воскресенье, 13 Ноября 2011 г. 07:16 + в цитатник


Большинство из вас выставляют посты с картинками, анимацией и т.д. А под ними коды. Коды бывают разные... Мне например, не нравятся некоторые из них - широкие, некрасивые и не аккуратные. Хочу вам предложить коды, которые я использую постоянно. А нужно это вам или нет, решайте сами.
Вот код окошка, в которое вставляется код:


<input type='text' size='35' value='<ВАШ КОД>'>


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

Метки:  

Как создать плейлист на Привет.ру Урок.

Дневник

Среда, 02 Ноября 2011 г. 08:51 + в цитатник

Меня многие спрашивают,как создать плейлист на сайте privet.ru.
Сейчас мы с вами пройдем пошагово, и я постараюсь показать вам все на скринах.
А если что будет непонятно кому, обращайтесь,спрашивайте.
Итак: заходим на сайт и регистрируемся. Регистрация бесплатная.
После регистрации видим эту страничку:

ПОЕХАЛИ
Рубрики:  Полезности
Уроки

Метки:  

Блестящий или анимированный текст за 5 секунд..Урок

Дневник

Пятница, 28 Октября 2011 г. 08:09 + в цитатник



Жмите на картинку!!! А там все просто! От себя добавлю, когда получите код готового текста , то желательно первую часть кода удалить,она начинается с тега

<a href="первая часть кода">

, а дальше идет код текста

<img src="вторая часть кода">

.
Вот его и вставляем куда нам надо. Это для того, чтобы текст не был кликабельным и не вел на посторонний ресурс.Удачи!


Arnusha
Рубрики:  Полезности
Уроки

Метки:  

Добавление в дневник сообщений по почте. Как это делать и зачем это нужно? (Часть1)

Суббота, 15 Октября 2011 г. 20:59 + в цитатник
Это цитата сообщения Rost [Прочитать целиком + В свой цитатник или сообщество!]

Часть 1.
Текстовый формат письма

Внесу в очередное дополнение.

Для начала рекомендую прочесть официальную инструкцию.
Прочитали?
А теперь я вам расскажу ещё раз,
как добавлять сообщения через почту
Рубрики:  Полезности
Уроки

Метки:  

Сайт для хранения ваших флеш-файлов.. и не только

Среда, 05 Октября 2011 г. 23:13 + в цитатник
Это цитата сообщения zomka [Прочитать целиком + В свой цитатник или сообщество!]



День добрый , мои хорошие!
Сегодня как и обещала я расскажу вам о "101 способе" хранения ваших флеш-файлов на новом хостинге..До сих пор мы могли прямую ссылку на них брать только на Ли ру...Ну , или по крайней мере, это был самый удобный способ..А сегодня я вас знакомлю с очень удобным и простым сайтом, на который вы можете загрузить свои файлы и в итоге получить готовые ссылки на все виды кодов...это и HTML rод для Я ру и BB код для форумов...и код для ЖЖ ..ну и еще кое что...Много не буду говорить...Итак..Поехали!!
жмем на кнопочку


Рубрики:  Полезные программы
Полезности
Уроки

Метки:  

Читаем почту в свое удовольствие!Настройка "Ленты Друзей"!

Вторник, 04 Октября 2011 г. 23:01 + в цитатник
Это цитата сообщения Defne [Прочитать целиком + В свой цитатник или сообщество!]

Всем привет!Этот пост делаю для тех у кого очень большой поток писем приходит на почту.За огромном количеством ненужных на ваш взгляд писем,вы иногда можете пропустить важную информацию или нужный вам пост.А как освободить почтовый ящик совсем и быть в курсе событий своих лирушных друзей и наглядно просматривать все их посты,читать только то что вам хочется и не злиться на кучу ненужной и бесполезной на ваш взгляд информации?Это возможно так как нам предоставлен такой сервис Лиру,почему бы им не воспользоваться.Речь пойдет о "ленте друзей" и я расскажу как ее пользуюсь. Для тех кто не знает где она находится напомню что над своим аватаром нажимаете на "Друзья"
erEo6bdvn4 (177x159, 50Kb)
и попадаете в ленту где у вас присутствуют весь перечисленный ниже cписок:
2sK3chpJ4q (437x348, 198Kb)
Читать далее...
Рубрики:  Полезности
Уроки

Метки:  

Флэш анимация своими руками

Вторник, 04 Октября 2011 г. 04:22 + в цитатник
Это цитата сообщения zomka [Прочитать целиком + В свой цитатник или сообщество!]

Флэш анимация своими руками


в программе



Ну что, мои хорошие....просидела почти трое суток безвылазно у ноутбука...но...все таки осилила и добила новую для себя "изучалку" А именно...научилась делать флеш ролики небольшие и флеш открытки с календарями, часами и анимацией...И в первых строках этого урока хочу ОГРОМНУЮ БЛАГОДАРНОСТЬ выразить милому и доброму человеку под ником

Она обитает на Ли.ру...и очень мне помогла в вопросе изучения флэш-анимации....Ну , в смысле, благодаря её работам и её помощи я и решила освоить это интересное занятие...А научившись, естественно делюсь с вами....Все как обычно...Итак....Поехали...


Метки:  

Удобные кнопки расширенного редактора. Урок

Пятница, 23 Сентября 2011 г. 19:23 + в цитатник
Это цитата сообщения BraveDefender [Прочитать целиком + В свой цитатник или сообщество!]

Меня удивляет не первый раз, что пользователи (иногда, не такие уж и новенькие) не знают все прелести РАСШИРЕННОГО ТЕКСТОВОГО РЕДАКТОРА. Ведь с его помощью, без использования страшных кодов, можно легко и быстро сделать рамочку, вставить несколько фотографий и красиво разместить их в посте, поменять размер и цвет текста... И многое другое.

На данный момент на ЛиРу есть (1) простой текстовый редактор, который стоит в настройках по умолчанию. Поэтому новички иногда даже не догадываются о нем. И есть два расширенных (визуальных) редактора с кнопочками и другими прелестями — CKEditor и FCKEditor. Каким вы будете пользоваться — дело вкуса.

2 — если выбрать расширенный текстовый редактор, то появится удобная панель с кнопками, при нажатии на которые программа сама напишет специальный код. Его можно посмотреть, если нажать на кнопку «Источник» в левом верхнем углу.

Читать далее...
Рубрики:  Полезности
Уроки

Метки:  

Очень полезная HTML-ШПАРГАЛКА

Дневник

Пятница, 16 Сентября 2011 г. 08:00 + в цитатник
Советую всем сохранить ее в закладки,чтобы всегда была под рукой.
В ней есть все,что нужно и начинающим и уже опытным пользователям.
И даже кто не умеет делать рамочки,здесь есть все,чтобы за 5 минут сотворить рамку.
Удачи!
  •  
    •  
      •  

          Зачеркнутый текст <s> ТЕКСТ </s> — ТЕКСТ
          Подчёркнутый текст<u> ТЕКСТ </u> — ТЕКСТ
          Полужирный текст<b> ТЕКСТ </b> — ТЕКСТ
          Полужирный крупный <big> ТЕКСТ </big> — ТЕКСТ
          Курсивный текст<i> ТЕКСТ </i> — ТЕКСТ
          Маленький текст<small> ТЕКСТ </small> — текст
          Неразрывный пробел &*nbsp; (* убрать)
          Сноска вверху <sup> сноска</sup>
          ТЕКСТ сноска
          Сноска внизу <sub> сноска</sub>
          ТЕКСТ сноска
          Отступ <blockquote> текст</blockquote> —
          отступ от отстального текста
          вот так

          Ударéние (тэг ставим после нужной буквы) — &*#769; (* убрать)
          Текст с подсказкой:
          Подведи курсор к тексту!
          <q title="текст подсказки"> Подведи курсор к тексту!</q>


манипуляции с курсором


  •  
    •  
      •  
        •  
          •  
            •  

              • Наведите курсор на текст! Это default.

              • Наведите курсор на текст! Это auto.

              • Наведите курсор на текст! Это text.

              • Наведите курсор на текст! Это crosshair.

              • Наведите курсор на текст! Это e-resize.

              • Наведите курсор на текст! Это w-resize.

              • Наведите курсор на текст! Это n-resize.

              • Наведите курсор на текст! Это s-resize.

              • Наведите курсор на текст! Это ne-resize.

              • Наведите курсор на текст! Это sw-resize.

              • Наведите курсор на текст! Это nw-resize.

              • Наведите курсор на текст! Это se-resize.

              • Наведите курсор на текст! Это wait.

              • Наведите курсор на текст! Это hand.

              • Наведите курсор на текст! Это pointer.

              • Наведите курсор на текст! Это help.

              • Наведите курсор на текст! Это move.

        • С помощью стилей можно переопределить вид курсора и выбрать один из пятнадцати доступных вариантов.



  •  
    •  
      •  
          Если вы желаете переопределить курсор мыши для всей веб-страницы целиком, а не только для ссылок, воспользуйтесь селектором BODY:
          <html>

          <head>

          <style type="text/css">

          body { cursor: crosshair }

          </style>

          </head>




  •  
    •  
      •  
          Также можно задать разный вид курсора для отдельных областей веб-страницы, используя теги DIV или SPAN:
          На этом тексте курсор примет вид перекрестья.

          Синтаксис:
          <span style="cursor:crosshair">На этом тексте курсор примет вид перекрестья.</span>

          Внимание!

          Прежде чем воспользоваться возможностью переделать вид курсора, решите, а будет ли он использоваться к месту.
          Многих пользователей подобные изменения могут ввести в заблуждение:
          когда, например, вместо традиционной «руки», появляющейся при наведении
          на ссылку, возникает нечто другое.
          В большинстве случаев лучше оставить все по умолчанию.



Тег SPAN


  •  
    •  
      •  
          Тег SPAN
          предназначен для определения встроенных элементов документа. Иначе
          говоря, Элемент SPAN определяет контейнер для внутреннего текста.
          В отличие от блочных элементов, таких как TABLE, P или DIV, с помощью
          тега SPAN можно выделить часть информации внутри других тегов и
          установить для нее свой стиль.
          Например, внутри параграфа (тега P) можно изменить цвет и размер первой
          буквы, если добавить начальный и конечный тег SPAN и определить для
          него стиль текста.
          Вот несколько примеров применения этого тега:
          ЧЕРНЫЙ ТЕКСТ ПЕРЕЧЕРКНУТ КРАСНОЙ ЛИНИЕЙ
          <span style="color:red;text-decoration:line-through;"><span
          style="color:black">ЧЕРНЫЙ ТЕКСТ ПЕРЕЧЕРКНУТ КРАСНОЙ
          ЛИНИЕЙ</span></span>



  •  
    •  
      •  
          СИНИЙ ТЕКСТ ПЕРЕЧЕРКНУТ ЖЕЛТОЙ ЛИНИЕЙ
          <span style="color:YELLOW;text-decoration:line-through;"><span
          style="color:BLUE">СИНИЙ ТЕКСТ ПЕРЕЧЕРКНУТ ЖЕЛТОЙ
          ЛИНИЕЙ</span></span>



  •  
    •  
      •  
          КОРИЧНЕВЫЙ ТЕКСТ ПОДЧЕРКНУТ ОРАНЖЕВОЙ ЛИНИЕЙ
          <span style="color:darkorange;text-decoration:underline;"><span
          style="color:brown">КОРИЧНЕВЫЙ ТЕКСТ ПОДЧЕРКНУТ ОРАНЖЕВОЙ
          ЛИНИЕЙ</span></span>



  •  
    •  
      •  
          ОРАНЖЕВЫЙ ТЕКСТ В СЕРОЙ РАМКЕ
          <span style="border:1px solid darkgray;"><span
          style="color:orange;">ОРАНЖЕВЫЙ ТЕКСТ В СЕРОЙ
          РАМКЕ</span></span>



  •  
    •  
      •  
          ЗЕЛЕНАЯ ССЫЛКА   на мой дневник   ПОДЧЕРКНУТА КРАСНЫМ ЦВЕТОМ
          ЗЕЛЕНАЯ ССЫЛКА<a href="http://arnusha.ru/"
          target="_blank" style="color:red;text-decoration:underline;"><span
          style="color:green;">   на мой дневник  
          </span></a>ПОДЧЕРКНУТА КРАСНЫМ ЦВЕТОМ



  •  
    •  
      •  
          Скоро сказка сказывается...
          <span style = "font-size: 100px;"><FONT FACE="Comic Sans
          MS"><FONT
          COLOR="#FF0000">С</FONT></FONT></span>коро сказка
          сказывается...
          Д а не скоро дело делается...
          <span style = "font-size: 100px;"><FONT FACE="Monotype
          Corsiva"><FONT COLOR="#0000FF">Д</FONT></span> а не
          скоро дело делается...</FONT>
          В зависимости от того, где мы пропишем второй закрывающий тег </font>,
          текст после нашей "буквицы" будет набран таким же шрифтом или вернется в
          свое исходное состояние, обусловленное стилем страницы. Во втором
          предложении этот тег поставлен только после многоточия, а в первом
          после буквы "С".


Бегущая строка


  •  
    •  
      •  

          1. <MARQUEE>Ваш текст</MARQUEE>
          Вот так!
          2. <MARQUEE style="HEIGHT: 50px" direction=up>Ваш текст</MARQUEE>
          или так
          3. <MARQUEE style="HEIGHT: 50px" direction=down>Ваш текст</MARQUEE>
          ну и вот так
          4. <MARQUEE style="WIDTH: 200px" direction=right>Ваш текст</MARQUEE>
          или даже так
          5. <MARQUEE style="WIDTH: 200px" direction=left>Ваш текст</MARQUEE>
          а уж так!
          6. <MARQUEE style="WIDTH: 200px" behavior=alternate>Ваш текст</MARQUEE>
          и так можем
          Переменные:
          HEIGHT высота "окошка", в котором двигается текст;
          WIDTH расстояние, на которое перемещается текст.
          Можно ли уменьшить скорость прокрутки при использовании тега marquee?
          Так вот, для этого необходимо в открывающий тег добавить параметр scrollamount="Х", где Х — скорость прокрутки от 1 до 9.
          Результат будет выглядеть так:
          <MARQUEE style="WIDTH: 200px" direction=right scrollamount="Х">



  •  
    •  
      •  

          Тег <marquee> заставляет двигаться не только текст, но всё, к чему он относится.
          Пример:


  •  
    •  
      •  

          Синтаксис: <MARQUEE><img src="ros.gif"></MARQUEE>



Работаем с графикой


  •  
    •  
      •  
        •  
          •  
            •  

        • Чтобы превратить изображение в ссылку:

          Синтаксис:
          <A class=link_main title="Дневник Arnusha"
          href="http://arnusha.ru/ target="_blank"
          ><img src=bab.gif BORDER="0"></A>



  •  
    •  
      •  
        •  
          •  
            •  
                По-моему, это камелия
        • Если нужно просто
          дать пояснение к своей картинке, то для того, чтобы получить всплывающую
          строку, нужно вписать тэг ALT="Пояснение"

          Синтаксис: <img src=kam.gif ALT="По-моему, это камелия" >



  •  
    •  
      •  
        •  
          •  
        • Изображение-ссылка, открывающаяся в новом окне:

          Синтаксис: <a href="1.html" target="_blank"><img src="okno.gif" border=0></img></a>



  •  
    •  
      •  
          Текст между двумя картинками:

Это такой красивый ирис
а это такой красивый подсолнух
"...Бабочки рассказывали ей свои секреты, а Цветы наперебой звали
покачаться вместе на тонких стебельках.
Но у нее был друг. К самому большому и красивому Цветку на поляне
торопилась она каждое утро, чтобы вместе полюбоваться прозрачными
капельками росы, в которых отражается весь мир!..."
  •  
    •  
      •  
          Синтаксис:
          <IMAGE ALIGN="LEFT" VALIGN="MIDDLE" SRC="адрес картинки"
          ALT="комментарий">
          <IMAGE ALIGN="RIGHT" VALIGN="MIDDLE" SRC="адрес картинки"
          ALT="комментарий">
          Текст между двумя картинками.
          Атрибут ALT - это маленький всплывающий комментарий, но в данном случае можно обойтись и без него.



  •  
    •  
      •  
          Фон под сообщением:
          А
          у нас наступило лето...
          Затопило нас ярким светом, и жара. Только ранним утром с побережья
          приносит бриз.А в Москве - снова дождь по крышам; будто чья-то улыбка
          свыше, будто радость пригоршней щедрой - звонко с тучки на тучку -
          вниз...Тех, на дождь кто ворчит, не слушай, а смелей - босиком по лужам,
          подставляя ладони брызгам, переливчатым, как алмаз. Улыбнись случайным
          прохожим; ну а вдруг нарисует дождик , пусть пунктиром, пусть неумело -
          там, под струями, вместе нас?

          Синтаксис:
          <table width=100% border="0" cellspacing="8" cellpadding="0"
          background="URL"><tr><td><font color=#FFFFFF font
          face=georgia font size=3>Ваш текст
          сообщения</font></td></tr></table>
          • Вместо URL подставляем адрес фоновой картинки
          • На свой вкус и усмотрение меняем цвет, размер и начертание текста


Линии и рамочки


  •  
    •  
      •  
          Рисуем линии:
          1.

          2.

          3.

          Синтаксис:
          1.<HR>
          2.<HR size=3 color=#FF0000>
          3.<HR size=6 color=#00B344>
          Переменные:
          SIZE толщина линии
          COLOR цвет линии



  •  
    •  
      •  

          Линии бывают всякими:
          1.

          2.

          3.

          Синтаксис:
          1. <hr color="red" width="50%" size="9" style="border: dotted 5pt; border-color: red ">
          2. <hr color="black" width="50%" size="5" style="border: dashed 5pt; border-color: Forestgreen ">
          3. <hr color="blue" width="50%" size="7" style="border: dotted 5pt; border-color: red ">
          Переменные:
          WIDTH длина линии в процентах по отношению к экрану
          SIZE размер элементов
          DASHED пунктирная линия
          DOTTED точечная линия
          COLOR цвет элементов



  •  
    •  
      •  
          Рисуем рамочки:
          1.
          2.
          3.
          Синтаксис:
          1. <blockquote style="border:3px #00B344 dashed; padding: 15px;
          margin:0px 0px 0px 0px;">Здесь будет Ваш текст</blockquote>
          2. <blockquote style="background-color: #FFE4B5; border:3px #BC8F8F
          solid; padding: 10px; margin:0px 0px 0px 0px;">Здесь будет Ваш
          текст</blockquote>
          3.<blockquote style="border:3px #DA70D6 solid; padding: 5px;
          margin:0px 0px 0px 0px;">Здесь будет Ваш текст</blockquote>
          Переменные:
          border:3px #ff0000 толщина рамки в пикселях и её цвет
          background-color: #ffff00 цвет фона рамки
          dashed пунктир
          solid непрерывная
          padding отступ текста от рамки внутри
          margin отступ от текста снаружи (если рамка находится внутри текста)



  •  
    •  
      •  

          В рамки можно помещать не только текст, но и картинки:


          Синтаксис:
          <blockquote style="background-color: #E0FFFF; border:3px #87CEEB
          solid; padding: 15px; margin:0px 0px 0px 0px;"><img src=pp.gif
          BORDER="0">Первый поцелуй!</blockquote>


И такая рамочка


  •  
    •  
      •  

          Синтаксис:
          <FIELDSET><LEGEND align="center"><B><font
          color=#FFA500>И такая
          рамочка</font></B></LEGEND></FIELDSET>
          Параметр align выравнивает относительно одной из сторон документа,
          значения: left, right, или center


Разноцветные рамочки


  •  
    •  
      •  
          Синтаксис:
          <blockquote style="BORDER-LEFT: #F70000 3px solid; padding: 15px;
          BORDER-TOP: #119931 3px solid; padding: 15px; BORDER-BOTTOM: #E3AF40 3px
          solid; padding: 15px;BORDER-RIGHT: #924E96 3px solid" padding:
          15px></blockquote>
          padding отступ текста от рамки внутри.

      • Я
        принесла тебе поляну. На завтрак. Пока несла ее, все откусывали от нее
        по чуть-чуть и не верили вкусу земляники. Хорошо, что на поляне сидел
        тушканчик. Он-то и объяснял всем, что в мире нет ничего особенного, что
        это просто девочка несет поляну на завтрак своему другу. Лесную. С
        земляникой. Ну и что. Не всем же кофе в постель.





  •  
    •  
      •  
          Можно добавить картинку:

  •  
    •  
      •  
          Синтаксис для картинки:
          <img src="k.jpg" align="right">


      • Потом
        достать смешные акварели, изрисовать в нелепые цвета. Потом себя в
        оранжевый покрасить. Ты будешь – Солнце, вечное, всегда. И возле солнца –
        ангелы и бесы, песочницы, гитары, звон монет, коты и кастаньеты,
        апельсины, смешные дети, сильные мужчины. И в центре – твой улыбчивый
        портрет.




Кнопочки


  •  
    •  
      •  
        •  
          •  

  •  
    •  
      •  

          Синтаксис:
          <BUTTON title="Текст-пояснялка к кнопке"><TABLE
          border=5><TBODY><TR><TD><CENTER><FONT
          color=#BA55D3 size=4>Название
          кнопки</FONT></CENTER></TD></TR></TBODY></TABLE></BUTTON>



  •  
    •  
      •  
        •  
          •  
            •  
              •  

        • Кнопочка-посылалка:
          Синтаксис:
          <form action="http://arnusha.ru/"
          target="_blank" method="get"><input type="submit"
          value="Дневник Arnusha"></form>



  •  
    •  
      •  

          Цветная кнопочка с картинкой

          Синтаксис:
          <form action="URL" method="get"><button style="BACKGROUND:
          #8080ff; WIDTH: 150px" type="submit"><img src="URL
          картинки"></button></form>


Некоторые специальные символы


  •  
    •  
      •  

          Некоторые символы не входят в базовую часть таблицы кодов ASCII. К ним
          относятся буквы алфавитов части европейских языков, математические и
          некоторые другие символы.
          Некоторые символы, введенные в HTML документ будут интерпретироваться
          не так, как задумал автор. Это, например, символы "<" и ">",
          используемые для указания тегов.
          В этих случаях можно вводить нужные символы с помощью специальных кодов.
          Коды начинаются с символа "амперсанд"(&). За ним следует
          название символа, либо его числовой код в десятичной или
          шестнадцатеричной системе. Завершает код символ "точка с запятой" ;
          Пишу разреженно, чтобы можно было прочитать код:
          & quot; - двойная кавычка "
          & amp; - амперсанд &
          & lt; - знак 'меньше' <
          & gt; - знак 'больше' >
          & nbsp; - неразрывный пробел
          Общая пунктуация:
          & ndash; - тире –
          & mdash; - длинное тире —
          & lsquo; - левая одиночная кавычка ‘
          & rsquo; - правая одиночная кавычка ’
          & sbquo; - нижняя одиночная кавычка ‚
          & ldquo; - левая двойная кавычка “
          & rdquo; - правая двойная кавычка ”
          & bdquo; - нижняя двойная кавычка „
          И даже карточные масти:
          & spades; - знак масти 'пики' ♠
          & clubs; - знак масти 'трефы' ♣
          & hearts; - знак масти 'червы' ♥
          & diams; - знак масти 'бубны' ♦



  •  
    •  
      •  
          Пример:

          ♣   ♣   ♥   ♥


          Синтаксис:
          <aligh=center><font color="red" size=7>&*clubs;   &*clubs;   &*hearts;   &*hearts;</font>
          (* убрать)

Arnusha

Рубрики:  Полезности
Уроки

Метки:  

Убираем ненужный фон с картинки,но при этом делаем ее на прозрачном фоне.Урок.

Дневник

Четверг, 08 Сентября 2011 г. 08:18 + в цитатник

Вам понравилась картинка,например,букет цветов,но она на другом фоне.Как сделать так,чтобы она была на прозрачном фоне,и убрать с картинки, или
с фотографии ненужный фон?
Возьмем,для примера,самую простую картинку, с чашечкой кофе. Было

Стало. Хотя и сделано очень грубо, но видно что фон исчез.

Читать далее...
Рубрики:  Полезности
Уроки

Метки:  

Урок.Обрамляем текст в рамку.Быстро.

Дневник

Воскресенье, 21 Августа 2011 г. 07:39 + в цитатник

УРОК ДЛЯ ТЕХ,КТО НЕ ЗНАЕТ КАК ОКРУЖИТЬ ТЕКСТ РАМОЧКОЙ.

Вот так будет выглядеть текст в рамке


Для этого есть код,вот он:

<div style="border: 2px solid orange; width: 400px; text-align: center;"><b>Нужный текст</b></div>

А теперь я объясню,что есть что в этом коде:

Это - "style="border: 3px solid orange;" - свойства вашей рамки:

("3px") - толщина рамки

("red") -  цвет рамки (я поставила красный)

Параметр "width: 100px" описывает ширину рамки (в пикселях).

Внимание: здесь учитывайте объем текста.В моем случае стоит 400px,
а если,например,всего два слова,то надо уменьшить до 100px или 200px.
Примеряйте по месту.Думаю понятно,да?

Параметр "text-align: center" -сами поняли-текст.Можете поставить любой,какой нравится..

  • "left" - Выравнивание текста по левой границе;

  • "right" - Выравнивание текста  по правой границе;

  • "center" - Выравнивание текста по центру;

  • "justify" - Выравнивание текста по правой и левой границам.




Всем привет!




Arnusha
Рубрики:  Полезности
Уроки

Метки:  

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