Как создать и настроить свой веб-сервер на VDS (05 сен 2024)

Осенью самое время заняться установкой и тюнингом своего веб-сервера. Не правда ли?

Плагин Booklet и не только

Больше
11 года 9 мес. назад #11 от Sergey84
Sergey84 ответил в теме Плагин Booklet и не только
Алексей, спасибо! Все получилось. Вроде как начал понимать что к чему. Буду пробовать с другим плагином. Надеюсь, разберусь:)))

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Dev banner 2
Больше
11 года 9 мес. назад #12 от Sergey84
Sergey84 ответил в теме Плагин Booklet и не только
Алексей, с помощью turn.js удалось сделать эффект перелистывания как у вас. Все здорово. Я увеличил размер книги, вставил фотки, все работает. И визуально вроде тоже все нравится. Но возникли еще пара вопросов, на которые не могу никак ответить. Просмотрел сайт разраба, но к сожалению там ничего не понял.

Как сделать, чтобы сначала одна страница отображалась у книги - т.е. сама книга, а потом она уже открывалась. И в конце чтобы она закрывалась. В общем как настоящая книга. И как это сделать по центру?

Вот пока самые главные вопросы, которые меня мучают))) Заранее спасибо за помощь!

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Больше
11 года 9 мес. назад #13 от Aleksej
Aleksej ответил в теме Плагин Booklet и не только

Sergey84 пишет: Как сделать, чтобы сначала одна страница отображалась у книги - т.е. сама книга, а потом она уже открывалась. И в конце чтобы она закрывалась. В общем как настоящая книга. И как это сделать по центру?


Ну так нарисуйте две обложки, вставьте их в div-ы соответственно первый и последний. Чтобы сделать "по центру" - существует немало способов, покопайтесь в css. Я не могу ответить более предметно, т.к. не знаю частностей. У вас простенькие стили уже прописаны:

Code:
<style> #magazine{ background-color: #cdcdcd; border: 5px solid #FFFFFF; } </style>

, добавьте к этому еще ряд свойств, какие захочется.

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Больше
11 года 9 мес. назад #14 от Sergey84
Sergey84 ответил в теме Плагин Booklet и не только
получилось, но не все - не могу сделать по центру самую первую страницу книги и когда она закрывается. Я видел в примере такое, а как это реализовать, не знаю, не получается. У меня эта страница получается так - перед открытием книги она справа, после закрытия слева.

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Больше
11 года 9 мес. назад #15 от Sergey84
Sergey84 ответил в теме Плагин Booklet и не только
Code:
<script type="text/javascript" src="templates/jsn_tendo_free/js/jquery.min.js"></script> <script type="text/javascript" src="templates/jsn_tendo_free/js/turn.min.js"></script> <style> #magazine{ #magazine .turn-page {background-color:#ccc; background-size:100%;} </style> <div id='magazine'> <div><img src="images/vasha_kartinka1.jpg" /></div> <div><img src="images/vasha_kartinka2.jpg" /></div> <div><img src="images/vasha_kartinka3.jpg" /></div> <div><img src="images/vasha_kartinka4.jpg" /></div> <div><img src="images/vasha_kartinka5.jpg" /></div> <div><img src="images/vasha_kartinka6.jpg" /></div> </div> <script language="javascript" type="text/javascript"> $('#magazine').turn({width: 1010, height: 750, page: 1, shadows: true, acceleration: true}); </script>

вот мой код, который я вставляю. Что надо добавить, чтобы по центру были первая и последняя страница книги?

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Больше
11 года 9 мес. назад - 11 года 9 мес. назад #16 от Aleksej
Aleksej ответил в теме Плагин Booklet и не только

Sergey84 пишет: Что надо добавить, чтобы по центру были первая и последняя страница книги?


Я не знаю, честно. Никогда не заморачивался с этим. Взгляните документацию разработчика, там почти наверняка все прозрачно, было бы желание и время этим заниматься.
Последнее редактирование: 11 года 9 мес. назад пользователем Aleksej.

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Больше
11 года 9 мес. назад #17 от Sergey84
Sergey84 ответил в теме Плагин Booklet и не только
нифига там нет. Зашел по этой ссылке www.turnjs.com/docs/Option:_autoCenter Попробовал вот такой код:
Code:
#magazin{ -webkit-transition:margin-left 0.2s ease-in-out; -moz-transition:margin-left 0.2s ease-in-out; -o-transition:margin-left 0.2s ease-in-out; -ms-transition:margin-left 0.2s ease-in-out; transition:margin-left 0.2s ease-in-out; }

Не помогло.

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Больше
11 года 9 мес. назад #18 от Aleksej
Aleksej ответил в теме Плагин Booklet и не только

Sergey84 пишет: нифига там нет


Все там есть. Договоримся с вами вот эдак: когда "ничего нигде нет" - остается лишь копить деньги на фрилансера. Но мы с вами не из этой ленивой категории, не так ли? :)

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

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Больше
11 года 9 мес. назад #19 от Sergey84
Sergey84 ответил в теме Плагин Booklet и не только
Алексей, вы не поверите. Но попробовал все три дэмки, т.е. скопировал скрипты и вставил их в свою папку в джумле - у меня это: templates/мой шаблон/js/скопированные скрипты. Скопировал и вставил через sourcer (код HTML) примеры из дэмок. Прописал там пути к скриптам. И ничего. Все также. Пробовал стили изменить в скрипте, чтобы по центру было. Пробовал несколько шаблонов (думал, что может дело в них). Не выходит. Короче оставлю тогда как есть. Придумаю что-нибудь, чтобы визуально выглядело красиво, уже есть идея. А то я так психану нафиг, и заброшу все это дело :lol: :lol: :lol:

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Больше
11 года 9 мес. назад - 11 года 9 мес. назад #20 от Aleksej
Aleksej ответил в теме Плагин Booklet и не только

Sergey84 пишет: Но попробовал все три дэмки, т.е. скопировал скрипты и вставил их в свою папку в джумле...


Блин, вы меня не понимаете.

Откройте все три демки (каждую по очереди) в вашем браузере. Для начала. Не нужно ничего никуда вставлять. Имеется в виду - файл index.html каждого демо-примера просто откройте в IE, Opera, FF, Chrome... в чем хотите. Вы увидите, как именно каждая из этих демок работает; возможно, что-то понравится. Все стили, все пути и скрипты - тут же, в этой вашей распакованной директории. Можно изменить стиль, открыв соответствующий файл css в вашем редакторе, которым пользуетесь; изменив - тут же перезагрузить страничку браузера и посмотреть, что же из этого вышло.

На то ведь и демки. С ними легко экспериментировать, и без всякого sourcerer-a или джумлы. Вы что же, думаете, что браузер способен работать только в интернете, а локально - нет?

Прописал там пути к скриптам. И ничего.


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

P.S. Время идет, все меняется. Когда готовил в прошлом году эту статью и эту демку - еще не было на сайте разраба коммерческой 4 версии скрипта. Потому и путь у вас изначально не сработал.
Последнее редактирование: 11 года 9 мес. назад пользователем Aleksej.

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Работает на Kunena форум