УРОКИ НАЧИНАЮЩИМ

** Скрипты Бегущая строка Бегущая строка 2 Выравнивание картинки Горящий текст Делаем рамку сами Делаем картинку блестящй Делаем кнопки сами Меняем курсор Делаем рамки 2 Делаем рамки 3 Делаем кнопки (сайт) Таблицы Курсорчики Картинка между двумя столбцами Текст между двух картинок Рамки для заголовков Украсить Windows Ссылки на полезные сайты Уменьшение Интернет трафика (1) Установи счётчик Окошки для кодов Простые таблицы Фотошоп в разработке в разработке в разработке в разработке в разработке На главную

ФОТОШОП ДЛЯ НАЧИНАЮЩИХ

http://avata.ucoz.ru/photo / Более 30 разделов шикарных аватар

http://avata.ucoz.ru/forum/ Аватары на заказ.Корректировка аватар

http://avata.ucoz.ru/blog/1-0-4 Текстуры

http://avata.ucoz.ru/blog/2009-06-10-65 Скрап наборы для стильных открыточек

http://avata.ucoz.ru/blog/1-0-3 Уроки по колоризации и наложении текстур

http://avata.ucoz.ru/blog/1-0-1 Движение воды,волос, подмигивание

http://avata.ucoz.ru/blog/2009-08-26-76 Объединяем видео и изображение

http://avata.ucoz.ru/blog/2009-06-20-72 Эффект листопада.

http://avata.ucoz.ru/blog/2009-06-05-62 Анимация рисунка.

http://avata.ucoz.ru/blog/2009-06-03-61 Создаём эффект ветра в фотошоп.

http://avata.ucoz.ru/blog/2009-06-02-60 Сияние волос.

http://avata.ucoz.ru/blog/2009-05-19-36 Делаем анимацию из видеофайла

http://avata.ucoz.ru/blog/2009-04-24-35 Анимация – между картинками

http://avata.ucoz.ru/load/ Полезные программы

Всем привет!

Часто приходит вопрос : Как сделать текст с прокруткой в флейме?

Попробую объснить)

Сначала пишите нужный Вам текст, редактируете его по своему усмотрению, после чего в самое начало (перед Вашим текстом) вставляете вот этот код:

Значения указанные цифрами:

1 - это ширина текста по отношению к странице, сейчас стоит 100% - если хотите чтоб было меньше просто поменяйте цифру. Да и если Вам по какой-то причине не нравиться делать в процентах, то вы всегда можете изменить % на px.
2 - это высота видимого текста, стоит 300, можете по необходимости менять в большую или меньшую сторону.
3 - это отступ сверху от начала сообщения, сейчас стоит 0, если хотите, то можете поменять и флейм с текстом опустится на нужное Вам значение.
4 - это отступ с левой стороны, стоит 0, так же можете поменять на нужное Вам значение.

 

Пример) убираем весь текст во флейм, чтоб сократить длинну поста я уменьшила высоту прокрутки до 100px и поменяла отступ сверху с 0 на 20px

 

 

C этим разобрались, теперь отвечу на второй вопрос -

Как вставить прокрутку в рамочку?

Если у Вас стоит картинка в самом верху рамочки по центру, то делаете всё так же как описано выше - вставляете код в рамочку перед Вашим текстом.

 

Как вставить прокрутку в рамочку? Если у Вас стоит картинка в самом верху рамочки по центру, то делаете всё так же как описано выше - вставляете код в рамочку перед Вашим текстом. Если у Вас картинка слева или справа рамочки и Вы не хотите, чтоб было пустое пространство рядом с ней, то нужно изменить код. Возьмём для примера вот эту рамочку со вставленной в неё прокруткой:  Первое, что Вам нужно поменять, так это отступ с левой стороны, потом ширину и высоту прокрутки, для этого нужно знать размер картинки. В этой рамочке это 300х209, значит 4 пункт (отступ слева) мы меняем на 310, а 2 пункт (высота прокрутки ) мы меняем, на 200. Ширину прокрутки (пункт 1) с 100% я поменяла на 350px (под ширину своего экрана) - Вы можете поменять на нужное Вам значение Дайтека

Если у Вас картинка слева или справа рамочки и Вы не хотите, чтоб было пустое пространство рядом с ней, то нужно изменить код.

 Возьмём для примера вот эту рамочку со вставленной в неё прокруткой: 

Как вставить прокрутку в рамочку? Если у Вас стоит картинка в самом верху рамочки по центру, то делаете всё так же как описано выше - вставляете код в рамочку перед Вашим текстом. Если у Вас картинка слева или справа рамочки и Вы не хотите, чтоб было пустое пространство рядом с ней, то нужно изменить код. Возьмём для примера вот эту рамочку со вставленной в неё прокруткой:  Первое, что Вам нужно поменять, так это отступ с левой стороны, потом ширину и высоту прокрутки, для этого нужно знать размер картинки. В этой рамочке это 300х209, значит 4 пункт (отступ слева) мы меняем на 310, а 2 пункт (высота прокрутки ) мы меняем, на 200. Ширину прокрутки (пункт 1) с 100% я поменяла на 350px (под ширину своего экрана) - Вы можете поменять на нужное Вам значение Дайтека

Первое, что Вам нужно поменять, так это отступ с левой стороны, потом ширину и высоту прокрутки, для этого нужно знать размер картинки которые находятся в коде самой картинки. В этой рамочке это 300х209, значит 4 пункт (отступ слева) мы меняем на 310, а 2 пункт (высота прокрутки ) мы меняем, на 200. Ширину прокрутки (пункт 1) с 100% я поменяла на 350px (под ширину своего экрана) - Вы можете поменять на нужное Вам значение.

Дополнение)

Если Вы хотите поместить в прокрутку только часть своего поста, а не весь, то Вам нужно использовать вот эти тэги <pre> Ваш текст </pre>всё что находится между ними будет в прокрутке, что до них или после них в прокрутку входить не будет.

Вот вроде и всё) если что-то осталось не понятно, то пишите в комментах попробую объяснить подробней.

 

Оформляем блог: Солнышки

Опять понедельник? Опять день тяжелый? За окном дождь и слякоть, весна не торопится? Подарите себе и другу эти чудесные солнышки и пусть независимо от погоды Ваша душа улыбается )))

Краткая инструкция:

style="font-size:medium;">1) Для размещения картинки необходимо скопировать код из формы (та, что под каждой картинкой);

2) Вставить этот код в ПРОСТОМ редакторе в ваш новый пост или кому-нибудь в комментарии.

Солнышки

<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/jaguarra/" target="_blank"><img src="//s45.radikal.ru/i109/0903/fd/eeaf57a6afcf.png" width="318" height="281" alt=" (318x281, 87Kb)" /></a>	<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/jaguarra/" target="_blank"><img src="//s47.radikal.ru/i115/0903/e6/3e84f604b15a.png" width="255" height="255" alt=" (255x255, 7Kb)" /></a>
<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/jaguarra/" target="_blank"><img src="//i033.radikal.ru/0903/67/79612e4ab86e.png" width="300" height="288" alt=" (300x288, 8Kb)" /></a>	<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/jaguarra/" target="_blank"><br /> <img src="//s59.radikal.ru/i164/0903/75/552905a66231.png" width="308" height="331" alt=" (308x331, 12Kb)" /></a>
<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/jaguarra/" target="_blank"><img src="//i021.radikal.ru/0903/fb/e2cb18147f30.png" width="330" height="315" alt=" (330x315, 18Kb)" /></a>	<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/jaguarra/" target="_blank"><img src="//i054.radikal.ru/0903/42/18cfa24b6d41.gif" width="222" height="200" alt=" (222x200, 12Kb)" /></a>
<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/jaguarra/" target="_blank"><img src="//s58.radikal.ru/i162/0903/7f/9189ddcdf7d3.png" width="300" height="300" alt=" (300x300, 25Kb)" /></a>	<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/jaguarra/" target="_blank"><img src="//s39.radikal.ru/i085/0903/c9/4bcf37511623.png" width="300" height="300" alt=" (300x300, 21Kb)" /></a>
<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/jaguarra/" target="_blank"><img src="//s42.radikal.ru/i097/0903/bd/264549cb7f64.png" width="300" height="246" alt=" (300x246, 20Kb)" /></a>	<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/jaguarra/" target="_blank"><br /> <img src="//i071.radikal.ru/0903/ef/f59a901aec96.gif" width="281" height="291" alt=" (281x291, 5Kb)" /></a>

Вам в копилочку

Котята - Анимашки
Обезьянки - Анимашки
Рамочки Floral fantasies - 5 частей
Забавные детишки
Рамочки "Forever friends" - 2 части

     aqua    #00ffff
    grey    #808080
    navy   #000080
   silver   #c0c0c0
    black   #000000
  green   #008000
   olive   #808000
   teal   #008080
    blue   #0000ff
    lime  #00ff00
   purple   #800080
    white   #ffffff
   fuchsia  #ff00ff
   maroon   #800000
   red   #ff0000
    yellow ;  #ffff00

Полная таблица есть (например) здесь - http://www.webcorp.ru/page/webcolor.html
А самое простое - зайти в настройки, если Вы обитаете в LiveInternet'е)))
И еще мне очень нравится здесь - http://scriptic.narod.ru/html/color1.htm. Можно подобрать цвет фона (он меняется на глазах, при подведении мышки) и Вы увидите, какой цвет шрифта наиболее читабелен на избранном фоне. Выделяется любую букву с облюбованным цветом (как для копирования), потом правой кнопкой "Исходный код выделенного фрагмента" и в открывшемся окне видим код (например font color="#ff3366", т.е. цвет шрифта #ff3366).  Сверху надпись "RGB палитра 216 цветов, код:" там в окошке код цвета фона.

И Немного СSS:
background-repeat: repeat; - размножает фоновое изображение во всех направлениях (значение по умолчанию);
background-repeat: no-repeat; - запрещает фоновому изображению повторяться;
background-repeat: repeat-x; - размножает фоновое изображение только по горизонтали;
background-repeat: repeat-y; - размножает фоновое изображение только по вертикали.

(Поддерживается IE начиная с 4.0)

Линии. Разделители. Сердечки. Анимации.



Смотреть дальше, еще 15 линий >>>

Предлагаю Вам красивые анимированные разделители для оформления ваших постов.

Для вставки к себе необходимо просто скопировать код из рамки и вставить в блог в простом редакторе. При цитировании не забывайте убирать галочку из строчки "Автоматически переводить URL в ссылку"

 

<a href="http://www.liveinternet.ru/users/sheree/" _fcksavedurl="http://www.liveinternet.ru/users/sheree/" target="_blank"><img src="//img0.liveinternet.ru/images/attach/c/0/39/890/39890163_82046c988583.jpg" _fcksavedurl="//img0.liveinternet.ru/images/attach/c/0/39/890/39890163_82046c988583.jpg" width="367" height="96" alt=" (367x96, 27Kb)" /></a>

<a href="http://www.liveinternet.ru/users/sheree/" _fcksavedurl="http://www.liveinternet.ru/users/sheree/" target="_blank"><img src="//img1.liveinternet.ru/images/attach/c/0/39/739/39739837_35048975_0barre19.gif" _fcksavedurl="//img1.liveinternet.ru/images/attach/c/0/39/739/39739837_35048975_0barre19.gif" width="450" height="98" alt=" (450x98, 22Kb)" /></a>

<a href="http://www.liveinternet.ru/users/sheree/" _fcksavedurl="http://www.liveinternet.ru/users/sheree/" target="_blank"><img src="//img1.liveinternet.ru/images/attach/c/0/39/797/39797648_26436185_566217_LinieTaube.gif" _fcksavedurl="//img1.liveinternet.ru/images/attach/c/0/39/797/39797648_26436185_566217_LinieTaube.gif" width="400" height="120" alt=" (400x120, 48Kb)" /></a>

<a href="http://www.liveinternet.ru/users/sheree/" _fcksavedurl="http://www.liveinternet.ru/users/sheree/" target="_blank"><img src="//img0.liveinternet.ru/images/attach/c/0/39/913/39913437_1235058960_9.gif" _fcksavedurl="//img0.liveinternet.ru/images/attach/c/0/39/913/39913437_1235058960_9.gif" width="237" height="121" alt=" (237x121, 12Kb)" /></a>