PSPx форум

PSPx форум (https://www.pspx.ru/forum/index.php)
-   BB-коды форума (https://www.pspx.ru/forum/forumdisplay.php?f=424)
-   -   [FAQ] bb-код [DECOR] - безграничные возможности оформления тем ;) (https://www.pspx.ru/forum/showthread.php?t=99727)

ErikPshat 07.07.2012 23:13

Цитата:

Сообщение от KirJan-DeSign (Сообщение 1042539)
а чёт не на одной высоте? и в чём прикол? =)

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

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

KirJan-DeSign 07.07.2012 23:22

Цитата:

Сообщение от ErikPshat (Сообщение 1042540)
Так найди 2 отличия!

сдаюсь)))

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

ErikPshat 07.07.2012 23:46

Цитата:

Сообщение от KirJan-DeSign (Сообщение 1042541)
сдаюсь)))

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

  1. Попробуй сделать так же с [PIC] :D

  2. И попробуй в [PIC] воткнуть [ATTACH] :xD:

  3. Ну и попробуй ещё в [PIC] засунуть что-нибудь другое, кроме изображения, пусть даже раком :xDD:

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

Вложений: 2
https://www.pspx.ru/forum/attachment....achmentid=7476 https://www.pspx.ru/forum/attachment....achmentid=7477


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






















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




















vash 02.08.2012 17:34

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

DIIGMO 02.08.2012 17:46

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

COOLERbyPSP 02.08.2012 17:56

Вложений: 2
ErikPshat, чёто много они весят http://puu.sh/NWJg

KirJan-DeSign 02.08.2012 19:33

Цитата:

Сообщение от vash (Сообщение 1044568)
как переименовать уже созданную свою тему?

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

ErikPshat 02.08.2012 20:01


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

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

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

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



Цитата:

Сообщение от COOLERbyPSP (Сообщение 1044571)
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 (Сообщение 1053493)
/* FF3.6+ *//* Chrome10+,Safari5.1+ *//* IE10+ */ /* W3C */ /* IE6-9 *

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

ErikPshat 03.11.2012 21:59

Цитата:

Сообщение от KirJan-DeSign (Сообщение 1053555)
а для мазилы где?

Ну так -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

Вложений: 1




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

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

И ещё прикол, что в шапке, под заголовком темы они видят пустой прямоугольник: 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-страницы:
  • Вверх - над первым постом (якорь #poststop)
  • Вниз - над формой быстрого ответа (якорь #QREPLY).

В результате имеем на странице такую летающую фигню, в нижнем правом углу страницы...



Текущее время: 09:30. Часовой пояс GMT +3.

Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2025, vBulletin Solutions, Inc. Перевод: zCarot
PSPx Forum - Сообщество фанатов игровых консолей.