Мои маленькие кнопочки-переходы "Далее".Часть 6.

Мои маленькие кнопочки-переходы "Далее".Часть 6.

<img src="//img-fotki.yandex.ru/get/9328/230148220.16/0_d3d51_34b325ce_S.png" /> <img src="//img-fotki.yandex.ru/get/9499/230148220.16/0_d3d43_9bdfbbc_S.png" /> <img src="//img-fotki.yandex.ru/get/4911/230148220.16/0_d3d4f_daf30ff9_S.png" /> <img src="//img-fotki.yandex.ru/get/9505/230148220.16/0_d3d2b_fd886f05_S.png" /> <img src="//img-fotki.yandex.ru/get/5201/230148220.16/0_d3d5c_f90b3de5_S.png" /> <img src="//img-fotki.yandex.ru/get/9358/230148220.16/0_d3d2c_37c56f63_S.png" /> <img src="//img-fotki.yandex.ru/get/9302/230148220.16/0_d3d42_491d87a6_S.png" /> <img src="//img-fotki.yandex.ru/get/9508/230148220.16/0_d3d47_f259e4d9_S.png" /> <img src="//img-fotki.yandex.ru/get/9542/230148220.16/0_d3d45_d5283565_S.gif" /> <img src="//img-fotki.yandex.ru/get/9109/230148220.16/0_d3d3c_27d60d9f_S.png" /> <img src="//img-fotki.yandex.ru/get/5201/230148220.16/0_d3d3b_8bc790af_S.png" /> <img src="//img-fotki.yandex.ru/get/9323/230148220.16/0_d3d58_c043a25_S.gif" /> <img src="//img-fotki.yandex.ru/get/5201/230148220.16/0_d3d2f_1d941675_S.png" /> <img src="//img-fotki.yandex.ru/get/4905/230148220.16/0_d3d3f_4d289af8_S.png" /> <img src="//img-fotki.yandex.ru/get/9171/230148220.16/0_d3d30_ff699ef4_S.png" /> <img src="//img-fotki.yandex.ru/get/9265/230148220.16/0_d3d39_3c3b77fb_S.png" /> <img src="//img-fotki.yandex.ru/get/9169/230148220.16/0_d3d44_255ed9b3_S.png" /> <img src="//img-fotki.yandex.ru/get/9508/230148220.16/0_d3d38_8046f8bc_S.png" /> <img src="//img-fotki.yandex.ru/get/4904/230148220.16/0_d3d4a_12c4d586_S.png" /> <img src="//img-fotki.yandex.ru/get/4903/230148220.16/0_d3d31_3112f87b_S.png" /> <img src="//img-fotki.yandex.ru/get/9171/230148220.16/0_d3d4e_fb9437f3_S.png" /> <img src="//img-fotki.yandex.ru/get/6706/230148220.16/0_d3d41_c9c44ad2_S.gif" /> <img src="//img-fotki.yandex.ru/get/4901/230148220.16/0_d3d2d_e2e9473e_S.png" /> <img src="//img-fotki.yandex.ru/get/6716/230148220.15/0_d3d26_a61af883_S.png" /> <img src="//img-fotki.yandex.ru/get/9103/230148220.15/0_d3d24_57a29501_S.png" />

Сделать текст с прокруткой.

Всем привет!

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

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

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

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

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>всё что находится между ними будет в прокрутке, что до них или после них в прокрутку входить не будет.

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

 

Вставить фото в рамку.

Предлагаю Вам ознакомиться ещё с одним графическим редактором -Paint.NET 3.5.1 которым можно при желании частично заменить фотошоп. Программа на русском языке и является абсолютно бесплатной.

Сегодня расскажу как с помощью этой программы за 2 минуты вставить фото в рамочку.

1) В программе открываете Файл – Открыть (находите подходящую рамочку и открываете её, если у Вас нет рамочек то посмотрите вот эти возможно что-то Вам подойдет - Для фотошопа - 200 рамок png и 300 рамок для фотошопа.)

ДАЛЕЕ ...

*Поиск фонов по цвету*

Анимации и картинки

Анимации с днем рождения

Анимации с юбилеем

Картинки с 23 февраля

А нимации с 23 февраля

Картинки с масленицей

Анимации с днем свадьбы

Картинки день Св. Валентина

Анимации с 8 марта

Картинки с 1 апреля

Картинки хеллоуин

Картинки 1 сентября-День знаний

Книги,фильмы,музыка

Анимации привет

Картинки с понедельником

Анимации спокойной ночи

Анимации добрый вечер

Картинки доброе утро

Картинки хороших выходных

Анимации друзьям

Анимации любовь

Романтические анимации

Картинки позитив

Афоризмы в картинках

Картинки сказочные

Анимации свечи

Анимации ангелы

Картинки выздоравливай

Картинки со стихами

Картинки природы

Анимации стикеры

Картинки с приколами

Картинки мишки Тедди

Картинки знаки зодиака

Анимации женщины

анимации имена

Анимации прости

Разные блестяшки

Картинки сердечки

Картинки мультики

Анимации бабочки

Анимации автомобили

Анимации кошки

Анимации животные

Анимации цветы

Анимации спасибо

Анимации фентези

Анимации дети

Ссылочки, нужные и полезные для оформления блога

ссылочки,нужные и полезные для оформления блога

Предлагаю ссылочки,нужные и полезные для оформления блога и не только.Этими ссылочками я постоянно пользуюсь. Генераторы картинок с кодами. Картинки с готовыми кодами. Блестящие тексты для блогов. Названия цвета для оформления блога. Фоны для блогов. Готовые Кнопки для блогов. В помощь Блогеру.

Взято из блога
LandiSH

Веселое оформление постов



Я решила предложить вам оформление постов повеселее)))

Чтобы получилось так, нужно скопировать предложенные ниже коды в простой редактор поста и там заменить слова «ваш текст» - своими словами, своим постом =)

1. Бежевый в горошек:


Как его сделать:
<div style="background-color:#000; background-image:url('//img0.liveinternet.ru/images/attach/b/0/10838/10838314_begshar11.jpg'); padding:20px 20px 20px 20px; border: 2px #111 groove; color:#000"> ВАШ ТЕКСТ </div>

2. Палевый с разными кружочками:


Как его сделать:
<div style="background-color:#000; background-image:url(' //img1.liveinternet.ru/images/attach/b/0/10839/10839462_begshar13.jpg'); padding:20px 20px 20px 20px; border: 2px #111 groove; color:#000"> ВАШ ТЕКСТ </div>

3. Желтая клетка:


Как его сделать:
<div style="background-color:#000; background-image:url(' //img1.liveinternet.ru/images/attach/b/0/10839/10839738_gelkle08.jpg'); padding:20px 20px 20px 20px; border: 2px #111 groove; color:#000"> ВАШ ТЕКСТ </div>

4. Еще клетка:


Как его сделать:
<div style="background-color:#000; background-image:url('//img1.liveinternet.ru/images/attach/b/0/10839/10839906_gezekle43.jpg'); padding:20px 20px 20px 20px; border: 2px #111 groove; color:#000"> ВАШ ТЕКСТ </div>

5. Синие полосочки:


Как его сделать:
<div style="background-color:#000; background-image:url('//img0.liveinternet.ru/images/attach/b/0/10840/10840092_golpolos01.jpg'); padding:20px 20px 20px 20px; border: 2px #111 groove; color:#000"> ВАШ ТЕКСТ </div>

6. Еще синие полосочки:


Как его сделать:
<div style="background-color:#000; background-image:url('//img0.liveinternet.ru/images/attach/b/0/10840/10840230_golpolos28.jpg'); padding:20px 20px 20px 20px; border: 2px #111 groove; color:#000"> ВАШ ТЕКСТ </div>

7. Оранжевые кружочки:


Как его сделать:
<div style="background-color:#000; background-image:url('//img0.liveinternet.ru/images/attach/b/0/10840/10840608_orashar11.jpg'); padding:20px 20px 20px 20px; border: 2px #111 groove; color:#000"> ВАШ ТЕКСТ </div>

8. Разноцветная клетка:


Как его сделать:
<div style="background-color:#000; background-image:url('//img0.liveinternet.ru/images/attach/b/0/10840/10840814_razkolkle13.jpg'); padding:20px 20px 20px 20px; border: 2px #111 groove; color:#000"> ВАШ ТЕКСТ </div>

9. Еще разноцветная клетка:


Как его сделать:
<div style="background-color:#000; background-image:url('//img1.liveinternet.ru/images/attach/b/0/10841/10841052_razkolkle29.jpg'); padding:20px 20px 20px 20px; border: 2px #111 groove; color:#000"> ВАШ ТЕКСТ </div>

10. Разноцветный горох:


Как его сделать:
<div style="background-color:#000; background-image:url('//img1.liveinternet.ru/images/attach/b/0/10841/10841288_razshar09.gif'); padding:20px 20px 20px 20px; border: 2px #111 groove; color:#000"> ВАШ ТЕКСТ </div>

Текстуры (фоны) для Photoshop

Текстуры (фоны) для Photoshop

	Фоны для фотошопа - Шёлк (часть I) Шёлковые фоны, для оформления Ваших работ
	Фоны для фотошопа - Шёлк (часть II) Красивые шёлковые фоны для украшения Ваших работ.
	Фоны для фотошопа - Fantasy Backgrounds Набор красивых природных фонов для создания интересных коллажей.
	Фоны для фотошопа - Меховые Меха на любой вкус.
	Фоны для фотошопа - Цветочные Красивый набор текстур из цветочных узоров.
	Фоны для фотошопа - Ассорти Набор различных красивых текстур
	Фоны для фотошопа - 24 красивых фона Набор красивых фонов для Ваших коллажей
	Фоны для фотошопа - 12 сказочных фонов Двенадцать красивейших фонов от Shu Mizoguchi
	Фоны для фотошопа - Золото Качественные текстуры из золота для создания коллажей.
	Фоны для фотошопа - Влюблённые сердца Большая коллекция ярких и разнообразных сердец.
	Фоны для фотошопа - Сердечки (часть II) Набор из 25 красивых фонов в прекрасном исполнении.
	Фоны для фотошопа - Сердечки (часть I) Набор из 25 красивых фонов-сердечек, которые порадуют Вас.
	Фоны для фотошопа - Свадебные 23 качественных, свадебных фона для оформления фотографий.
	Фоны для фотошопа - Морозное окно Интересный фон в виде замёрзшего окна
	Фоны для фотошопа - Открытая книга Здесь Вы сможете проявить полёт своей фантазии, используя фото или текст.
	Фоны для фотошопа - Глиттеры Глиттеры - анимационные текстуры для создания переливающихся текстов и изображений.
	Фоны для фотошопа - Мраморные цветочки Замечательная текстура для ваших фотошоп работ.
	Фоны для фотошопа - Серебристые узоры Симпатичная текстура для создания эксклюзивных фотошоп работ.
	Фоны для фотошопа - Летние грезы Очень яркая солнечная текстура.
	Фоны для фотошопа - Поле из сердец За пару щелчков вы сможете любой объект заполнить сердечками!
	Фоны для фотошопа - Ковровые узоры Красивая текстура для фотошоп работ.
	Фоны для фотошопа - Damask Patterns Замечательные текстуры для фотошопа.
	Фоны для фотошопа - Абстрактные фоны Абстрактные фоны в формате JPG
	Фоны для фотошопа - Мраморные фантазии Нарисуйте себе дворец, используя эти мраморные текстуры.
	Фоны для фотошопа - Мятая бумага Взяли бумагу, помяли, развернули, сфотографировали - вот вам и новый фон!
	Фоны для фотошопа - Железо Интересная текстурка в виде железной ступени с небольшими выпуклостями. Такой материал обычно ставят на подножки внедорожников.

Спасибо за пост Sheree

Бесплатные картинки на разные темы для вашего дневника

Недавно искала клипарт - фото дорог, нужно было для моей работы (делала автосайт). Нашла прекрасный сайт - бесплатный и без рекламы с массой картинок на любую тему. Здесь и фоны и природа, животные, поздравления, путешествия, обои, юмор, анимированные картинки  и многое другое, в общем какие хочешь картинки на разные темы. Очень удобный поиск и просмотр, есть возможность легко вставлять картинки в свой дневник. Всем рекомендую!

 

 

 

 

ссылочки,нужные и полезные для оформления блога

Предлагаю ссылочки,нужные и полезные для оформления блога и не только.Этими ссылочками я постоянно пользуюсь. Генераторы картинок с кодами. Картинки с готовыми кодами. Блестящие тексты для блогов. Названия цвета для оформления блога. Фоны для блогов. Готовые Кнопки для блогов. В помощь Блогеру.

Взято из блога
LandiSH