Делаем галерею картинок.

Вот так можно поместить свои картинки в виде галереи.У меня сделана горизонтальная галерея.Нужно кликнуть на картинку чтобы увидеть её в полном размере.Так они менее загружают вашу страничку.Картинки загружать через сайт. Писси инфо После загрузки выйдут коды.Брать самый верхний код: Html-код: для сайтов.И код для этой галереи.Горизонтальная галерея- И вертикальная галерея. .Милолика Покровская

Делаем рамку сами/НАЧАЛО

Здравствуйте друзья и гости, это мой первый пост, так что не обессутьте, если что не так. Хочу показать на примере, как самому сделать рамку. УРОК для "ЧАЙНИКОВ" от "ЧАЙНИКА". Расскажу, как я сама это делаю, может для кого то это будет понятней. Почему? Попытаюсь объяснить. Иногда мы, мягко скажем не сведущие в кодах формул, читаем и не можем понять, что к чему и куда вставлять. Для примера беру вот такую рамку здесь твое имя Ваш текст Из окна кода скопируйте в простой формат новой записи рамку и посмотрите как выглядит код формулы <table><tr><td width="100%"><div align="center"><table cellspacing="10" cellpadding="2" border="2" background="http://.....адрес рамки 1...jpg" style="border: 2px solid rgb(192, 192, 192);"><tbody><tr><td width="100%" style="border: 1px solid rgb(192, 192, 192); padding: 2px;"><div align="center"><table cellspacing="8" cellpadding="2" border="1" background="http://..адрес рамки 2...jpg" style="border: 1px solid rgb(192, 192, 192);"><tbody><tr><td width="100%" style="border: 1px solid rgb(192, 192, 192); padding: 2px;"><div align="center"><table cellspacing="2" cellpadding="2" border="2" style="border: 2px solid rgb(192, 192, 192);" background="http:// ..адрес основного фона..bmp"><tbody><tr><td width="100%" style="border: 1px solid rgb(192, 192, 192); padding: 2px;"><div align="center"><br clear="all" style="line-height: 1px;" /><div><table cellspacing="0" cellpadding="0"><tbody><tr><td><center><a target="_blank" href="http:..адрес твоего блога.."><font color="цифры цвета шрифта-"><font size="2"><b><text face="Cassandra">здесь твое имя</text></b></font></font></a></center><center><img src="http://..адрес картинки..gif" /></center><font face="Cassandra"><div align="center"><div align="center"><font color="#535353"><text size="размер букв"> Ваш текст</text><center><img src="http://..адрес гор.линии...gif" /></center></font></div></div></font></td></tr></tbody></table></div></div></td></tr></tbody></table></div></td></tr></tbody></table></div></td></tr></tbody></table></div></td></tr></table> Идём дальше... Ищем где в формуле написано "http://.....адрес рамки 1...jpg" - это адрес фона, например вот такого: Копируем его из окошка кода и смотрим как выглядит адрес фона <img src="//s42.radikal.ru/i098/0810/16/45b3ff2b0b99.gif" /> Для вставки в формулу я беру только вот эту часть **//s42.radikal.ru/i098/0810/16/45b3ff2b0b99.gif** Далее вставляем этот фон в рамку и смотрим что получилось: здесь твое имя Ваш текст Идём дальше. Ищем **http://..адрес рамки 2...jpg** Берём фон, например такой: Снова копирум его из окна кода и смотрим как он выглидит: <img src="//s51.radikal.ru/i132/0810/f2/df430f9a1aef.gif" /> Берём только это: **//s51.radikal.ru/i132/0810/f2/df430f9a1aef.gif** Вставляем в рамку и смотрим что получилось: здесь твое имя Ваш текст Далее ищем адрес основного фона: **http:// ..адрес основного фона..bmp** Например такого: <img src="//i065.radikal.ru/0810/ec/7112762adc51.gif" /> Снова копируем из окошка кода адрес и берём только это: **//i065.radikal.ru/0810/ec/7112762adc51.gif** Подставляем, и, смотрим что получилось: здесь твое имя Ваш текст Дерзаем дальше: ищем **http:..адрес твоего блога...**, подставляем адрес, для примера я приведу свои данные **http://blogs.mail.ru/mail/shamannikova17/** вы соответственно вставите свои. После адреса блока идёт - это цвет шрифта которым будет написано >здесь твое имя<, "2" - размер букв. Далее: ищем где написано >здесь твое имя<, ставите своё. Привожу пример:>Рамка от Ильяны< Шаг следующий: ищем **http://..адрес картинки..gif** Например такая картинка из блока Лиды: И вновь копируем код картинки, что посмотреть как выглядит формула <img src="//i007.radikal.ru/0812/2c/375d3b3eb73b.gif" /> Берём только это:**//i007.radikal.ru/0812/2c/375d3b3eb73b.gif** вставляем в рамку и смотрим что получилось здесь твое имя Ваш текст Это- это цвет нашего текста, я взяла вот такой **#ffff00** - жёлтый. Дальше у нас идёт . Размер букв мы ставим от 1 до... например 6, 6 и далее, текст будет состоять из очень больших букв. Мы для примера возьмём "4". > Ваш текст< - сдесь вставляете свой текст. Дошли до **http://..адрес гор.линии...gif**, например берём вот такую горизонтальную линию; Снова копируем адрес из окошка и смотрим как он выглядит <img src="//s59.radikal.ru/i163/0811/c5/9fe96937fe2c.gif" /> Берём только это:**//s59.radikal.ru/i163/0811/c5/9fe96937fe2c.gif** Почему я постоянно напоминаю, что бы вы смотрели как выглядит полный адрес, да для того, что бы коды формул примелькались и вам легче было понять что и как брать. Теперь вставим горизонтальную линию в рамку и смотрим что получилось: здесь твое имя Ваш текст СОБИРАЕМ ВСЮ РАМКУ, ВОТ ЧТО ДОЛЖНО ПОЛУЧИТЬСЯ В ИТОГЕ: Рамка от Ильяны Ваш текст Окошко кода собраной рамки: <table><tr><td width="100%"><div align="center"><table cellspacing="10" cellpadding="2" border="2" background="//s42.radikal.ru/i098/0810/16/45b3ff2b0b99.gif" style="border: 2px solid rgb(192, 192, 192);"><tbody><tr><td width="100%" style="border: 1px solid rgb(192, 192, 192); padding: 2px;"><div align="center"><table cellspacing="8" cellpadding="2" border="1" background="//s51.radikal.ru/i132/0810/f2/df430f9a1aef.gif" style="border: 1px solid rgb(192, 192, 192);"><tbody><tr><td width="100%" style="border: 1px solid rgb(192, 192, 192); padding: 2px;"><div align="center"><table cellspacing="2" cellpadding="2" border="2" style="border: 2px solid rgb(192, 192, 192);" background="//i065.radikal.ru/0810/ec/7112762adc51.gif"><tbody><tr><td width="100%" style="border: 1px solid rgb(192, 192, 192); padding: 2px;"><div align="center"><br clear="all" style="line-height: 1px;" /><div><table cellspacing="0" cellpadding="0"><tbody><tr><td><center><a target="_blank" href="http://blogs.mail.ru/mail/shamannikova17/"><font color="#ffff00"><font size="2"><b><text face="Cassandra">Рамка от Ильяны</text></b></font></font></a></center><center><img src="//i007.radikal.ru/0812/2c/375d3b3eb73b.gif" /></center><font face="Cassandra"><div align="center"><div align="center"><font color="#ff0000"><text size="4"> Ваш текст</text><center><img src="//s59.radikal.ru/i163/0811/c5/9fe96937fe2c.gif" /></center></font></div></div></font></td></tr></tbody></table></div></div></td></tr></tbody></table></div></td></tr></tbody></table></div></td></tr></tbody></table></div></td></tr></table> Вот и всё, дерзайте... А я хочу поблагодарить замечательных людей, которые помогали мне разбираться в дебрях формул: ЛЮБУ -  m.luba-7 , ЛИДУ -  Лидия Липатова

Как сделать блестящую картинку самостоятельно?



Делаем блестящую картинку самостоятельно.
На самом деле, это очень просто.
1. Создаем в компьютере новую папку - в нее мы будем сохранять файлы, из которых будет сделана блестяшка.
2. Открываем исходную картинку в фотошопе. Выделяем место, куда хотим добавить блесток - я это делаю с помощью лассо, кто-то - с помощью волшебной палочки. Добавляем после выделения шум, эта функция находится в меню "Фильтр". Шум лучше делать не слишком интенсивным. Сохраняем картинку в папку, которую создали. Закрываем.
3. Опять открываем исходную картинку. Опять выделяем и добавляем шум, но уже другой интенсивности - либо больше, либо меньше. Сохраняем в папку.
4. Опять открываем исходную картинку, проделываем все то же самое.
5. Открываем Image Ready. Там в меню "File" выбираем "Import". Там - Folder as frames. Далее нужно выбрать вашу папку, в которую вы сохраняли файлы, и нажать OK. Откроется файл, а внизу будет такая разверстка из всех файлов, которые вы сохранили. Вот под этой разверсткой много стрелочек и прочих значков.
Нужно выбрать простую стрелочку, указывающую вправо, вот эту:

Готово, вы можете видеть, как блестят выделенные участки.
Далее нужно пойти опять в меню File, выбрать Save Optimized As, и сохранить файл в расширении GIF.