Комментирую, чтобы во-первых, не потерять ссылку на полезную статью. А во-вторых, у меня почему-то спойлер не заработал. Не смог несколько абзацев спрятать. onClick в span исчезает после сохранения изменений. Если возможность есть, то хотелось бы знать как это сделать.
Добавлю, как вставить небольшие изображения и сделать их кликабельными, чтобы открывались большие изображения во всплывающем окошке. 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; позволяет выровнять по центру вашу картинку.
400х300 с Тесеры взять негде, перепутал. Можно только примерно 800-810 пикселей в ширину брать (не знаю по какому принципу там сжимается картинка) с таких страниц http://tesera.ru/user/Cruz_Castillo/journal/photo/374340/ Её можно попробовать сжать браузером, установив нужную ширину в атрибутах тега. Не сильно что-то поменяется в качестве. Картинки шириной 400 я делал сам и загружал через редактор.
Я предполагал что-то подобное (про 400 пикселей подготовлены отдельно) =) В любом случае, спасибо за ценную информацию, допилю в шпаргалку с указанием источника.
>>> Ух ты, как быстро! === С моим режимом по-другому нельзя. С одной стороны «конец–работе венец», с другой — супруга «ты ещё не наработался?», так что нужно действовать как ниндзя (:|
Пользуйтесь на здоровье. Даёшь красоту в дневники =)
Не совсем профильное, но полезное, спасибо за пост. Если кому-то интересно я давным-давно писал что-то похожее только проще http://vdasus.com/2010/03/21/udobnyj-blogging-dlya-nachinayuschih/ там не видео.
Отличная статья! Спасибо!!!
Комментирую, чтобы во-первых, не потерять ссылку на полезную статью.
А во-вторых, у меня почему-то спойлер не заработал. Не смог несколько абзацев спрятать. onClick в span исчезает после сохранения изменений. Если возможность есть, то хотелось бы знать как это сделать.
<details>
<summary>Заголовок</summary>
<p>Содержимое</p>
</details>
Странно, но не видна моя запись на эту тему.
Посмотрите плз вопроз по рамке:
http://tesera.ru/user/Meerple/thought/445016/
Сорри, разобрался
Спасибо за полезную заметку.
Хотелось бы узреть мини-шпаргалку, щито надобно прописать в представленном редакторе, дабы укрыть тонны текста под спойлер. Заранее благодарю.
Просьбу услышал.
Как дополню, подам звуковой сигнал =)
Премного благодарен (:
Дополнил статью описанием спойлера (ориентируйтесь по менюшке в начале статьи). Если что упустил или нужно пояснение — дайте знать, дополню.
Огромное спасибо, дальше уж сам поковыряюсь =)
Добавлю, как вставить небольшие изображения и сделать их кликабельными, чтобы открывались большие изображения во всплывающем окошке.
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; позволяет выровнять по центру вашу картинку.
Пример http://tesera.ru/user/Cruz_Castillo/journal/374336/
Хочу добавить в шпаргалку вместе с детальными скриншотами, но вот это у меня не получается:
«Перейти на отдельную страницу фотографии. Там будет создан превью размером 400 пикселей по ширине»
Вижу превьюхи 160 пикселей ширины, вижу исходник в полный размер, а вот шириной в 400 не вижу =(
Подскажите, куда смотреть. Способ удобен, ибо фотошопа не нужно для загрузки нормальных фото с превью.
400х300 с Тесеры взять негде, перепутал. Можно только примерно 800-810 пикселей в ширину брать (не знаю по какому принципу там сжимается картинка) с таких страниц http://tesera.ru/user/Cruz_Castillo/journal/photo/374340/
Её можно попробовать сжать браузером, установив нужную ширину в атрибутах тега. Не сильно что-то поменяется в качестве.
Картинки шириной 400 я делал сам и загружал через редактор.
Я предполагал что-то подобное (про 400 пикселей подготовлены отдельно) =)
В любом случае, спасибо за ценную информацию, допилю в шпаргалку с указанием источника.
Дополнил шпаргалку.
Аццццццкий кусок получился, но зато разжёвано капитально.
Это девять!
Ух ты, как быстро!
Спасибо огромное )
>>> Ух ты, как быстро!
===
С моим режимом по-другому нельзя. С одной стороны «конец–работе венец», с другой — супруга «ты ещё не наработался?», так что нужно действовать как ниндзя (:|
Пользуйтесь на здоровье. Даёшь красоту в дневники =)
Не совсем профильное, но полезное, спасибо за пост. Если кому-то интересно я давным-давно писал что-то похожее только проще http://vdasus.com/2010/03/21/udobnyj-blogging-dlya-nachinayuschih/ там не видео.