Стили оформления для Lego-профилей

[Dan]

У нас что не понедельник, так сразу великий ; ) Не могу больше терпеть - принимайте обновку!

Стили для LEGO-профилей

Эти стили созданы специально для облегчения оформления ваших профилей. Подробнее о создании своего LEGO-профиля, стилях, наполнении и оформлении.

На данный момент создано 10 Стилей для LEGO-профилей. Они все базовые и различаются лишь расцветкой и минимумом оформления, поэтому и имеют название "classic-...". В дальнейшем планируется создать более эксклюзивные и направленные стили, а так же существенно расширить варианты их оформления.

Вид и параметры тега стиля [lpstyle]

Код: Выделить всё

[lpstyle=***, +++]текст[/lpstyle]

где *** - это название используемого стиля, а +++ цвет фона под текстом.
Учтите, что для использования темного фона, вам придется изменять цвет текста, иначе никто не сможет ничего прочесть.

Дополнительные поля в стиле (разделитель) - тег [lpsrow]:

Код: Выделить всё

[lpsrow=***, +++1, +++2][/lpsrow]

где *** - это название используемого стиля, а +++1 - цвет фона в предыдущей ячейке, +++2 - цвет фона в следующей ячейке.

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

Существующие стили:

текст1 текст2

classic-yellow Код: Выделить всё [lpstyle=classic-yellow, #fffde0]текст1[lpsrow=classic-yellow, #fffde0, #fffde0][/lpsrow]текст2[/lpstyle] код разделителя: Код: Выделить всё [lpsrow=classic-yellow, #fffde0, #fffde0][/lpsrow]

текст1 текст2

classic-orange Код: Выделить всё [lpstyle=classic-orange, #ffecd2]текст1[lpsrow=classic-orange, #ffecd2, #ffecd2][/lpsrow]текст2[/lpstyle] код разделителя: Код: Выделить всё [lpsrow=classic-orange, #ffecd2, #ffecd2][/lpsrow]

текст1 текст2

classic-darkorange Код: Выделить всё [lpstyle=classic-darkorange, #ffecd2]текст1[lpsrow=classic-darkorange, #ffecd2, #ffecd2][/lpsrow]текст2[/lpstyle] код разделителя: Код: Выделить всё [lpsrow=classic-darkorange, #ffecd2, #ffecd2][/lpsrow]

текст1 текст2

classic-green Код: Выделить всё [lpstyle=classic-green, #FFFFBF]текст1[lpsrow=classic-green, #FFFFBF, #FFFFBF][/lpsrow]текст2[/lpstyle] код разделителя: Код: Выделить всё [lpsrow=classic-green, #FFFFBF, #FFFFBF][/lpsrow]

текст1 текст2

classic-lightgreen Код: Выделить всё [lpstyle=classic-lightgreen, #FFFFBF]текст1[lpsrow=classic-lightgreen, #FFFFBF, #FFFFBF][/lpsrow]текст2[/lpstyle] код разделителя: Код: Выделить всё [lpsrow=classic-lightgreen, #FFFFBF, #FFFFBF][/lpsrow]

текст1 текст2

classic-gray Код: Выделить всё [lpstyle=classic-gray, #f3f3f3]текст1[lpsrow=classic-gray, #f3f3f3, #f3f3f3][/lpsrow]текст2[/lpstyle] код разделителя: Код: Выделить всё [lpsrow=classic-gray, #f3f3f3, #f3f3f3][/lpsrow]

текст1 текст2

classic-darkred Код: Выделить всё [lpstyle=classic-darkred, #faefef]текст1[lpsrow=classic-darkred, #faefef, #faefef][/lpsrow]текст2[/lpstyle] код разделителя: Код: Выделить всё [lpsrow=classic-darkred, #faefef, #faefef][/lpsrow]

текст1 текст2

classic-blue Код: Выделить всё [lpstyle=classic-blue, #d6d2ff]текст1[lpsrow=classic-blue, #d6d2ff, #d6d2ff][/lpsrow]текст2[/lpstyle] код разделителя: Код: Выделить всё [lpsrow=classic-blue, #d6d2ff, #d6d2ff][/lpsrow]

текст1 текст2

classic-lightblue Код: Выделить всё [lpstyle=classic-lightblue, #b7ebff]текст1[lpsrow=classic-lightblue, , #b7ebff][/lpsrow]текст2[/lpstyle] код разделителя: Код: Выделить всё [lpsrow=classic-lightblue, #b7ebff, #b7ebff][/lpsrow]

текст1 текст2

classic-pink Код: Выделить всё [lpstyle=classic-pink, #ffd9db]текст1[lpsrow=classic-pink, #ffd9db, #ffd9db][/lpsrow]текст2[/lpstyle] код разделителя: Код: Выделить всё [lpsrow=classic-pink, #ffd9db, #ffd9db][/lpsrow]

текст1

simple Код: Выделить всё [lpstyle=simple, #ffffff]текст1[/lpstyle] Разделитель в этом стиле не используется. Фон всегда белый.

Предложения и пожелания по расширению расцветок всегда с радостью принимаются!)

[Akinoka]

Интересно!Когда я создам свой профиль,обезательно поставлю стиль с Дракончиком Роботиком!

[Dan]

Видит ли кто-нибудь разрывы или несостыковки как-нибудь в стилях?
Если увидите - сообщите имя и версию вашего браузера, пожалуйста!

[SteelGhost]

всё ок для IE 6
вот только где профиль TECHNIC ?

[Technar]

Помогите пожалуйста Dan можете дать пример профиля Lego только со стилями?

[Dan]

Для примера - выложил картинку (справа) и реальный стиль (слева). Они должны быть одинаковые ( если по хорошему). Не должно быть никаких горизонтальных разрывов. Картинка чуть больше по размеру - это не важно.

Фон должен быть белым вокруг стиля. Т.е. как на картинке. Под минифигой с собачкой должен быть белый фон.

Одинаковые ли они у вас?)

текст1 текст2

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

Вот так могут выглядеть битые варианты:



надеюсь у вас не так)

[Повелитель Воздуха]

Dan
1. Благодарю за такие отличные стили.
2. Отличие №1. Первый фон светлее.
3. Отличие №2. Левая картинка чуть выше правой.
P.S. Может у меня что-то не так из-за того что я на Operе.

[Technar]

Одинаковые ли они у вас?)

Правая у меня более светлая и более похожая на желтую
а Левая более похожа на бежевую!
и ещё в правой текст1 и текст2 более жирный чем на левой!
и так же как у Повелителя воздухалевая картинка выше чем правая!

[Dan]

Оттенки цвета не важны, размер шрифта - тоже. Сейчас выложил выше битые варианты.

[Serg]

Код: Выделить всё

Вы писали, что это тэг к разделителю "Светлоголубого" фона профилей. У меня на этот код разделитель не сработал. Зато сработал на такой:

Код: Выделить всё

[lpsrow=classic-lightblue, #b7ebff, #b7ebff][/lpsrow]

Это я посмотрел на другие коды разделителей, эти

Код: Выделить всё

#b7ebff

были по два раза, а здесь один. Попробовал раздвоить - получилось.

[Повелитель Воздуха]

Dan
А как скоро ожидаются новые стили? И будут ли среди них Биониклы?

[Dan]

Serg, Спасибо! Моя ошибка - забыл дописать. Теперь исправил.
Проблем со отображением стилей нет?

Повелитель Воздуха, я, если често, не очень понимаю, что там изображать) Если говорить о продолжении серии classic - то это не сложно, надо только найти подходящую картинку.

[SpaceHeathen]

Отличия "не по цвету-шрифту" - левая немного меньше, да и чуть-чуть помутнее (не цвет, а все изображение), а второе более четкое. Больше никаких различий, как мне кажется, все пучком. Mozilla Firefox)

[City thief]

А как всавить

[OSP-Scata]

Есть у меня несостыковка со стилем classic-blue (я же роботосерии люблю, вот его и хотела поставить). Сделала на пробу предпросмотр, вставив просто код из этой темы, и вот что получается (обведено):

А как всавить

Вставляешь код, там где указано "текст" - пишешь строчку текста из профиля. Потом код разделителя, потом опять текст, и так столько раз, сколько у тебя в профиле пунктов. HTML изучи, легче будет с кодами управляться.
Да, браузер - Firefox 3 RC 1.