Миниатюры (tumbnail) в сообщениях, настраиваемые по вашему размеру

[ErikPshat]

Миниатюры можно вставлять в сообщениях через код [DECOR]
Вот такой примитивный пример:

---

---

PSP-E1000 TA-096

FB - Предохранитель подсветки экрана 2 шт - 1 с тыльной стороны + 1 с лицевой.
LB - Предохранитель питания USB 3 шт - 2 с тыльной стороны и 1 с лицевой.
TB - Предохранитель питания консоли 1 шт с лицевой стороны.

Щёлкните "Увеличить" на изображении, чтобы открыть его в новом окне.
Для просмотра в 100% масштабе, щёлкайте значёк мышки [+] в нужной части изображения.

Лицевая сторона: предохранители FB / LB / TB

Увеличить

Обратная сторона: предохранители подсветки экрана FB и USB LB

Увеличить

---

---

Вот такой код вставляем по нажатию кода декора :

url(attachment.php?attachmentid=7915); background-size: cover; width: 200px; height: 150px

• url(attachment.php?attachmentid=7915) вы можете вставить потом, это ссылка на картинку бэкграунда, который будет отображаться в сообщении, как Тумбнейл (миниатюра).
• background-size: cover - масштабирует изображение с сохранением пропорций таким образом, чтобы картинка целиком поместилась внутрь блока.
• width: 200px; height: 150px - собственно размеры блока Декора.

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

[ErikPshat]

Вот такой код с иконкой лупы с плюсиком:

[DECOR="url(http://s.pikabu.ru/images/big_size_comm/2012-06_6/13407242629490.jpg); background-size: cover; width: 200px; height: 150px"]
   [FLOAT="right"]
      [URL="http://s.pikabu.ru/images/big_size_comm/2012-06_6/13407242629490.jpg"]
         [IMG]https://www.pspx.ru/forum/images/icons/zoom.png[/IMG]
      [/URL]
   [/FLOAT]
[/DECOR]

Иконка лежит на форуме здесь:
Код декора - тот же.
Просто ставите картинку лупы, обрамляете её ссылкой на полномасштабную картинку, затем выравниваете по правому краю с помощью FLOAT.

---

Вообще можно сделать отдельным BB-кодом.

[vash]

Так и я про то писал, чтоб на форуме так можно делать через BB-коды всем форумчанам (а не ссылкой под спойлером, который увеличивает время загрузки страницы). А Декором только модераторы и админы могут пользоваться.

[ErikPshat]

Сообщение от vash А Декором только модераторы и админы могут пользоваться.

Да нет, декором все могут пользоваться. У кого мозги есть, тот подсмотрит код в других сообщениях через цитату.

Другие пользователи просто не видят кнопок Декора и таблиц в форме ответа, а использовать код все могут.

[vash]

Сообщение от ErikPshat У кого мозги есть, тот подсмотрит код в других сообщениях через цитату.

Таких, моё ИМХО, единицы (я не про мозги). Не в обиду будет сказано, до такого не каждый модератор-то дотумкает (вот я точно не знал).

[ErikPshat]

Сообщение от vash Djordj10, при простом форматировании карты памяти в ПСП с кастомной прошивкой появляются такие папки: Всего остального не должно быть, скинь скриншот того, что у тебя получается.

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

На самом деле перенос строки (ENTER) не нужен, это в HTML переносы не учитываются, а в BB-кодах учитываются. Пробелы не учитываются.
Твой код должен был выглядеть так:

[COOLERbyPSP]

Лупа как-то не вписывается =\
Иконочку бы попроще

[ErikPshat]

А чё с лупой? По-моему вполне нормально, по сравнению с самой миниатюрой вполне гигиенично смотрится.
Ну это первое, что попалось мне на глаза в Яндекс.Картинках.

COOLERbyPSP, ты смотрел тег в последнем посту?

Сообщение от COOLERbyPSP Иконочку бы попроще

В смысле? Поменьше, без прозрачности, чтобы никто не догадался, что именно там нужно нажать для увеличения?

Эмм, напись отображается при наведении на лупу: "Нажмите для увеличения"?

[KirJan-DeSign]

Сообщение от ErikPshat попалось мне на глаза в Яндекс.Картинках.

ая-яй)))) а что-то из этих не подойдёт?

Search big.pngSearch litle.pngzoom+.pngSearch wave.pngloading.gifloading_anim.gif

[ErikPshat]

Ну давай потестим, какая лучше подходит...







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

Всё равно, моя лучше и я бы ей дал бы 1-ое место!!!

Какие ещё будут предложения? А то пришли, обосрали и ушли, а сами предложить чего-то более стоящего не могли )))

[KirJan-DeSign]

[QUOTE=ErikPshat;1052626]Ну давай потестим, какая лучше подходит...




ну вот ВТОРАЯ с анимацией как на телефонах или камерах уже настраивает на манипуляции с картинкой), и ПЕРВАЯ с зелёным плюсиком вроде норм.

[KirJan-DeSign]

моя меньше и ненавязчива))) :Р

ПОСТАВЬ МОЮ (одну из двух)!!! =))))

[ErikPshat]

Может так?

[KirJan-DeSign]

ErikPshat,
уввжаемммый, я нассстаииваю....
https://www.pspx.ru/forum/showpost.ph...7&postcount=12

[vash]

Хм, так код ведь есть, а лупу можно вписать самому, кака понравится и на что фантазии хватит. Как бэ.

[KirJan-DeSign]

vash,
нифига, это в расширенном коде будет! одна на всех, ниипёт)))

[KirJan-DeSign]

<img src="https://www.pspx.ru/forum/images/smilies/indeec.gif" width="80px"><?if($DATE$="Сегодня")?><img src="https://www.pspx.ru/forum/attachment.php?attachmentid=7928" height="34" style="font-weight: bold; padding:3px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin-left:39px; margin-top:-3px; position: absolute; width:35px;"> <?endif?></img>

[ErikPshat]

Сообщение от vash Хм, так код ведь есть, а лупу можно вписать самому, кака понравится и на что фантазии хватит. Как бэ.

Нет, посмотри на код: https://www.pspx.ru/forum/showpost.ph...95&postcount=7

Кнопка или у вас работает?

Сам HTML-код я уже встроил на сайт.

[KirJan-DeSign]

ErikPshat,
а вот написано "нажать для увеличения", а он уменьшается



кнопки работают, гадом буду)

ErikPshat,
чё я там за бред в коде написал? спи3дил где-то)

[ErikPshat]

ОК! Вот эта мне нравится. Она и анимированная, и видно, что сама миниатюра не анимированная, а иконка "настроек" крутится )))

Сообщение от KirJan-DeSign ну вот ВТОРАЯ с анимацией как на телефонах или камерах уже настраивает на манипуляции с картинкой), и ПЕРВАЯ с зелёным плюсиком вроде норм.

А ваще мне индеец понравился