Нововведения, новые возможности оформления публикаций
+4
Нововведения, новые возможности оформления публикаций

Приветствую друзья, вы наверное заметили что сегодня у нас особо небыло новостей, весь день я ковырялся в кишочках rdn и делал его ещё замечательнее.

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

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

Но это ещё не все, самые вкусности вас ждут в полной новости..

Сегодня я добавил новые секретные bbcode которые сделают вашу публикацию более насыщенной различными визуальными эффектами!
Коды можно использовать только через написание их вручную. (на то они и секретные)

Озвучиваю синтаксис и функционал использования:


Добавлен код горизонтальной полосы, позволяет удобно визуально отделить определенный материал от другого.
Использование:
[hr]

Внимание, закрытие этого тега не требуется.

Добавлен код тени текста, позволяет выделять текст красиво.
Использование:
[shadow=#3333FF]ваш текст[/shadow]

Обратите внимание чтобы указать цвет тени к примеру ( #3333FF ) можно воспользоваться имеющимся кодом цвета текста.

Добавлен код подмигивания текста, как на рейтинге.
Использование:
[blink]ваш текст будет мигать[/blink]


Добавлен код всплывающего модального окна с текстом, по аналогии со спойлером.
Использование:
[popup]ваш скрытый текст[/popup]

или
[popup=Заголовок окна]ваш скрытый текст[/popup]


Добавлен код кнопки-ссылки, теперь любую ссылку можно стилизовать под кнопку сайта.
Использование:
[button]ваша ссылка, будет применен редирект[/button]

или
[button=Имя кнопки]ваша ссылка, будет применен редирект[/button]


Добавлен код выделения текста в блок нужного вам цвета
Использование:
[box=#99FFFF]Ваш текст[/box]

Обратите внимание чтобы указать цвет тени к примеру ( #99FFFF ) можно воспользоваться имеющимся выбором кодом цвета текста.

Добавлен код обведения текста в красивую круглую групповую рамку.
Использование:
[group]Ваш текст в рамке[/group]

или
[group=Заголовок рамки]Ваш текст в рамке[/group]


Добавлен код пометки текста маркером, позволяет выделять слова или фразы или параграфы желтым текстом.
Использование:
[m]Этот текст особенно выделен[/m]


Добавлен код нативного форматирования текста, сохраняются все пробелы и переносы строк с табуляцией.
Использование:
[pre]Этот текст будет отображаться так-же как вы его напишите[/pre]


Добавлен код верхней надстрочной полосы над текстом.
Использование:
[o]Ваш текст[/o]


Добавлен код установки прозрачности текста или изображения. Должен быть установлен непосредственно перед текстом или тегом изображения.
Использование:
[v]Прозрачность этого текста будет установлена дефолтным значением 60%[/v]

или
[v=0.3]Прозрачность этого текста будет установлена вашим значением 30%[/v]

Правило по которому нужно размещать код:
[код center][код v]текст

Работать будет только по такой схеме и не иначе!

Добавлен код запрета поисковым системам читать этот контент.
Использование:
[noindex]Этот текст не должен попасть в поисковые системы.[/noindex]


Добавлен код бегущей строки.
Использование:
[scroll]Ваша бегущая строка, с лева направо[/scroll]

или
[scroll=right|top|down]Ваша бегущая строка, в том направлении в котором захотите[/scroll]


Добавлен код обрамление пунктирной границей.
Использование:
[border=#FF0000]Ваш текст будет обведен пунктиром[/border]


Добавлен код создания скроллируемой области.
Использование:
[area]Ваш текст будет в специальной области, превышая которую он будет отображаться скрытым под скроллом, 
дефолтная ширина области 150px[/area]

или
[area=300]Ваш текст будет в специальной области, превышая которую он будет отображаться скрытым под скроллом, 
установлена ширина области 300px[/border]


Добавлен код аннотации текста
Использование:
[n=Текст который будет отображаться подсказкой к вашему тексту]Ваше слово или фраза[/n]


Добавлен фильтр класса округления углов(Rounded) изображений
Использование:
[r][img]Ваше изображение[/img][/r]


Добавлен фильтр класса тени(shaDow) для изображений
Использование:
[d][img]Ваше изображение[/img][/d]


Добавлен фильтр класса отражения в воде(reFlection) для изображений (это было не легко но я сделал это)
Использование:
[f][img]Ваше изображение[/img][/f]


Добавлен класс рамки изображения (sensaTion)
Использование:
[t][img]Ваше изображение[/img][/t]


Добавлен класс рамки изображения (uniQue)
Использование:
[q][img]Ваше изображение[/img][/q]


Добавлен класс рамки изображения (Classic)
Использование:
[c][img]Ваше изображение[/img][/c]


Добавлен тег параграф
Использование:
[p]Ваш текст, первая строка начинается с красной строки, 
остальные строки идут без отступа.[/p]

Можно использовать несколько назначений элемента:
[p]Первый параграф.
Ваш текст[/p]
[p]Второй параграф.
Ваш текст[/p]
[p]Третий параграф.
Ваш текст[/p]


Добавлен тег цензуры, с защитой от индексирования, применим только к текстовым данным.
Использование:
[del]Ваш текст[/del]


Добавлен тег активной прозрачности элемента, при наведении на него прозрачность пропадает.
Использование:
[fd]Ваш текст или картинка[/fd]


Добавлен тег cut, красивый разделитель текста, по типу hr.
Использование:
Ваш текст [cut] ваш текст


Добавлен тег off, означающий офтопик.
Использование:
[off]Ваш текст ваш текст[/off]


Добавлен тег line, позволяющий выделить определённый текст вертикальной линией.
Использование:
[line=#FF0000]Ваш текст ваш текст[/line]


Добавлен тег user, позволяющий быстро указать ссылку на профиль нашего участника.
Использование:
[user]Ник[/user]


Статья как правильно добавить кликабельную картинку:
rdn-team.com

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

{info title="Ахтунг!" action="accept" msg="Внимание, данный материал носит чрезвычайно полезный характер, зубри Гость!"}


Внимание! Данная статья была написана более полугода назад, актуальность материала и состояние жизни ссылок не гарантируется! Воспользуйтесь дополнительными параметрами для поиска необходимого вам контента! Приносим свои извинения...
Russian Federation  Комментарий #1, добавлен: 8 августа 2012, 01:49 [2] [Q] [#]
avatar
INF
+1
хочу погладить котика<!--colorend-->[/o]<!--/colorend--><!--shadowend-->[/o]<!--/shadowend-->

Игорь, после редактирования поста, см. что вылазит ^

и тень везде что-то стала ))

Cтатус: Хочешь мира – готовься к войне :: изменен: 2013-04-18 02:17:50


Russian Federation  Комментарий #2, добавлен: 8 августа 2012, 02:41 [2] [Q] [#]
+1
[o]круть, ну ты прям молодец, Rat)[/o]

 -_o


1после редактирования пропадает
[/shadow]
и появляется
<!--shadowend-->[/o]<!--/shadowend-->


2и o не всегда пашет

Cтатус: верю в добро :: изменен: 2017-06-14 21:09:39
Russian Federation  Комментарий от Автора #3, добавлен: 8 августа 2012, 10:34 [2] [Q] [#]
0
Бага была в коде [ o ] сейчас исправил.
Все должно быть нормально,

тест
Жестяк
Съешь ещё этих мягких жуков, детка



Russian Federation  Комментарий #4, добавлен: 8 августа 2012, 12:09 [2] [Q] [#]
avatar
INF
+1






ПОГЛАДЬ КОТИКА СЦУКА







Заметка:


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

з.ы. ну вот, опять size сломался и blink не работает...

теги выглядит вот так:


[center]
[b]
[shadow=#1414FF]
[color=#1414FF]
[blink]
[size=5]

ПОГЛАДЬ КОТИКА СЦУКА

[/b]
[/shadow]
[/color]
[/size]
[/blink]
[/center]


Cтатус: Хочешь мира – готовься к войне :: изменен: 2013-04-18 02:17:50


Russian Federation  Комментарий от Автора #5, добавлен: 8 августа 2012, 13:04 [2] [Q] [#]
0
Size не сломался, он просто запрещен в комментариях, это стандартная блокировка движка. С Blinkом проблемы вроде нет.
Я разблокировал size, font и другие, теперь можно пользоваться.
Кнопок делать не буду так как эти теги не основные.
Толщина тени 5px её вполне хватит для выделения нужного текста, больше получается уже херня.

Russian Federation  Комментарий #6, добавлен: 8 августа 2012, 13:16 [2] [Q] [#]
avatar
INF
0
так же, как ты видишь все строчки с тегами считаются пустыми на выводе, если теги писать так как я показал в

[ c o d e ]

Cтатус: Хочешь мира – готовься к войне :: изменен: 2013-04-18 02:17:50


Russian Federation  Комментарий от Автора #7, добавлен: 8 августа 2012, 14:02 [2] [Q] [#]
0
Не понял, тебя.

тег code используется для того чтобы отключить все входящие в него коды, например:
[hr]
[box=#3366FF]и прочие теги[/box]


Каждый перенос строки в сообщении так же переносит строку в тексте.

Russian Federation  Комментарий #8, добавлен: 8 августа 2012, 16:04 [2] [Q] [#]
avatar
INF
0
да не, в посте№4 фраза погладь котика, до нее и после нее только по одной пустой строке, а получилось 7, я предположил что из-за тегов на каждой строке.

Cтатус: Хочешь мира – готовься к войне :: изменен: 2013-04-18 02:17:50


Russian Federation  Комментарий от Автора #9, добавлен: 8 августа 2012, 16:43 [2] [Q] [#]
0
Расшифровываю как работают теги:

[center] центрирует текст по центру, переносит строку
[b] выделяет текст жирным, переносит строку
[shadow=#1414FF] добавляет тексту тень, переносит строку
[color=#1414FF] добавляет тексту цвет, переносит строку
[blink] добавляет атрибут мигания, переносит строку
[size=5] устанавливает размер шрифта, переносит строку
[/b] закрывает жирный текст, переносит строку
[/center] закрывает центрирование, переносит строку
[/color] закрывает цвет, переносит строку
и тд

если хочешь чтобы пустого места небыло не переноси строку после бб-кода, сделай вот так:

[center][b][тень][колор][блинк][size
]ПОГЛАДЬ КОТИКА СЦУКА[/center][/b][/color] итд...

Russian Federation  Комментарий #10, добавлен: 8 августа 2012, 17:59 [2] [Q] [#]
avatar
INF
0
Да енто все понятно, просто в первые встречаю такую реализацию тегов, т.е. пустые строки. Обычно везде затираются.

Cтатус: Хочешь мира – готовься к войне :: изменен: 2013-04-18 02:17:50


Russian Federation  Комментарий от Автора #11, добавлен: 8 августа 2012, 18:03 [2] [Q] [#]
0
В DataLife Engine не затераются:)

Russian Federation  Комментарий от Автора #12, добавлен: 10 августа 2012, 00:47 [2] [Q] [#]
0
Добавил ещё тег Scroll и Border. Пример использования тега scroll c тегом border и картинкой+прозрачностью:
"Следуй за белым кроликом"
пример использования тега scroll c тегом border и прозрачностью

Russian Federation  Комментарий #13, добавлен: 10 августа 2012, 11:15 [2] [Q] [#]
avatar
INF
0
похуй пляшем


Cтатус: Хочешь мира – готовься к войне :: изменен: 2013-04-18 02:17:50


Russian Federation  Комментарий от Автора #14, добавлен: 10 августа 2012, 22:18 [2] [Q] [#]
+1



Тест аннотации





Тест кода Area,
с виду это
похоже на фрейм
но это не
фрейм.
вот.

Ukraine  Комментарий #15, добавлен: 16 августа 2012, 02:48 [2] [Q] [#]
0
ого сколько всего запилил

Cтатус: Бегите глупцы :: изменен: 2014-07-16 17:23:34
Russian Federation  Комментарий от Автора #17, добавлен: 24 августа 2012, 23:35 [2] [Q] [#]
0
Добавлен новый фильтр класса тени для изображений, вот пример:


Russian Federation  Комментарий от Автора #18, добавлен: 27 августа 2012, 20:51 [2] [Q] [#]
0
Добавлен код фильтра зеркального отражения картинки:

Оригинал:


После применения фильтра:

Russian Federation  Комментарий от Автора #19, добавлен: 29 августа 2012, 02:46 [2] [Q] [#]
0
добавленны два класса рамки изображений, тонкая граница с тенью и толстая овальная граница:




Russian Federation  Комментарий от Автора #20, добавлен: 1 сентября 2012, 21:12 [2] [Q] [#]
0
Добавлен элемент параграфа:
пример этот текст будет с красной строки,
это новая строка но текст в ней уже не с красной строки
весь текст идет в одном элементе с тегом [ p ]


Добавлен ещё один класс рамки: классическая, пример:

Russian Federation  Комментарий от Автора #21, добавлен: 16 октября 2015, 12:24 [2] [Q] [#]
0
Добавлено два новых тега: цензура и активная прозрачность:

Пример использования кода "цензура":
хуй - это матерное слово!

Пример использования активной прозрачности:
Нововведения, новые возможности оформления публикаций

Russian Federation  Комментарий от Автора #22, добавлен: 6 сентября 2012, 09:25 [2] [Q] [#]
0
Стандартный плеер DLE заменен на Uppod, тестирование:

радио поток:


простое Mp3:


В плеере есть поддержка плейлистов, использование:
Знак разделителя треков: ||
Знак разделителя песни и названия: |

[audio=Прямая ссылка mp3 файл|Имя песни||Вторая прямая ссылка||Итд]
[media=Прямая ссылка mp4 или видео файл||Вторая прямая ссылка||Итд]

Russian Federation  Комментарий от Автора #23, добавлен: 18 февраля 2013, 15:58 [2] [Q] [#]
0
Добавлен новый тег cut, демонстрация
прямо в этом комментарии.

Russian Federation  Комментарий #24, добавлен: 1 февраля 2015, 03:03 [2] [Q] [#]
0
тест цензуры ништяк.

Cтатус: верю в добро :: изменен: 2017-06-14 21:09:39
Russian Federation  Комментарий от Автора #25, добавлен: 13 апреля 2013, 04:46 [2] [Q] [#]
0
небольшой трюк использования тега cut, если он использован в статье то можно сразу перейти к нему:
например в этой статье:
http://rdn-team.com/minigamez/33509-limbo-by-xnteam.html#cut

Russian Federation  Комментарий от Автора #26, добавлен: 23 апреля 2013, 21:41 [2] [Q] [#]
0
Код:
[m][/m]

заменён на:
[mark=#цвет][/mark]


Демо:
Тест маркера

Тест маркера

Тест маркера

Тест маркера

Russian Federation  Комментарий от Автора #27, добавлен: 27 апреля 2013, 20:30 [2] [Q] [#]
0
Добавлен новый тег: Line, демонстрация:
Олерс

Базис

Болерс

CSS Margins are nearly identical to the CSS Padding attribute except for one important difference: a margin defines the white space around an HTML element's border, while padding refers to the white space within the border. Setting the actual value of margin is just the same as with padding, so you can probably zip right through this lesson. CSS Margins are nearly identical to the CSS Padding attribute except for one important difference: a margin defines the white space around an HTML element's border, while padding refers to the white space within the border. Setting the actual value of margin is just the same as with padding, so you can probably zip right through this lesson. CSS Margins are nearly identical to the CSS Padding attribute except for one important difference: a margin defines the white space around an HTML element's border, while padding refers to the white space within the border. Setting the actual value of margin is just the same as with padding, so you can probably zip right through this lesson.

Russian Federation  Комментарий от Автора #28, добавлен: 19 июля 2013, 09:13 [2] [Q] [#]
0
Добавлен новый тег user, позволяющий быстро указать ссылку на профиль нашего участника
Демонстрация:
Moran

Russian Federation  Комментарий от Автора #29, добавлен: 19 июля 2013, 09:13 [2] [Q] [#]
0
Обновление парсера, добавлена возможность принудительного задания размера ширины и высоты изображения, добавлены подсказки в панель bbcode вставки изображения.

Russian Federation  Комментарий от Автора #30, добавлен: 11 августа 2013, 22:53 [2] [Q] [#]
0
Добавлены новые теги:
[ac]Текст защищенный от копирования[/ac]
[justify]Выравнивание текста по ширине[/justify]


Так-же умный парсер теперь умеет:
В теге граница вторым параметром поддерживать размер и стиль границы
[border=#3366FF,medium double]Жуки напали на планету[/border]

Демо:
Жуки напали на планету

Коробка вторым параметром поддерживает размер и стиль границы и цвет
[box=#3366FF,4px dotted  #33CC00]Едят вокруг уже инеты[/box]

Демо:
#33CC00; background:#3366FF; display:block; ">Едят вокруг уже инеты

Подробнее о возможных значениях границ:
http://htmlbook.ru/css/border-width
http://htmlbook.ru/css/border-style

***добавлено через 6 минут, 46 секунд***

Аудиоплеер может воспроизводить видео с ютуба:

Видео плеер тоже может, только качество выставлять не умеет:

Оставить комментарий / Добавление ссылок в комментариях разрешено