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

 -Подписка по 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

Выбрана рубрика Уроки .


Другие рубрики в этом дневнике: Это интересно(290), ЦВЕТЫ(346), цветовые коды(13), Худ.галерея(369), хлеб(53), Фоны текстуры(231), Флора и фауна(65), Флеш-часики(202), Флеш-плееры(47), Флеш-картинки(172), украшалочки для дневников и постов(321), торты'пирожные'печенье(145), Тесты(12), творожная/сырная выпечка(83), Супы(25), Стихи и проза(284), Смайлики(89), свечи(21), Салаты и закуски(119), С днём рождения(25), Рукоделие(105), Рецепты ЗОЖ(248), Рассказы и притчи(31), Рамочки-золото,серебро(17), рамочки для постов(1061), рамочки для поздравлений(73), рамочки для записей(20), рамочки бордюрные(393), рамочки 'черный фон'(37), рамочки 'цветочный фон'(192), рамочки 'фон цвета фуксии'(15), рамочки 'фон красный и бордо'(56), рамочки 'фон желтый оранжевый'(26), рамочки 'фон валентинки'(18), рамочки 'фиолетовый и розовый фон'(108), рамочки 'синие голубые'(109), рамочки 'светлый фон'(70), рамочки 'Рождество'(65), рамочки 'осенний фон'(106), рамочки 'музыкальный фон'(16), рамочки 'коричневый и бежевый фон'(80), рамочки 'зимний фон'(255), рамочки 'зеленый фон'(114), рамочки 'весенний фон'(67), рамочки 'блокноты'(19), рамочки '8 Марта'(27), рамки друзей(71), рамки 'приват'(21), Разделители для текста(154), Приколы и юмор(71), Православие(46), пончики(0), Полезные советы(285), Полезные сайты(21), Полезные программы(84), Полезности(124), позируют дети png(22), поздравления(156), пожелания(32), пирожки'булочки'пироги(177), персонажи png(60), пельмени'манты'вареники(3), пейзажи png(121), пасхальные элементы(28), открытки(358), осень 'пейзажи'(68), они хотят жить(58), общество(397), обои для рабочего стола(203), новый год и рождество(242), новости и политика(111), натюрморты(14), мысли вслух(203), мы помним(61), музыкальные открытки(32), музыка всех поколений(281), Мужчины,пары(17), мои рамочки с коллажом(331), мои рамочки для текста(1780), мои поздравления(59), мои обращения(69), личное(175), лето 'пейзажи'(34), кумиры(54), кулинарная книга(1346), креатив,фантазии(12), красочные фразы для комментов(90), красота и здоровье(97), котоматрица(67), коллажи(21), кнопки переходы (8), клипарт(808), кино'мультфильмы(25), кексы'маффины (105), картинки с движущейся водой(6), информеры(10), интернет(58), интересные фото(217), зима 'пейзажи'(45), заготовки,элементы png(129), заготовки 'для коллажей'(22), домашние животные(120), для меня 'приват'(26), декоративные элементы(290), декор из скрап.наборов(170), декор для дизайна(517), девушки png(194), дары природы десерт(31), выпечка(1092), вторые блюда(168), видеоролики про животных(45), видеоролики(90), весна 'пейзажи'(51), в мире животных(26), беляши'чебуреки'блины(21), анимация(462), аватары(29), sos(36), MORE(4)

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

Дневник

Вторник, 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="адрес сайта,откуда картинка">


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


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

Метки:  

Старое о главном."Как правильно скопировать код в рамке под картинкой"и не только об этом... Урок

Дневник

Понедельник, 23 Января 2012 г. 07:03 + в цитатник

Друзья мои, еще раз хочу повторить урок.Очень много таких вопросов задают мне в комментах, причем не только новички. И очень часто вместо картинок, я вижу часть кода, либо без начала, либо без конца. Итог: картинки нет, одна абракадабра. Я не всегда выставляю удобные коды под картинками, когда можно не напрягаясь скопировать код, там все просто,поставил курсор и не отпуская его, а чуть сдвинув вправо, код сам,так сказать "двинется",а мы держим курсор,не отпуская, пока он не закончится.При этом не забываем главное, что он должен весь посинеть, с самого начала и до конца и только тогда отпускаем клавишу мыши. тут все просто как дважды два.
Но есть и другой способ размещения кодов в рамке, где видно только начало кода и в данном случае, скопировать как я описала выше, просто нельзя. Вот остановимся более подробно. И пожалуйста, читайте внимательно и тот кто хочет научится правильно копировать, этот урок всегда держите у себя под рукой. Чтобы потом опять не "метаться" и расспрашивать, а как,а почему и т.д.?
Итак: перед вами смайлик с кодом под ним

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

Метки:  

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

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

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

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

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

Метки:  

как в фотошопе анимацию поставить на анимированную картинку

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

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

Метки:  

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

Воскресенье, 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.
Текстовый формат письма

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

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

Метки:  

Программа для создания анимационного текста

Дневник

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

SWFText-программа для создания анимационного текста.


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

Метки:  

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

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



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


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

Метки:  

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

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

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

Метки:  

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

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

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

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

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

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

Метки:  

Урок по картинкам-анкорам.

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

Ну вот наконец-то я решил проблему с микрофоном. Правда, приходится пользоваться пока самым простым. Так что прошу за звук сильно не ругаться. Это мой первый эфир, поэтому много лишних слов. Дальше будем исправляться. На мой никакой английский прошу тоже закрывать глаза - я его вообще не знаю. Говорю как могу.

Учимся копировать с сайтов картинки или анимашки для комментирования постов и вставлять их в комментарии. Картинки уже не будут являться анкорами - активными внешними ссылками. Собственно чего я добиваюсь от своих читателей. Итак, смотрим и повторяем:


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

Метки:  

Очень полезная 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
Рубрики:  Полезности
Уроки

Метки:  

Как сохранить флешку на комп...

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





В последнее время у нас на страничках появилось много флешек...Это и часики..и календарики и просто информеры , эпиграфы..
.И многие научились "вытаскивать" из них коды и вставлять в теги -шаблоны , а потом размещать их у себя на странице..даже если нет кода...Это понятно, когда есть интернет-можно запросто просмотреть эту самую флешку, а вот когда его нет...когда работаем автономно, без сети...как можно увидеть понравившуюся игрушку??.Значит надо научиться сохранять их на свой жесткий диск....
Так вот этот урок ДЛЯ ВСЕХ...и тех кто это умеет...и тех кто этого никогда не делал))))..Ну а те , кто умеет просто посмотрите и все что вам не нужно,выкиньте из вашей умной головушки.....Итак...Я вам буду рассказывать . как это сделать в Мазилле...потому что привыкла к браузеру и хорошо его знаю...еще есть ссылка на Хром...но объяснять буду имеено на Мазилле А чтобы меньше говорить, приступим....

 (255x32, 8Kb)
Рубрики:  Полезные программы
Полезности
Уроки

Метки:  

 Страницы: 9 8 7 [6] 5 4 ..
.. 1