[FAQ] bb-код [DECOR] - безграничные возможности оформления тем ;) - Страница 2

ErikPshat · 07.07.2012, 23:13

Сообщение от KirJan-DeSign

а чёт не на одной высоте? и в чём прикол? =)

Потому что у PIC выставлен отступ со всех сторон на 8 пикселей уже в коде - margin: 8px;

Но это не единственное отличие.
Так найди 2 отличия!

**KirJan-DeSign** · 07.07.2012, 23:22

Сообщение от ErikPshat

Так найди 2 отличия!

сдаюсь)))

охтыж, блеать!!!!
теперь понял) а вертикальный hr можно сделать?
https://www.pspx.ru/forum/showpost.ph...3&postcount=49
это
вообще
прикольновот так вот
писать
столбцами!вот только
теперь
сложнее будет
темы
писать)

ErikPshat · 07.07.2012, 23:46

Сообщение от KirJan-DeSign

сдаюсь)))

Ну тогда ищи ответ здесь: https://www.pspx.ru/forum/showthread....43#post1042543

Попробуй сделать так же с [PIC]
И попробуй в [PIC] воткнуть [ATTACH]
Ну и попробуй ещё в [PIC] засунуть что-нибудь другое, кроме изображения, пусть даже раком

Yoti · 08.07.2012, 12:45

Что-то мне кажется, что вот эти вот украшали - огромная дыра в безопасности.

ErikPshat · 08.07.2012, 20:56

Yoti, это действует только на стили.
Вот допустим последний рассматриваемый HTML-код:

<span style="float:left; margin: 0 20px;">
это
<br/>
 вообще
<br/>
 прикольно
</span>

Как видишь, <span> - предназначен для определения строчных элементов документа. В отличие от блочных элементов, таких как <table>, <p> или <div>, с помощью тега <span> можно выделить часть информации внутри других тегов и установить для нее свой стиль. То есть, это действет только на текст и составляющие в части оформления внутри предложений, где перенос категорически не уместен. А если бы я вставил <div>, то это обязательно переносит заключённый в тег текст на новую строку, чего нам не требуется.

<span style="float: {option};"> - это как раз влияет только на стиль оформления. В bb-коде подставляется то, что мы вставляем вместо значения {option}, мы подставляем, куда отобразить текст или картинку или всё, что угодно.

Здесь да, я использую хитрость, что подставляя просто left в этот код, вместо {option}, можно добавлять ещё параметры, которые понимает функция float, она и отвечает за расположение в пространстве. То есть, я туда вставляю не просто left, а left; margin: 0 20px;
и получается уже не просто <span style="float: left;">, как задумывалось в BB-коде,
а вот такое <span style="float: left; margin: 0 20px;">. Туда можно через точку с запятой добавлять и ещё разные параметры, не только margin, но работать будут только те параметры, которые поддерживаются тегом float. А margin я вставил для того, чтобы сделать отстпуп на 20px по горизонтали справа и слева.

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

Абсолютно то же самое происходит с другими тегами в шапке темы, как параметр:

<div style="background: {options};"> - тут свойство background может иметь большое количество опций и подопций, как вставка цвета, картинки(ок), расположения, наложения, прозрачности, и т.п. и т.д.. А в свою очередь эти подопции, каждая имеет ещё свои опции. Тут сам чёрт ногу сломает.

Но опять же, тут мы только действуем на свойство style background, а это действует только на стиль отображения. Если вставлять в параметр {options} какой-то левый вредоносный скрипт, то он в стиле просто не задействуется.
Хотя, возможно это и опасно, но я не предполагаю, как это можно замутить.

ErikPshat · 22.07.2012, 06:59

Ещё один прикольный декор, состоящий из одного маленького квадратика 52 x 52 пикселя 3.4 KБ.
Маленький очень хорошо имитирует шелкографию, по-моему красиво смотрится.

Состоит из квадратика 104 x 104 пикселей 5.4 KБ.
Большой (увеличенный) уже не так эффектно выглядет, что-то слишком вроде как-то крупноватое зерно получилось.

**vash** · 02.08.2012, 17:34

Оформление тем - это здорово, спасибо. Изучаю.
У меня вот такой вопрос: "А как переименовать уже созданную свою тему?"
Опять чего-то растерялся, кто знает? Нигде не смог найти

**DIIGMO** · 02.08.2012, 17:46

vash, опции темы -> редактирование темы. Естественно, это работает только в тех разделах, где ты модератор, не зависимо от того, являешься ты автором темы или нет.

**COOLERbyPSP** · 02.08.2012, 17:56

ErikPshat, чёто много они весят

**KirJan-DeSign** · 02.08.2012, 19:33

Сообщение от vash

как переименовать уже созданную свою тему?

на той странице, где список тем, кликаешь справа от надписи с названием темы (о_0) и название темы можно редактировать)
это, кстати, в глюках форума обсуждалось относительно недавно)))

ErikPshat · 02.08.2012, 20:01

Приветствую вас господа и кхм, кхм, товарищи!!!

Так как со временем мы внесли поправки к тегу ДЕКОРа, в частности...
были убраны строго закреплённые "Белый цвет шрифта" и "Тени шрифта" в декоре,
то ранее написанная инструкция в шапке, немного не соответствовала действительности.

На данный момент, я исправил все недочёты в описании и в том числе,
исправил готовые коды "Цветов по стилям для разделов".

Прошу любить и жаловать прочитать и зазубрить первый пост заново!

Сообщение от COOLERbyPSP

ErikPshat, чёто много они весят

Не, это у тебя много весят

ErikPshat · 08.10.2012, 21:33

Уж больно понравилась мне эта кнопочка:

Content Manager Assistant
for PlayStation® Vita

- - -
ну
и

- - -
Content Manager Assistant
for PlayStation® Vita

ErikPshat · 23.10.2012, 08:03

Прикольную рамочку замутил:

1 Пункт 1

2 Пункт 2

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

Код для Декора:

; border-bottom: 1px solid #FFFFFF; border-left: 1px solid #999999; border-right: 1px solid #FFFFFF; border-top: 1px solid #999999;
color: #555555; display: inline-block; font-size: 20px; margin: 0px 6px 0px 0px; padding: 0px; position: relative; text-align: center;
text-shadow: 1px 1px 0px #FFFFFF

ErikPshat · 03.11.2012, 06:42

Привет, градиент!

StepS · 03.11.2012, 13:04

Где? Фон под текстом пустой

хм, в опере работает
PS: щас заметил, что при клике в любое место страницы опера что-то грузит на мгновение. немного напрягает

**KirJan-DeSign** · 03.11.2012, 17:21

Сообщение от ErikPshat

/* FF3.6+ *//* Chrome10+,Safari5.1+ *//* IE10+ */ /* W3C */ /* IE6-9 *

а для мазилы где?

ErikPshat · 03.11.2012, 21:59

Сообщение от KirJan-DeSign

а для мазилы где?

Ну так -moz- и есть для мазилы.
Там не картинка, а прочто код, заставляющий растекаться градиенту от указанного значения цвета до указанного значения цвета.

background: -moz-linear-gradient(top, #4c4c4c,#131313); /* FF3.6+ */ это и есть FireFox (Mozilla)

-moz-linear-gradient - код стиля градиента.
top - направление градиента, здесь сверху, значит вниз. Существует left, right, top, bottom, либо их сочетания, например, "top left" это левый верхний угол.
#4c4c4c - начальный цвет градиента.
#131313 - конечный цвет градиента.

По умолчанию, если ничего не указывать, цвет идёт от 0 до 100%
Количество указанных цветов может быть даже 3 или 4 или 5 или вообще бесконечное ))) просто переход от одного к другому указывается через запятую и таких переходов может быть сколько угодно.

Привет, градиент!

Для ленивых: Ultimate CSS Gradient Generator

**COOLERbyPSP** · 05.11.2012, 23:09

В яндексе тоже не пашет, в опере полёт нормальный, но она у меня "не летает" =\

ErikPshat · 08.11.2012, 03:52

Визуальный редактор градиентов.

Хех, а вот в Мазиле градиентов почему-то не видно )))
И вот этой фичи не видно: https://www.pspx.ru/forum/showpost.ph...6&postcount=12
И этой: https://www.pspx.ru/forum/showpost.ph...5&postcount=19

Представляю, как они там сидят и смотрят чёрно-белое кино

И ещё прикол, что в шапке, под заголовком темы они видят пустой прямоугольник: https://www.pspx.ru/forum/showpost.ph...43&postcount=1

А это почему-то видно в Мазиле и в Опере.

Радуга, радуга, радуга дуга дуга

ErikPshat · 08.12.2012, 03:03

Ещё одна интересная возможность декора - это плавающая кнопка.

Код тут элементарен, просто выставлен код закрепления позиции картинки к прокрутке страницы.

[DECOR="; position:fixed; bottom:30px; right:24px; opacity:0.5;"]
[CENTER][ANCHOR="#poststop"]⇑[/ANCHOR]
[IMG]https://www.pspx.ru/forum/images/smilies/girl_crazy.gif[/IMG]
[ANCHOR="#QREPLY"]⇓[/ANCHOR][/CENTER]
[/DECOR]

Собсно разберём код Декора: ; position:fixed; bottom:30px; right:24px; opacity:0.5;

; //В начале ставим точку c запятой, т.к. цвета Бэкграунда и ссылки на картинку нам не нужно.
position:fixed; //Это и есть фиксирование позиции того, что мы вставляем между тегами декора.
bottom:30px; //Отступ снизу.
right:24px; //Отступ справа.
opacity:0.5; //Прозрачность 50%

Как видно, всё элементарно просто )))
Ну и между тегами Декора я вставил стрелку вверх, картинку, стрелку вниз.
На стрелки просто повесил ссылки-якоря, а сами якоря расставил в нужных местах HTML-страницы: