Цитата сообщения mikle0
Рамочник - рамочки для блогов и интернет дневников
Всем доброго времени суток!
Хочу познакомить Вас с сервисом, непосредственно связанным с тематикой вашего сообщества, который может оказаться полезным как для простых любителей рамочек, так и для профессиональных Мастеров.
Этот сервис берет на себя всю "грязную" работу по созданию HTML-кода рамочек, позволяя сосредоточиться на главном - творческой составляющей.
Сервис называется Рамочник.
От создателей Текстокраса.
Вот, например, такую рамочку можно сделать с помощью Рамочника буквально за несколько минут.
/i057.radikal.ru/0909/0f/d19478e161e0.gif" target="_blank">//i057.radikal.ru/0909/0f/d19478e161e0.gif)" cellspacing="0" cellpadding="0"> |
/s41.radikal.ru/i091/0909/a0/8623fe6aad46.png" target="_blank">//s41.radikal.ru/i091/0909/a0/8623fe6aad46.png)" cellspacing="0" cellpadding="0"> |
/i057.radikal.ru/0909/60/173c1ca01416.png" target="_blank">//i057.radikal.ru/0909/60/173c1ca01416.png)" cellspacing="0" cellpadding="0"> |  |
|
/i057.radikal.ru/0909/60/173c1ca01416.png" target="_blank">//i057.radikal.ru/0909/60/173c1ca01416.png)" cellspacing="0" cellpadding="0"> |
Эта рамка предназначена для демонстрации возможностей Рамочника.
Здесь может находиться Ваш текст или картинка или все вместе. |
Ниже - описание сервиса и примеры рамочек.
Философия использования Рамочника проста:
1. Заходите в Рамочник и создаете в нем свою рамочку - она будет отображаться в превью по мере создания, так что Вы всегда сможете видеть, то, что у Вас получается.
2. Под превью находится текстовое поле с кодом этой рамочки и настройками. Выбираете в настройках "блоги liveinternet.ru" (или любой другой сайт, если Вы захотите использовать рамочку на другом сайте) и копируете код рамочки.
3. Вставляете код рамочки на страницу своего блога или сообщества. На ЛиРу это нужно делать в формате: Текстовый редактор: простой. Кроме того, нужно отключить опцию Автоматически переводить URL в ссылку.
Для того, чтобы создать рамочку с помощью Рамочника нужно выполнить следующие действия:
1. Выбрать один из предложенных шаблонов рамочки.
2. Настроить цвета, картинки и размеры для полей рамочки - это задаст саму рамочку без внутренности.
3. Впечатать содержимое рамочки - то есть текст или картинки, которые Вы хотите оформить этой рамочкой.
4. Если хотите, можно добавить свою авторскую подпись к полученной рамочке.
На самом деле эти действия можно выполнять в произвольном порядке. Даже после того как Вы полностью оформили рамочку, Вы можете, например, поменять ее шаблон.
Мы собрали на сайте некоторое количество фонов и блесток для использования в рамках, но Вы можете вставить в качестве фона (да и содержимого рамочки) любую картинку, доступную через интернет по ее URL-адресу (http://адрес.картинки).
Здесь Вы можете воспользоваться подробной инструкцией по созданию рамочек.
На сайте также имеется Галерея Рамочника.
В галерее можно посмотреть и выбрать для использования готовые рамки, сделанные другими пользователями Рамочника или добавить туда свою (думаю, что Мастерам рамочек это может быть даже более интересно, чем простым пользователям).
Добавление рамочки в галерею дает Вам ряд удобных возможностей:
1. Легко получить код этой рамочки в любой момент (каждая рамка получает в галерее свою личную страницу, на которую можно ссылаться из блогов).
2. Получить размеченный код. Удобно для тех, кто привык править код вручную - размеченный код, это код с дополнительными комментариями и переносами строк, выделяющими структурные части кода.
3. Можно получать код этой рамки для различных сайтов интернет дневников. Сейчас поддерживается 13 сайтов. В том числе: mail.ru, ya.ru, privet.ru, livejournal.com, rambler.ru. То есть ваша рамочка будет доступна и для пользователей других сайтов.
4. Можно менять содержимое рамочки прямо на ее личной странице в галерее. Удобно для тех, кто хочет оформить сразу несколько постов в одной и той же рамочке. Если же Вы Мастер рамочек и делаете их для других пользователей, то им также будет удобно вставлять свой текст в Ваши рамочки прямо на личной странице рамочки в галерее, не копаясь в HTML-коде.
5. Из галереи рамочку всегда можно отправить обратно в Рамочник для изменения. Удобно для создания нескольких рамочек в общем стиле.
6. Наконец, при добавлении рамки в галерею Вы можете указать свое имя или ник и ссылку на свой блог или сообщество. О Вашем блоге узнают другие пользователи Рамочника, возможно даже с других сайтов.
Чуть подробнее об этом тут
Cервис еще очень молодой, и было бы важно узнать ваше мнение, особенно тех, кто занимается этим профессионально: может есть замечания, вопросы или предложения.
Ссылки.
РАМОЧНИК: http://4maf.ru/ramochnik.php
ГАЛЕРЕЯ: http://4maf.ru/ramki.php
ИНСТРУКЦИЯ: http://4maf.ru/help/ramochnik.php
Далее приведу несколько демонстрационных рамочек.
/s56.radikal.ru/i151/0909/3c/577a92d1fb06.png" target="_blank">//s56.radikal.ru/i151/0909/3c/577a92d1fb06.png)" cellspacing="0" cellpadding="0">
/i026.radikal.ru/0909/46/80b63202e405.png" target="_blank">//i026.radikal.ru/0909/46/80b63202e405.png)" cellspacing="0" cellpadding="0">
/s13.radikal.ru/i186/0909/a3/92f8cfd7851d.png" target="_blank">//s13.radikal.ru/i186/0909/a3/92f8cfd7851d.png)" cellspacing="0" cellpadding="0"> |
/s46.radikal.ru/i112/0909/e6/53511e1c629b.png" target="_blank">//s46.radikal.ru/i112/0909/e6/53511e1c629b.png)" cellspacing="0" cellpadding="0"> |
/s05.radikal.ru/i178/0909/0d/fd9ae144053c.gif" target="_blank">//s05.radikal.ru/i178/0909/0d/fd9ae144053c.gif)" cellspacing="0" cellpadding="0"> |
/s46.radikal.ru/i112/0909/e6/53511e1c629b.png" target="_blank">//s46.radikal.ru/i112/0909/e6/53511e1c629b.png)" cellspacing="0" cellpadding="0"> |
Рамка может содержать несколько внутренних рамочек, которые мы называем "подрамочками". Расстояние между внутренними подрамочками можно регулировать. |
|
/s13.radikal.ru/i186/0909/a3/92f8cfd7851d.png" target="_blank">//s13.radikal.ru/i186/0909/a3/92f8cfd7851d.png)" cellspacing="0" cellpadding="0">
/s46.radikal.ru/i112/0909/e6/53511e1c629b.png" target="_blank">//s46.radikal.ru/i112/0909/e6/53511e1c629b.png)" cellspacing="0" cellpadding="0">
/s05.radikal.ru/i178/0909/0d/fd9ae144053c.gif" target="_blank">//s05.radikal.ru/i178/0909/0d/fd9ae144053c.gif)" cellspacing="0" cellpadding="0">
/s46.radikal.ru/i112/0909/e6/53511e1c629b.png" target="_blank">//s46.radikal.ru/i112/0909/e6/53511e1c629b.png)" cellspacing="0" cellpadding="0">
Для каждой из них Вы можете задать свой размер, а также указать вид и выравнивание текста. |
/s13.radikal.ru/i186/0909/a3/92f8cfd7851d.png" target="_blank">//s13.radikal.ru/i186/0909/a3/92f8cfd7851d.png)" cellspacing="0" cellpadding="0">
/s46.radikal.ru/i112/0909/e6/53511e1c629b.png" target="_blank">//s46.radikal.ru/i112/0909/e6/53511e1c629b.png)" cellspacing="0" cellpadding="0">
/s05.radikal.ru/i178/0909/0d/fd9ae144053c.gif" target="_blank">//s05.radikal.ru/i178/0909/0d/fd9ae144053c.gif)" cellspacing="0" cellpadding="0">
/s46.radikal.ru/i112/0909/e6/53511e1c629b.png" target="_blank">//s46.radikal.ru/i112/0909/e6/53511e1c629b.png)" cellspacing="0" cellpadding="0">
Удобная возможность Рамочника - задавать общий внешний вид для нескольких подрамочек одновременно, как сделано в этом примере для трех внутренних.
Вам не нужно указывать одни и те же фоны, блестки, цвета, и ширины для каждой из подрамочек отдельно - выберите на схеме нужные подрамочки и задайте их стиль ОДИН раз. |
/s56.radikal.ru/i153/0909/7b/0ae73a637c4b.png" target="_blank">//s56.radikal.ru/i153/0909/7b/0ae73a637c4b.png)" cellspacing="0" cellpadding="0">
/i026.radikal.ru/0909/7d/5215598b8c14.gif" target="_blank">//i026.radikal.ru/0909/7d/5215598b8c14.gif)" cellspacing="0" cellpadding="0">
/s40.radikal.ru/i087/0909/46/54942e29bc05.png" target="_blank">//s40.radikal.ru/i087/0909/46/54942e29bc05.png)" cellspacing="0" cellpadding="0">
/i055.radikal.ru/0909/b7/aedb71dcbea7.png" target="_blank">//i055.radikal.ru/0909/b7/aedb71dcbea7.png)" cellspacing="0" cellpadding="0"> |
Содержимым рамочки может быть не просто текст, но и картинка:

А также, почти любой другой HTML-код. Подробно о том как редактировать содержимое рамок можно прочитать в соответствующем разделе помощи. |
/i055.radikal.ru/0909/b7/aedb71dcbea7.png" target="_blank">//i055.radikal.ru/0909/b7/aedb71dcbea7.png)" cellspacing="0" cellpadding="0">
В холодных переливах лир
Какая замирает осень!
Как сладостен и как несносен
Ее златострунный клир!
Она поет в церковных хорах
И в монастырских вечерах
И, рассыпая в урны прах,
Печатает вино в амфорах.
Как успокоенный сосуд
С уже отстоянным раствором,
Духовное - доступно взорам,
И очертания живут.
Колосья, так недавно сжаты,
рядами ровными лежат:
И пальцы тонкие дрожат,
К таким же как они, прижаты.
Осип Мандельштам, 1909г.
/i069.radikal.ru/0909/18/4259d6ce49e9.jpg" target="_blank">//i069.radikal.ru/0909/18/4259d6ce49e9.jpg)" cellspacing="0" cellpadding="0">
/s45.radikal.ru/i107/0909/34/d865bbe1782d.png" target="_blank">//s45.radikal.ru/i107/0909/34/d865bbe1782d.png)" cellspacing="0" cellpadding="0">
/i001.radikal.ru/0909/57/99e6a02f6f33.gif" target="_blank">//i001.radikal.ru/0909/57/99e6a02f6f33.gif)" cellspacing="0" cellpadding="0">
/s16.radikal.ru/i191/0909/21/8460467e8545.gif" target="_blank">//s16.radikal.ru/i191/0909/21/8460467e8545.gif)" cellspacing="0" cellpadding="0">
/s48.radikal.ru/i120/0909/4c/a934cc8651d2.jpg" target="_blank">//s48.radikal.ru/i120/0909/4c/a934cc8651d2.jpg)" cellspacing="0" cellpadding="0">
К любой рамочке можно добавить свою авторскую подпись. С точки зрения создания и редактирования подпись ничем не отличается от любого другого содержимого, кроме того, что всегда находится внизу рамки. Это может быть текст, картинка (как здесь) или другой простой HTML-код, с сылкой на Ваш интернет-дневник или блог. Подробно о том, как это делается, Вы можете прочитать в соответствующем разделе помощи.
/s56.radikal.ru/i152/0909/d3/8c8e35074a4f.jpg" target="_blank">//s56.radikal.ru/i152/0909/d3/8c8e35074a4f.jpg)" cellspacing="0" cellpadding="0">
/i066.radikal.ru/0909/10/1f310d68ebed.gif" target="_blank">//i066.radikal.ru/0909/10/1f310d68ebed.gif)" cellspacing="0" cellpadding="0">
/s44.radikal.ru/i103/0909/13/ac927f7c0e17.png" target="_blank">//s44.radikal.ru/i103/0909/13/ac927f7c0e17.png)" cellspacing="0" cellpadding="0">
/i074.radikal.ru/0909/e3/17a207cbe2ce.jpg" target="_blank">//i074.radikal.ru/0909/e3/17a207cbe2ce.jpg)" cellspacing="0" cellpadding="0">
/i076.radikal.ru/0909/70/7998638cf69e.gif" target="_blank">//i076.radikal.ru/0909/70/7998638cf69e.gif)" cellspacing="0" cellpadding="0"> |
/s44.radikal.ru/i103/0909/13/ac927f7c0e17.png" target="_blank">//s44.radikal.ru/i103/0909/13/ac927f7c0e17.png)" cellspacing="0" cellpadding="0"> |
/s58.radikal.ru/i160/0909/95/596d174eda5a.jpg" target="_blank">//s58.radikal.ru/i160/0909/95/596d174eda5a.jpg)" cellspacing="0" cellpadding="0"> |
 |
/i076.radikal.ru/0909/70/7998638cf69e.gif" target="_blank">//i076.radikal.ru/0909/70/7998638cf69e.gif)" cellspacing="0" cellpadding="0">
/s44.radikal.ru/i103/0909/13/ac927f7c0e17.png" target="_blank">//s44.radikal.ru/i103/0909/13/ac927f7c0e17.png)" cellspacing="0" cellpadding="0">
/i032.radikal.ru/0909/d1/4e4e9a340b7a.jpg" target="_blank">//i032.radikal.ru/0909/d1/4e4e9a340b7a.jpg)" cellspacing="0" cellpadding="0">

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