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

Откройте панель настроек своего дневника и выберите раздел "Личные данные". Там вы увидите пункт "Аккаунт Evernote". Если вы еще не привязали свой дневник, нажмите на ссылку "Подключить аккаунт Evernote", расположенную рядом. После этого вы перейдете на сайт Evernote, где нужно будет ввести свое имя пользователя Evernote и пароль и подтвердить авторизацию.

После того, как вы привяжете аккаунты Evernote и LiveInternet, у вас в Evernote появятся два новых блокнота "Цитатник" и "Черновик". Благодаря им вы сможете получать доступ к любимым записям в любое время и любом месте и быстро создавать наброски будущих записей в дневник, как только мысль пришла вам в голову.

Серия сообщений "Evernote + LiveInternet":

Делаем надписи на картиночках по типу рамочек! С любовью.. almiria

Смотрим дальше

Рамка и пост от  MElenKa Поговорим о тексте и различных манипуляциях с ним. При помощи данных манипуляций вы сможете украсить свои посты и не только.

Читать далее...

ДЛЯ НОВИЧКОВ НА ЛИ.РУ
Если Вы хотите сделать слайд-шоу, а не убирать картинки (фотографии) под кат, то просто воспользуйтесь приведёнными в таблице кодами.

Движение снизу вверх	<marquee style="HEIGHT: 100px" direction="up" scrollamount="5">Движение снизу вверх</marquee>
Движение сверху вниз	<marquee style="HEIGHT: 100px" direction="down" scrollamount="5">Движение сверху вниз</marquee>
Движение справа налево	<marquee style="WIDTH: 100px" direction="left" scrollamount="5">Движение справа налево</marquee>
Движение слева направо	<marquee style="WIDTH: 100px" direction="right" scrollamount="5">Движение слева направо </marquee>

Порядок действий:

1. Загрузите нужное количество картинок на сервер

2. Определитесь с направление и добавляйте код.

Картинки должны быть внутри кода вместо слова Движение!!! То есть получается, что первая половина кода стоит перед картинками, а вторая после картинок, а вместо слов ДВИЖЕНИЕ СЛЕВА НАПРАВО - картинки.

100рх – это размер окна, в котором будет показано шоу, поменяв это значение на нужное Вам, Вы получите подходящий размер окна.

scrollamount="5" - поменяв цифру 5 на другую Вы измените скорость движения.

Так же эти коды можно и использовать для текста - Замените слова ДВИЖЕНИЕ - на Ваш текст и он начнёт двигаться так же как и картинки в нужном Вам направлении

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

Примеры:

Движение снизу вверх


Движение сверху вниз


Движение справа налево


Движение слева направо

Многим нравится в оформлении постов использовать рамочку в виде монитора.
Оказывается это совсем несложно сделать. Я тут немного по колдовала, чуть-чуть поправила, немного изменила и вот что в итоге у меня получилось.

Код любой рамочки можно скопировать в окне, которое находится ниже рамочки, вместо слов "ВАША ССЫЛКА НА ВИДЕО", следует поставить ссылку на видео, вернее HTML код который берём там же, где находится видео, например с youtube.com, rutube.ru и т.д.
которое хотите поставить, или написать нужный вам текст.
Если непонятен этот момент со ссылкой, просьба обращаться в личку.
Удачи в применении!



Код:
<div align="center"><table border="0" background="" cellpadding="3" cellspacing="3" width="500"> <tr><td><table border="0" background="//i016.radikal.ru/0906/7e/d23ce51f0aa7.jpg" cellpadding="10" cellspacing="10" width="100%"> <tr><td><table border="0" background="//s54.radikal.ru/i145/0906/82/929ddb928b2d.jpg" cellpadding="5" cellspacing="5" width="100%"><tr><td> <center><text face="Arial Narrow"><text size="4"><text color="0d004c">ССЫЛКА НА ВИДЕО</text></text></text></center></td></tr></table></td></tr></table><center><img src="//s47.radikal.ru/i116/0906/15/ef669914b4dc.gif" /></center></td></tr></table></div>





Код:
<div align="center"><table border="0" background="" cellpadding="3" cellspacing="3" width="500"> <tr><td><table border="0" background="//s55.radikal.ru/i150/0909/00/3f61535747fd.jpg" cellpadding="15" cellspacing="15" width="100%"> <tr><td><table border="0" background="//s54.radikal.ru/i145/0906/82/929ddb928b2d.jpg" cellpadding="5" cellspacing="5" width="100%"><tr><td> <center><text face="Arial Narrow"><text size="4"><text color="0d004c">ВАША ССЫЛКА НА ВИДЕО</text></text></text></center></td></tr></table></td></tr></table><center><img src="//s55.radikal.ru/i148/0909/dd/d1ce006be2fe.gif" /></center></td></tr></table></div>



код:
<div align="center"><table border="0" background="" cellpadding="3" cellspacing="3" width="500"> <tr><td><table border="0" background="//s50.radikal.ru/i129/0909/75/e525db1d4f52.jpg" cellpadding="15" cellspacing="15" width="100%"> <tr><td><table border="0" background="//s54.radikal.ru/i145/0906/82/929ddb928b2d.jpg" cellpadding="5" cellspacing="5" width="100%"><tr><td> <center><text face="Arial Narrow"><text size="4"><text color="0d004c">ВАША ССЫЛКА НА ВИДЕО</text></text></text></center></td></tr></table></td></tr></table><center><img src="//i020.radikal.ru/0909/1a/453bfedd1931.gif" /></center></td></tr></table></div>

А это я уже подставила своё видео вместо слов "ВАША ССЫЛКА НА ВИДЕО", и ещё немного изменила вид:




Код рамочки:
<div align="center"><table border="0" background="" cellpadding="3" cellspacing="3" width="490"> <tr><td><table border="0" background="//i046.radikal.ru/0909/a2/10ce4d043ffa.jpg" cellpadding="15" cellspacing="15" width="100%"> <tr><td><table border="0" background="//i030.radikal.ru/0909/24/39bb10fa0f32.jpg" cellpadding="5" cellspacing="5" width="100%"><tr><td> <center><text face="Arial Narrow"><text size="4"><text color="0d004c">ВАША ССЫЛКА НА ВИДЕО</text></text></text></center></td></tr></table></td></tr></table><center><img src="//i015.radikal.ru/0909/57/38981f800b68.gif" /></center></td></tr></table></div>



Код:
<div align="center"><table border="0" background="" cellpadding="3" cellspacing="3" width="490"> <tr><td><table border="0" background="//i046.radikal.ru/0909/a2/10ce4d043ffa.jpg" cellpadding="15" cellspacing="15" width="100%"> <tr><td><table border="0" background="//i016.radikal.ru/0909/e1/6cda33939826.jpg" cellpadding="5" cellspacing="5" width="100%"><tr><td> <center><text face="Arial Narrow"><text size="4"><text color="0d004c">Ваш HTML-код на видео</text></text></text></center></td></tr></table></td></tr></table><center><img src="//i075.radikal.ru/0909/40/b376013fbb96.gif" /></center></td></tr></table></div>

Всем привет! Иногда в личку приходят сообщения с просьбой рассказать как можно выделить текст простой рамкой, как бы делая акцент на определённую часть поста. Сейчас попробую это показать на примере.

Будем исходить из того что в кодах Вы полный ноль или Вам просто не хочется их вручную прописывать. Тогда первое что Вам нужно сделать - это открыть сообщение в простом редакторе, можно и в расширенном, но тогда не забудьте нажать на кнопку ИСТОЧНИК (в самом верху слева). Сделали? Молодцы, копируйте код из флейма и вставляйте в нужный участок поста.

<fieldset><legend><img src="Сюда вставить адрес картинки " /> </legend> Здесь написать Ваш текст.</fieldset>

Вставили? Идём дальше.

1. Там где написано - Сюда вставить адрес картинки - вставляете адрес нужной картинки. Иногда задают вопрос где её взять) Всё просто - есть только два варианта, первый Вы должны её загрузить со своего ПК, второй найти её в интернете и нажав на ней правую кнопку мыши копировать ссылку на изображение.

2. Где написано - Здесь написать Ваш текст думаю проблем не возникнет - пишите всё что посчитаете нужным.

Точно так же делается рамочка с заголовком вместо картинки. Копируйте код из флейма и вставляете тексты.

<fieldset><legend><b>Заголовок </b> </legend>Здесь написать Ваш текст.</fieldset>

Вот и всё. В результате у Вас должно получится что-то подобное.

С картинкой

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

Маргарита Валуа

 

Без картинки - с заголовком.

Маргарита Валуа

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

Разместим текст в две колонки. Что бы было веселее читать пост я позаимствовал стишок http://kievforum.org/showthread.php?t=1183. ( не рекламы ради, а гуглю спасибо :))) )

Познакомились мы в чате
Ты представилася Катей
Оказалось - ты Иван...
ах, какой ты хулиган

Все сайты умерли, осталось только ICQ,
И лишь ReGet качает тихо мне игру,
И звук "ха-ха" писклявым тихим тоном,
С забытья голову мою срывает стоном...

Неоднозначно, непонятно, не всегда,
Не видя, как опять бегут года,
Просаживая сутки напролет,
Мы ждем, когда же время то придет.

Что из страны не грез, не сновидений,
Нас вырвет, прекратя весь круг сомнений,
И встретиться возможно станет наяву,
Мерцает монитор, я всё же сплю...

Нас двое лишь на эту Сеть,
И мы не верим в нашу смерть...

Это можно было бы сделать таблицей, но есть вариант проще - использовать div.
Попробуем разместить каждый стих в своем диве

<div> <pre> Познакомились мы в чате Ты представилася Катей Оказалось - ты Иван... ах, какой ты хулиган </pre> </div> <div> <pre> Все сайты умерли, осталось только ICQ, И лишь ReGet качает тихо мне игру, И звук "ха-ха" писклявым тихим тоном, С забытья голову мою срывает стоном... Неоднозначно, непонятно, не всегда, Не видя, как опять бегут года, Просаживая сутки напролет, Мы ждем, когда же время то придет. Что из страны не грез, не сновидений, Нас вырвет, прекратя весь круг сомнений, И встретиться возможно станет наяву, Мерцает монитор, я всё же сплю... Нас двое лишь на эту Сеть, И мы не верим в нашу смерть... </pre> </div>

В примере кода я не указал что бы было проще читать код, а при выводе добавлю рамку к каждому диву

Вот что получится

Познакомились мы в чате
Ты представилася Катей
Оказалось - ты Иван...
ах, какой ты хулиган

Все сайты умерли, осталось только ICQ,
И лишь ReGet качает тихо мне игру,
И звук "ха-ха" писклявым тихим тоном,
С забытья голову мою срывает стоном...

Неоднозначно, непонятно, не всегда,
Не видя, как опять бегут года,
Просаживая сутки напролет,
Мы ждем, когда же время то придет.

Что из страны не грез, не сновидений,
Нас вырвет, прекратя весь круг сомнений,
И встретиться возможно станет наяву,
Мерцает монитор, я всё же сплю...

Нас двое лишь на эту Сеть,
И мы не верим в нашу смерть...

Во первых ширина дивов равна максимальной ширине, а во вторых они размещены не рядом, а друг под другом

Зададим ширину дивов добавив стиль width, для того что бы дивы размещались рядом, а не друг под другом нужно к каждому диву добавить стиль float: left это выравнивает элемент по левому краю, а все остальные элементы, вроде текста, огибают его по правой стороне.

<div style="width: 250px; float: left;"> <pre> Познакомились мы в чате Ты представилася Катей Оказалось - ты Иван... ах, какой ты хулиган </pre> </div> <div style="width: 300px; float: left;"> <pre> Все сайты умерли, осталось только ICQ, И лишь ReGet качает тихо мне игру, И звук "ха-ха" писклявым тихим тоном, С забытья голову мою срывает стоном... Неоднозначно, непонятно, не всегда, Не видя, как опять бегут года, Просаживая сутки напролет, Мы ждем, когда же время то придет. Что из страны не грез, не сновидений, Нас вырвет, прекратя весь круг сомнений, И встретиться возможно станет наяву, Мерцает монитор, я всё же сплю... Нас двое лишь на эту Сеть, И мы не верим в нашу смерть... </pre> </div>

Вот теперь мы получили 2 колонки

Познакомились мы в чате
Ты представилася Катей
Оказалось - ты Иван...
ах, какой ты хулиган

Все сайты умерли, осталось только ICQ,
И лишь ReGet качает тихо мне игру,
И звук "ха-ха" писклявым тихим тоном,
С забытья голову мою срывает стоном...

Неоднозначно, непонятно, не всегда,
Не видя, как опять бегут года,
Просаживая сутки напролет,
Мы ждем, когда же время то придет.

Что из страны не грез, не сновидений,
Нас вырвет, прекратя весь круг сомнений,
И встретиться возможно станет наяву,
Мерцает монитор, я всё же сплю...

Нас двое лишь на эту Сеть,
И мы не верим в нашу смерть...

Что дальше делать с колонками зависит только от Вашей фантазии :). Можно добавить фоновый рисунок прописав в стиле background: url('ссылка на фоновый рисунок'), выравнивание в каждой колонке можно делать любым прописав в стиле каждого дива text-align: left, center, right

Пример кода колонок, размещенных в начале поста

<center> <div style="float: left; border: solid 1px #f00000; width: 250px; height: 350px; background-color: #ffcc99;"> <pre> Познакомились мы в чате Ты представилася Катей Оказалось - ты Иван... ах, какой ты хулиган </pre> </div> <div style="float: left; border: solid 1px #00f000; width: 300px; height: 350px; background: url('//i029.radikal.ru/0904/25/910ce6bcf443.jpg'); color: #ffcccc;"> <pre> Все сайты умерли, осталось только ICQ, И лишь ReGet качает тихо мне игру, И звук "ха-ха" писклявым тихим тоном, С забытья голову мою срывает стоном... Неоднозначно, непонятно, не всегда, Не видя, как опять бегут года, Просаживая сутки напролет, Мы ждем, когда же время то придет. Что из страны не грез, не сновидений, Нас вырвет, прекратя весь круг сомнений, И встретиться возможно станет наяву, Мерцает монитор, я всё же сплю... Нас двое лишь на эту Сеть, И мы не верим в нашу смерть... </pre> </div> </center>

Если суммарная ширина колонок будет больше чем максимальная ширина поста, то дивы разместяться не рядом, а друг под другом

Что бы разместить колонки по центру нужно добавить <center> и еще один общий див с шириной равной суммарной ширине колонок со всеми отступами и бордерами

Должно получиться вот так

<center> <div style="width: 554px;"> <div style="float: left; border: solid 1px #f00000; width: 250px; height: 350px; background-color: #ffcc99;"> <pre> Познакомились мы в чате ................................ </pre> </div> <div style="float: left; border: solid 1px #00f000; width: 300px; height: 350px; background: url('//i029.radikal.ru/0904/25/910ce6bcf443.jpg'); color: #ffcccc;"> <pre> Все сайты умерли, осталось только ICQ, И лишь ReGet качает тихо мне игру, ................................... </pre> </div> </div> </center>

1.Для этого воспользуемся формулой:   ТЕКСТ   <font style="text-decoration:blink;">ТЕКСТ</font>   2.Можно заменить шрифт и цвет текста, тогда наша формула будет выглядеть так: ТЕКСТ <text face="Comic Sans MS"><text size="5"><text color="#ffff00"><center><font style="text-decoration:blink;">ТЕКСТ</font></center></text></text></text>   3.Можно заставить мигать отдельные буквы в слове   ТЕКСТ   <text face="Comic Sans MS"><text size="5"><text color="#92278f"><font style="text-decoration:blink;">Т</text></font>Е<text face="Comic Sans MS"><text size="7"><text color="#fff200"><font style="text-decoration:blink;">К</text></font><text size="4">С</text><text face="Comic Sans MS"><text size="6"><text color="#5a0017"><font style="text-decoration:blink;">Т</text></font>   Чтобы мигали только отдельные буквы нужно кодом № 2 вставлять конкретные буквы, которые вы желаете видеть в своём тексте. crys_tal

Попробую рассказать и объяснить, как я делаю свои схемки для дневника. У меня фотошоп CS3.

1.Открываем в фотошопе понравившуюся картинку

Читать далее...

Делаем простую flash подпись используя шаблонные эффекты.

Продолжаем постигать азы flash. ( Первый урок "создание часиков" ТуТ ) В этом уроке будем делать забавные подписи, при нажатии на которые,- будет осуществлен переход на вашу страничку ( дневник, сайт и т.д.). Получится примерно такое:



Или большего размера естественно:-) В первой части будем делать флешку, а во второй точно такую же, но gif анимацию.

Flash

Делать можно и прямо в сцене, но чтоб привыкнуть к верной последовательности действий на будущее,- будем делать через клипы:-)Поехали:

Открываем программу, в выползшем окошке выбираем первый пункт и жмем "ок" ( как мы делали в первой части про часы).
Далее сверху жмем "insert" и выбираем пункт "new simbol":


Читать дальше > > >

Для следующего поста "Создание ссылок на участках изображения: карта (map) ссылок" создам несложную картинку-карту с участками-ссылками на ней. В результате получится, как на рисунке внизу



 

Как я это сделал

В предыдущем посте "Создание карты (map) для ссылок в Photoshop" я сделал заготовку для размещения на определенных ее участках ссылок на разные web-страницы. Если кликнуть на фигуры с надписями, то откроются соответствующие им странички: профиль, дневник или все посты из раздела "Уроки Photoshop"
 

Как я это сделал

МНОГИЕ ОБ ЭТОМ ДАЖЕ НЕ ПОДОЗРЕВАЮТ!!!!

Вы только не смейтесь, понимаю, что не Америку открываю) Просто раз уж взялся, надо и про это написать:-)

Это даже не урок, а просто подсказка:-) Я месяца полтора не замечал напрочь:-)

В общем, в комменте например, когда пишем, жмем справа "Все смайлы":



Нам откроется табличка со смайликами и вот тут.... то что я не замечал долгое время:-) смотрим сверху, и жмем на стрелочку:


И нам откроется выбор из трех "групп" смайликов) а там уже и другие есть:-) Например такие:


Вот и все, поделился так сказать:-)) Всем удачи:-))

Плеер с плейлистом для блога:-)

Как, наверно, многие заметили по моему микроблогу,- я полностью ушел во флеш:-) Теперь и я активно начал чему-то учиться. Но суть не в том.
В общем кое-где почитал, кое-где позаимствовал ,посидел пару суток в программке и теперь, если вы заметили, у меня в дневнике стоит мой личный плеер, с моим списком песен.

К чему я это все? Вы не подумайте, я не просто так хвастаюсь В общем предлагаю вам его взять в личное пользование. Дизайн пока только один предлагаю, ибо с "рисованием" у меня туго, и НЕ стыдно показывать пока только этот;-) Но в будущем их будет много... надеюсь:-)

Теперь к делу.

Вот сам плеер:



Можете понажимать кнопочки, песенка тут не одна:-) Кол-во песен не ограничено в общем-то:-)

Хотите себе такой, с вашей музыкой?- Забирайте!:-)

Но не все так просто, так что объясню что надо сделать, как всегда мини урок;-)

Смотреть дальше > > >

Я делаю в фотошопе CS3 и мой метод основан немного методом тыка, но все-таки попробую объяснить подробно.

Если есть терпение, то тогда приступим))

Читать далее...

Ваш текст _Все_для_Вас_

Ваш текст _Все_для_Вас_

Что бы создать объемный текст заходим на http://vln.dp.ua/li/3d/, заполняем поля и получаем код для вставки в дневник. Текст получается в оттенках серого.

Вот результат который получился :)