-AdRiver-

Коробка с инструментами

KOCTET написал месяц назад: #

Отличная статья! Спасибо!!!

dar_ling написал месяц назад: # скрыть ответы

Комментирую, чтобы во-первых, не потерять ссылку на полезную статью.
А во-вторых, у меня почему-то спойлер не заработал. Не смог несколько абзацев спрятать. onClick в span исчезает после сохранения изменений. Если возможность есть, то хотелось бы знать как это сделать.

oranged написал месяц назад: #

<details>
<summary>Заголовок</summary>
<p>Содержимое</p>
</details>

Meerple написал 7 лет назад: # скрыть ответы

Странно, но не видна моя запись на эту тему.

Посмотрите плз вопроз по рамке:
http://tesera.ru/user/Meerple/thought/445016/

Meerple написал 7 лет назад: #

Сорри, разобрался

Kuroi написал 7 лет назад: #

Спасибо за полезную заметку.

WeissHeart написал 7 лет назад: # скрыть ответы
Сокрыть в недрах спойлера

Хотелось бы узреть мини-шпаргалку, щито надобно прописать в представленном редакторе, дабы укрыть тонны текста под спойлер. Заранее благодарю.

AlexeyGfi написал 7 лет назад: # скрыть ответы

Просьбу услышал.
Как дополню, подам звуковой сигнал =)

WeissHeart написал 7 лет назад: # скрыть ответы

Премного благодарен (:

AlexeyGfi написал 7 лет назад: # скрыть ответы

Дополнил статью описанием спойлера (ориентируйтесь по менюшке в начале статьи). Если что упустил или нужно пояснение — дайте знать, дополню.

WeissHeart написал 7 лет назад: #

Огромное спасибо, дальше уж сам поковыряюсь =)

Cruz_Castillo написал 7 лет назад: # скрыть ответы

Добавлю, как вставить небольшие изображения и сделать их кликабельными, чтобы открывались большие изображения во всплывающем окошке.
1. Загрузить фотографии к статье через форму добавления "Фото или видео" под статьей.
2. Перейти на отдельную страницу фотографии. Там будет создан превью размером 400 пикселей по ширине. Вставить в тег img.
3. Скопировать в буфер обмена увеличенные изображения. Вставить ссылку в тег <a>

В итоге у вас должно получиться что-то вроде этого
<a class="pkg" rel="prettyPhoto[gallery]" href="http://tesera.ru/images/items/374339/1600x1200xsxy/photo.jpg">
<img style="display: block; margin-left: auto; margin-right: auto;" src="/images/items/374336/3.jpg" width="400" height="300">
</a>

1. Одинаковое значение у всех ссылок (тег a) атрибута rel позволяет перелистывать фотографии прямо в открытом окошке. 2. class="pkg" позволяет открывать вашу ссылку во всплывающем окошке.
3. margin-left: auto; margin-right: auto; позволяет выровнять по центру вашу картинку.

Cruz_Castillo написал 7 лет назад: #

Пример http://tesera.ru/user/Cruz_Castillo/journal/374336/

AlexeyGfi написал 7 лет назад: # скрыть ответы

Хочу добавить в шпаргалку вместе с детальными скриншотами, но вот это у меня не получается:

«Перейти на отдельную страницу фотографии. Там будет создан превью размером 400 пикселей по ширине»

Вижу превьюхи 160 пикселей ширины, вижу исходник в полный размер, а вот шириной в 400 не вижу =(

Подскажите, куда смотреть. Способ удобен, ибо фотошопа не нужно для загрузки нормальных фото с превью.

Cruz_Castillo написал 7 лет назад: # скрыть ответы

400х300 с Тесеры взять негде, перепутал. Можно только примерно 800-810 пикселей в ширину брать (не знаю по какому принципу там сжимается картинка) с таких страниц http://tesera.ru/user/Cruz_Castillo/journal/photo/374340/
Её можно попробовать сжать браузером, установив нужную ширину в атрибутах тега. Не сильно что-то поменяется в качестве.
Картинки шириной 400 я делал сам и загружал через редактор.

AlexeyGfi написал 7 лет назад: #

Я предполагал что-то подобное (про 400 пикселей подготовлены отдельно) =)
В любом случае, спасибо за ценную информацию, допилю в шпаргалку с указанием источника.

AlexeyGfi написал 7 лет назад: #

Дополнил шпаргалку.
Аццццццкий кусок получился, но зато разжёвано капитально.

Ksedih написал 7 лет назад: #

Это девять!

Ser_vershitel написал 7 лет назад: # скрыть ответы

Ух ты, как быстро!
Спасибо огромное )

AlexeyGfi написал 7 лет назад: #

>>> Ух ты, как быстро!
===
С моим режимом по-другому нельзя. С одной стороны «конец–работе венец», с другой — супруга «ты ещё не наработался?», так что нужно действовать как ниндзя (:|

Пользуйтесь на здоровье. Даёшь красоту в дневники =)

nastolkus написал 7 лет назад: #

Не совсем профильное, но полезное, спасибо за пост. Если кому-то интересно я давным-давно писал что-то похожее только проще http://vdasus.com/2010/03/21/udobnyj-blogging-dlya-nachinayuschih/ там не видео.