zzweb-панель

Коллекция Акакия

http://img.zzweb.ru/img/726963/5-1024-1.jpg
В этой коллекции собраны ответы на популярные вопросы, пошаговые инструкции, подсказки и маленькие хитрости пространства zzWeb.

Коллекция пополняется по мере появления новых вопросов. Если у вас есть что спросить, пожалуйста, не стесняйтесь.

следите за обновлениями


Работа со страницами

Работа с текстом

Изображения

Активные ссылки

Активные кнопки


Видеоролики

Разное

Пользователь



Готовятся ответы




Акакий
НАЖМИТЕ, чтобы добавить следующую запись на страницу...
Покажем не примере. Пишем на странице:



Результат:

http://img.zzweb.ru/img/963141/Zukat-6.jpg


Если кликнуть в этой изображение, то перейдете по ссылке.

Только помните, имя файла должно находиться в отдельной строке. Иначе картинка отобразится иначе.

Между именем файла и ссылкой достаточно пробела. Но для удобства чтения и записи — допускается использование разделительного тире, как в нашем примере.
открыть открыть в новом окне      x 
Магия zzWeb пополнилась «заклинаниями» — специальными словами для управления оболочкой zzWeb и действиями посетителей ваших страниц.

Заклинания в текстах страниц


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



В настоящий момент действуют следующие заклинания (примеры со ссылками и кнопками):








Если использовать внутри скобок только заклинания (без слов), названия действий будут подставлены автоматически…

Обратите внимание такие заклинания будут применяться строго к той странице, внутри которой они написаны; и если эта страница будет отображаться в качестве комментарии к другой, волшебная ссылка преобразиться в волшебный адрес…

Волшебные адреса — заклинания в URL


Кроме ссылок и кнопок, заклинания можно использовать для формирования волшебных URL-адресов. Для этого в конце адреса ставится решетка и добавляются заклинания через точку с запятой:



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

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

ПодСказка


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

Например, попробуйте вызвать информацию о странице и посмотрите, как это заклинание напишется в адресной строке вашего браузера.

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

Например, чтобы показать другу как авторизоваться в zzWeb, достаточно открыть знакомую вам форму авторизации и взять готовый волшебный адрес из браузера.

И напоследок: можно открыть редактор, чтобы увидеть все заклинания и то, как они были использованные на этой самой странице...
· Акакий ·
открыть открыть в новом окне      x 
В конструкции с треугольными скобками (см. создание ссылок) допустимо использовать модификаторы, которые ставятся вплотную к скобкам: звездочки, восклицательные знаки и подчеркивание:



Результат: яркая ссылка



Результат: бледная ссылка



Результат: Крупная ссылка

И можно комбинировать:



Результат (обратите внимание, когда строка полностью выделяется ссылкой, она автоматически устанавливается по центру страницы):

Крупная и Яркая ссылка
· Акакий ·
открыть открыть в новом окне      x 
Для регистрации в zz-пространстве (или авторизации) нужно вызвать форму авторизации. Это можно сделать множеством способов:

  • или zz-ярлык в правом верхнем углу экрана:

http://img.zzweb.ru/img/754281/Voila_Capture373.png
нажимаем в ярлык

http://img.zzweb.ru/img/754281/Voila_Capture374.png
нажимаем в «авторизуйтесь»

  • или иконка в пользовательской панели (внизу экрана):

http://img.zzweb.ru/img/754281/Voila_Capture372.png
отображается у неавторизованных

  • еще контекстные подсказки и кнопки...

http://img.zzweb.ru/img/754281/Voila_Capture378.png




В появившейся панели следует ввести ваше email и пароль для авторизации или воспользоваться кнопками входа через публичные сервисы (Facebook, Google и т.п.).

Если вы на сайте впервые, вам потребуется регистрация. Ее легко пройти с помощью кнопок публичных сервисов или вручную, выбрав ссылку «регистрация»:

http://img.zzweb.ru/img/754281/Voila_Capture376.png


Вся процедура регистрации сводится к вводу email-адреса, на который будут высланы регистрационные данные.
· Акакий ·
открыть открыть в новом окне      x 
Большой текст часто требует контекстных иллюстраций. Я для их размещения удобно использовать эффект обтекания.

В zz-пространстве это делается так же просто, как сдвиг изображения вправо или влево. Только вместо одной вертикальной черты для указания сдвига, применяются две.

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

Давайте напишем пример:



Теперь посмотрим, что у нас вышло:



http://img.zzweb.ru/img/754064/img.jpg
важно!


Этот текст обтекает изображение, которое прижато к правому краю экрана с помощью двух вертикальных черточек.

Под картинкой имеется надпись «важно!», которая вместе с изображением обтекается данным текстом…

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

Совет: чтобы легко запомнить правила сдвига изображений и других объектов, представьте, что вертикальная черта — край экрана. Черта справа от файла — картинка прижата к правому краю, черта слева — к левому. А если черта поставлена дважды, то прижатие к краю будет таким сильным, что с другой стороны пробежит и текст, и другие картинки.

http://img.zzweb.ru/img/754064/img.jpg
тоже важно


А теперь мы обтекаем изображение справа, поскольку картинка прижата к левому краю (две вертикальные черты слева)…
· Акакий ·
открыть открыть в новом окне      x 
Для начала напомню:


Теперь сложим эти три умения вместе и попробуем написать так:



Смотрим на результат:

http://img.zzweb.ru/img/753967/animals.jpg
это просто подпись под картинкой


Вуаля!
· Акакий ·
открыть открыть в новом окне      x 
Когда вы указываете в тексте имя файла, чтобы точным образом расположить изображение, оно будет размещено по центру, вот так:

http://img.zzweb.ru/img/752932/animals.jpg
фен найдется?

Чтобы прижать изображение к правому или левому краю экрана, можно воспользоваться тем же приемом, которым сдвигается текст — вертикальной чертой:



Результат:

http://img.zzweb.ru/img/752932/animals.jpg
прижимаемся к правому краю

http://img.zzweb.ru/img/752932/animals.jpg
прижимаемся к левому

· Акакий ·
открыть открыть в новом окне      x 
Покажем не примере. Пишем на странице:



Результат:

http://img.zzweb.ru/img/752928/animals.jpg
фен найдется?

Так добавляется подпись под изображением — просто указывается после имени файла.

Только помните, имя файла должно находиться в начале строки. Иначе картинка отобразится иначе.

Между именем файла и подписью достаточно пробела. Но для удобства чтения и записи — допускается использование разделительного тире, как в нашем примере.
· Акакий ·
открыть открыть в новом окне      x 
http://img.zzweb.ru/img/752924/animals.jpg

Все загруженные на страницу изображения находят свое место автоматически.

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

Написать имя файла можно вручную или воспользоваться волшебным кликом (стрелка №3).

При этом, изображение может отобразиться на странице по-разному, в зависимости от окружающей обстановки. Рассмотрим эти варианты подробнее…

1. Ссылка на изображение внутри текста



Результат: «Внутри этой фразы имеется файл с именем рис.1, который будет отображен ссылкой...»

Нажав на ссылку, вы сможете рассмотреть изображение.

2. Картинка между строк



Результат:

Начало текста…

http://img.zzweb.ru/img/752924/animals.jpg


Продолжение текста…

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

Чтобы сделать подпись под картинкой, для сдвига ее вправо, влево или для обтекания картинки текстом — существуют специальные приемы; как это сделать — расскажет Акакий.

3. Автоматическое размещение изображения

Если вы забыли упомянуть ваш файл явным образом, он сам найдет подходящее место на странице, чтобы показать себя.
· Акакий ·
открыть открыть в новом окне      x 
В редакторе страницы присутствует зона работы с файлами, включая графические. Рассмотрим основные функции работы с изображениями:

http://img.zzweb.ru/img/752746/Voila_Capture346.png
(кликните для увеличения)

1. Загрузка изображений

Вы можете добавить один файл или сразу несколько. Процесс загрузки каждого файла будет отображаться индивидуально. Для вызова диалога нажмите на кнопку «загрузить файлы» (стрелка №1).

Кроме того, файлы можно загружать перетаскиванием (Drag & Drop), для этого перетащите нужные файлы в редактор страницы.

2. Просмотр изображений

Нажмите на ссылку по стрелке №2, чтобы просмотреть изображение в полном размере.

3. Добавление файла в текст

Если кликнуть мышью в название файла (стрелка №3), оно будет скопировано в текст страницы. Конкретно в то место, где сейчас находится курсор.

4. Изменение порядка

Если вам надо изменить порядок следования файлов, воспользуетесь ссылкой, на которую указывает стрелка №4. Это действие поднимает файл на позицию выше.

5. Удаление файла

Для удаления файла со страницы воспользуетесь ссылкой «удалить» напротив ненужного файла (стрелка №5).
· Акакий ·
открыть открыть в новом окне      x 
Чтобы строчки приобрели вид списка, достаточно строчки этого списка начинать со звездочек (*).

Напишем для примера вот так:



И получим результат:

  • первый элемент списка;
  • второй элемент списка;

Обычные текст

  • первый элемент другого списка;
  • еще один элемент списка...
· Акакий ·
открыть открыть в новом окне      x 
Разместите ссылку на ролик в YouTube и она отобразится на странице полноценным видеороликом. А если после ссылки указать какой-то текст, он станет подписью под роликом.

Давайте посмотрим на примере:





Текст, который идет до ролика

подпись под роликом


Продолжение текста страницы…
· Акакий ·
открыть открыть в новом окне      x 
Кнопка «купить» ничем не отличается от любой другой кнопки и делается обыкновенно.

Сама по себе кнопка — инициатор какого-то события, его начало. Соответственно, кнопка «купить» должна лишь содержать в себе ссылку на процесс покупки или оплаты.

Для наглядности сделаем кнопку, принимающую простой платеж в 100 рублей:

  • выбираем любой платежный агрегатор и создаем платежную ссылку:

http://img.zzweb.ru/img/751691/Voila_Capture311.png





Вот она, наша кнопка:
купить за 100 рублей совет Акакия
. Если вы в нее нажмете, вам будет предложено произвести оплату.

Можно сделать ее побольше:


· Акакий ·
открыть открыть в новом окне      x 
Рядовая активная кнопка в zzweb выглядит так:



Чтобы сделать кнопку менее заметной, нужно вплотную к обрамляющим квадратным скобками добавить знак подчеркивания:







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







Если надо увеличить размер кнопки, используйте звездочки тем же манером:







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





или


· Акакий ·
открыть открыть в новом окне      x 
Чтобы страница приобрела дополнительный фон, тени, появился наклон у изображений и другие элементы стиля, просто включите этот режим в настройках страницы.


  • раскрываем настройки:

http://img.zzweb.ru/img/751689/Voila_Capture308.png


  • включаем стильный вид:

http://img.zzweb.ru/img/751689/Voila_Capture309.png


  • сохраняем настройки страницы:

http://img.zzweb.ru/img/751689/Voila_Capture310.png

· Акакий ·
открыть открыть в новом окне      x 
«Записью» в zzweb называются вложенные страницы: любые комментарии, страницы в дневниках или события в прямых эфирах — все это записи.

Абсолютно любая страница может иметь вложенные записи. Иногда их может создавать любой желающий, а иногда — только автор (владелец) страницы.

Глубина вложенности записей — бесконечна: сколько бы вы ни создавали вложенных страниц, для каждой из них можно будет создать новые вложенные записи.

Обычно запись добавляется с помощью примерно такой кнопки:

http://img.zzweb.ru/img/751688/Voila_Capture303.png
надпись на кнопке всегда подскажет вам ее функцию

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

http://img.zzweb.ru/img/751688/Voila_Capture304.png
так мы создаем текущую страницу

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

http://img.zzweb.ru/img/751688/Voila_Capture305.png
вот мы сохраняем текущую запись…

http://img.zzweb.ru/img/751688/Voila_Capture306.png
вот она добавилась в коллекцию Акакия.

· Акакий ·
открыть открыть в новом окне      x 
Кнопки, как и другие объекты, можно центрировать, прижимать к правому и левому краям экрана. Как это делается…

Когда кнопка расположена в пустой строке (рядом нет других символов), по центру страницы она установится сама, без дополнительных указаний:



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






То же касается сдвига кнопки вправо или влево — те же правила, что и в сдвиге текста

Пишем:


Видим:

кнопка справа


кнопка слева

· Акакий ·
открыть открыть в новом окне      x 
Простая кнопка выглядит так:



Чтобы сделать такую кнопку, потребуется две составляющие: текст для кнопки и ссылка для перехода при ее нажатии.

Кнопка собирается из этих двух компонентов путем их последовательного указания в квадратных скобках. Вот так:



Вот кнопка из нашего примера:
зи-зи-веб


Кнопка может находиться в любой части текста:

  • внутри предложения
  • одна в строке
  • под рисунком
  • под видеороликом
  • и т.д.



Когда кнопка расположена в строке одна, без иных видимых символов, она автоматически размещается по центру (см. пример в начале этой страницы).

Если есть необходимость прижать ее к правому/левому краю экрана, можно воспользоваться командой — вертикальная черта.



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



Результат будет таким же, как и без тире:
зи-зи-веб
.

Еще
· Акакий ·
открыть открыть в новом окне      x 
· показать следующие записи ·