• Авторизация


РАМОЧНИК 24-09-2009 07:58 к комментариям - к полной версии - понравилось!



Всем доброго времени суток!


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

Этот сервис берет на себя всю "грязную" работу по созданию HTML-кода рамочек, позволяя сосредоточиться на главном - творческой составляющей.

Сервис называется Рамочник.
(От создателей Текстокраса.)

Вот, например, такую рамочку можно сделать с помощью Рамочника буквально за несколько минут.
/i057.radikal.ru/0909/0f/d19478e161e0.gif" target="_blank">http://i057.radikal.ru/0909/0f/d19478e161e0.gif);padding:10px">
/s41.radikal.ru/i091/0909/a0/8623fe6aad46.png" target="_blank">http://s41.radikal.ru/i091/0909/a0/8623fe6aad46.png);">
/i057.radikal.ru/0909/60/173c1ca01416.png" target="_blank">http://i057.radikal.ru/0909/60/173c1ca01416.png);padding:20px;text-align:center"> [показать]
/i057.radikal.ru/0909/60/173c1ca01416.png" target="_blank">http://i057.radikal.ru/0909/60/173c1ca01416.png);padding:20px;text-align:center">Достаточно простой пример того, что можно делать с помощью Рамочника.

(Тут может быть любой текст любым шрифтом, цветом и размером или картинки или все вместе.)
[показать]



Философия использования Рамочника очень проста:
1. Заходите в Рамочник и создаете в нем свою рамочку - она будет отображаться в превью по мере создания, так что Вы всегда сможете видеть, то, что у Вас получается.
2. Под превью находится текстовое поле с кодом этой рамочки и настройками. Выбираете в настройках "блоги mail.ru" (или любой другой сайт, если Вы захотите использовать рамочку на другом сайте) и копируете код рамочки.
3. Вставляете код рамочки на страницу своего блога или сообщества.


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

На самом деле эти действия можно выполнять в произвольном порядке. Даже после того как вы полностью оформили рамочку, вы можете, например, поменять ее шаблон.


Мы (разработчики) собрали на сайте Рамочника некоторое количество фонов и блесток для использования в рамках, но вы можете (да и как без этого?) использовать в качестве фона (или содержимого рамочки) любую картинку, доступную через интернет по ее URL-адресу (http://адрес.картинки).

Здесь (на всякий) Вы можете воспользоваться подробной инструкцией по созданию рамочек.



Несколько слов по поводу технической стороны - кодов рамочек.

Разные сайты блогов и интернет дневников требуют использования различного кода для отображения рамочки. На данный момент мы поддерживаем 13 таких сайтов, для каждого из них Рамочник умеет создавать подходящий код.

Специально для mail.ru мы сделали два варианта кода: стандартный и альтернативный.

Стандартный - это код, который обычно используется на мейле для рамочек. У него есть несколько недостатков (впрочем, уверен, что вам это известно лучше многих): нельзя использовать фон, заданный цветом, а не картинкой (мейл не дает использовать атрибут таблицы bgColor), и нельзя использовать цветные бордюры и бордюры с различным стилем (мейл делает все бордюры серыми и плоскими).

Что касается цветного фона, мы исправили этот недостаток, сделав набор однопиксельных картинок, соответствующих различным цветам (всем цветам вида #XXYYZZ в формате RGB). Рамочник сам подставляет эти картинки в фон вместо цветов, так, что вам не нужно специально следить за этим.

Для того, чтобы включить возможность использования бордюров мейле, мы создали альтернативный код.

Альтернативный - этот код позволяет использовать фон, заданный цветом (без наших однопиксельных картинок), цветные бордюры и бордюры разных стилей (двойной, пунктирный, выпуклый, вдавленный и проч). У него есть один недостаток - мейл не может "прожевать" большое количество вложенных элементов такого кода (больше восьми, впрочем, этого часто вполне достаточно). Поэтому мы оставили стандартный код тоже.

Таким образом, если Вы хотите рамочку с большим количеством фонов или цветов - пользуйтесь стандартным кодом, а если хотите использовать в своей рамке бордюры - альтернативным.


На сайте так же имеется Галерея Рамочника.

В галерее можно посмотреть и выбрать для использования готовые рамки, сделанные другими пользователями Рамочника или добавить туда свою (думаю, что Мастерам рамочек это может быть даже более интересно, чем простым пользователям).

Добавление рамочки в галерею дает Вам ряд удобных возможностей:

1. Легко получить код этой рамочки в любой момент (каждая рамка имеет в галерее свою личную страницу с постоянным адресом, на которую можно ссылаться из блогов).

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

3. Можно получать код одной и той же рамки для различных сайтов интернет дневников. В том числе: ya.ru, liveinternet.ru, livejournal.com, rambler.ru, privet.ru. То есть ваша рамочка будет доступна и для пользователей других сайтов.

4. Можно менять содержимое рамочки прямо на ее личной странице в галерее. Удобно для тех, кто хочет оформить сразу несколько постов в одной и той же рамочке. Если же Вы Мастер рамочек и делаете их для других пользователей, то им также будет удобно вставлять свой текст в Ваши рамочки прямо на личной странице рамочки в галерее, не копаясь в HTML-коде.

5. Из галереи рамочку всегда можно отправить обратно в Рамочник для изменения. Удобно для создания нескольких рамочек в общем стиле.

6. Наконец, при добавлении рамки в галерею Вы можете указать свое имя или ник и ссылку на свой блог или сообщество. О Вас узнают другие пользователи Рамочника с других сайтов.

Вот, такой вот сервис.
Он очень молодой еще, и было бы важно узнать ваше мнение, особенно тех, кто занимается этим профессионально: может есть замечания, вопросы или предложения.
Пишите мне прямо сюда или в наше сообщество: http://my.mail.ru/community/chmaf/

Ссылки.
РАМОЧНИК: 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">http://s56.radikal.ru/i151/0909/3c/577a92d1fb06.png);padding:20px">
/i026.radikal.ru/0909/46/80b63202e405.png" target="_blank">http://i026.radikal.ru/0909/46/80b63202e405.png);">
/s13.radikal.ru/i186/0909/a3/92f8cfd7851d.png" target="_blank">http://s13.radikal.ru/i186/0909/a3/92f8cfd7851d.png);padding:10px">
/s46.radikal.ru/i112/0909/e6/53511e1c629b.png" target="_blank">http://s46.radikal.ru/i112/0909/e6/53511e1c629b.png);padding:4px">
/s05.radikal.ru/i178/0909/0d/fd9ae144053c.gif" target="_blank">http://s05.radikal.ru/i178/0909/0d/fd9ae144053c.gif);padding:3px">
/s46.radikal.ru/i112/0909/e6/53511e1c629b.png" target="_blank">http://s46.radikal.ru/i112/0909/e6/53511e1c629b.png);padding:4px">
Рамка может содержать несколько внутренних рамочек, которые мы называем "подрамочками".
Расстояние между внутренними подрамочками можно регулировать.
/s13.radikal.ru/i186/0909/a3/92f8cfd7851d.png" target="_blank">http://s13.radikal.ru/i186/0909/a3/92f8cfd7851d.png);padding:10px">
/s46.radikal.ru/i112/0909/e6/53511e1c629b.png" target="_blank">http://s46.radikal.ru/i112/0909/e6/53511e1c629b.png);padding:4px">
/s05.radikal.ru/i178/0909/0d/fd9ae144053c.gif" target="_blank">http://s05.radikal.ru/i178/0909/0d/fd9ae144053c.gif);padding:3px">
/s46.radikal.ru/i112/0909/e6/53511e1c629b.png" target="_blank">http://s46.radikal.ru/i112/0909/e6/53511e1c629b.png);padding:4px">
Для каждой из них Вы можете задать свой размер, а также указать вид и выравнивание текста.
/s13.radikal.ru/i186/0909/a3/92f8cfd7851d.png" target="_blank">http://s13.radikal.ru/i186/0909/a3/92f8cfd7851d.png);padding:10px">
/s46.radikal.ru/i112/0909/e6/53511e1c629b.png" target="_blank">http://s46.radikal.ru/i112/0909/e6/53511e1c629b.png);padding:4px">
/s05.radikal.ru/i178/0909/0d/fd9ae144053c.gif" target="_blank">http://s05.radikal.ru/i178/0909/0d/fd9ae144053c.gif);padding:3px">
/s46.radikal.ru/i112/0909/e6/53511e1c629b.png" target="_blank">http://s46.radikal.ru/i112/0909/e6/53511e1c629b.png);padding:4px">
Удобная возможность Рамочника - задавать общий внешний вид для нескольких подрамочек одновременно, как сделано в этом примере для трех внутренних.

Вам не нужно указывать одни и те же фоны, блестки, цвета, и ширины для каждой из подрамочек отдельно - выберите на схеме нужные подрамочки и задайте их стиль ОДИН раз.
[показать]

/s56.radikal.ru/i153/0909/7b/0ae73a637c4b.png" target="_blank">http://s56.radikal.ru/i153/0909/7b/0ae73a637c4b.png);padding:8px">
/i026.radikal.ru/0909/7d/5215598b8c14.gif" target="_blank">http://i026.radikal.ru/0909/7d/5215598b8c14.gif);padding:6px">
/s40.radikal.ru/i087/0909/46/54942e29bc05.png" target="_blank">http://s40.radikal.ru/i087/0909/46/54942e29bc05.png);">
/i055.radikal.ru/0909/b7/aedb71dcbea7.png" target="_blank">http://i055.radikal.ru/0909/b7/aedb71dcbea7.png);padding:16px;text-align:left">Содержимым рамочки может быть не просто текст, но и картинка:

[260x205]

А также, почти любой другой HTML-код. Подробно о том как редактировать содержимое рамок можно прочитать в соответствующем разделе помощи.
/i055.radikal.ru/0909/b7/aedb71dcbea7.png" target="_blank">http://i055.radikal.ru/0909/b7/aedb71dcbea7.png);padding:14px;text-align:center">В холодных переливах лир
Какая замирает осень!
Как сладостен и как несносен
Ее златострунный клир!

Она поет в церковных хорах
И в монастырских вечерах
И, рассыпая в урны прах,
Печатает вино в амфорах.

Как успокоенный сосуд
С уже отстоянным раствором,
Духовное - доступно взорам,
И очертания живут.

Колосья, так недавно сжаты,
рядами ровными лежат:
И пальцы тонкие дрожат,
К таким же как они, прижаты.

Осип Мандельштам, 1909г.
[показать]


/i069.radikal.ru/0909/18/4259d6ce49e9.jpg" target="_blank">http://i069.radikal.ru/0909/18/4259d6ce49e9.jpg);padding:3px">
/s45.radikal.ru/i107/0909/34/d865bbe1782d.png" target="_blank">http://s45.radikal.ru/i107/0909/34/d865bbe1782d.png);padding:5px">
/i001.radikal.ru/0909/57/99e6a02f6f33.gif" target="_blank">http://i001.radikal.ru/0909/57/99e6a02f6f33.gif);padding:3px">
/s16.radikal.ru/i191/0909/21/8460467e8545.gif" target="_blank">http://s16.radikal.ru/i191/0909/21/8460467e8545.gif);padding:15px">
/s48.radikal.ru/i120/0909/4c/a934cc8651d2.jpg" target="_blank">http://s48.radikal.ru/i120/0909/4c/a934cc8651d2.jpg);">К любой рамочке можно добавить свою авторскую подпись. С точки зрения создания и редактирования подпись ничем не отличается от любого другого содержимого, кроме того, что всегда находится внизу рамки. Это может быть текст, картинка (как здесь) или другой простой HTML-код, с сылкой на Ваш интернет-дневник или блог. Подробно о том, как это делается, Вы можете прочитать в соответствующем разделе помощи.


/s56.radikal.ru/i152/0909/d3/8c8e35074a4f.jpg" target="_blank">http://s56.radikal.ru/i152/0909/d3/8c8e35074a4f.jpg);padding:10px">
/i066.radikal.ru/0909/10/1f310d68ebed.gif" target="_blank">http://i066.radikal.ru/0909/10/1f310d68ebed.gif);padding:5px">
/s44.radikal.ru/i103/0909/13/ac927f7c0e17.png" target="_blank">http://s44.radikal.ru/i103/0909/13/ac927f7c0e17.png);padding:5px">
/i074.radikal.ru/0909/e3/17a207cbe2ce.jpg" target="_blank">http://i074.radikal.ru/0909/e3/17a207cbe2ce.jpg);">
/i076.radikal.ru/0909/70/7998638cf69e.gif" target="_blank">http://i076.radikal.ru/0909/70/7998638cf69e.gif);padding:3px">
/s44.radikal.ru/i103/0909/13/ac927f7c0e17.png" target="_blank">http://s44.radikal.ru/i103/0909/13/ac927f7c0e17.png);padding:3px">
/s58.radikal.ru/i160/0909/95/596d174eda5a.jpg" target="_blank">http://s58.radikal.ru/i160/0909/95/596d174eda5a.jpg);padding:20px;text-align:center"> [340x256]
/i076.radikal.ru/0909/70/7998638cf69e.gif" target="_blank">http://i076.radikal.ru/0909/70/7998638cf69e.gif);padding:3px">
/s44.radikal.ru/i103/0909/13/ac927f7c0e17.png" target="_blank">http://s44.radikal.ru/i103/0909/13/ac927f7c0e17.png);padding:3px">
/i032.radikal.ru/0909/d1/4e4e9a340b7a.jpg" target="_blank">http://i032.radikal.ru/0909/d1/4e4e9a340b7a.jpg);padding:20px;text-align:center"> [340x256]
Вы можете не задавать границы и подложки одной из внутренних рамочек, и тогда будет казаться, что текст написан прямо во внешней большой рамке.
[показать]

вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник РАМОЧНИК | левадия - МОЯ ЖЕМЧУЖИНА | Лента друзей левадия / Полная версия Добавить в друзья Страницы: раньше»