Da una idea di
questo topic.
Utile per pagination di qualsiasi content. In pratica suddivide un pagina molto lunga in pi parti (numero ed punto di interruzione definite da voi) con i link per la navigazione. Vedere
qui per informazioni ed esempi
Sostituire il file allegato da .mpg a .zip
Seguire le indicazioni del file README.txt:
From a idea of
this topic.
Useful for CONTENT pagination. Divide your long content in multi part (numbers and break points that you want) with navigation link. See
this for info and examples.
Substitute the attach file from .mpg to .zip
From README.txt file:
1. Put file function.pagination.php in [cms_root]/plugins/
2. Put file block.page.php in [cms_root]/lib/smarty/plugins/
3. Put file virtualpaginate.js (in example: module_custom, change src in script tag if other) in [cms_root]/module_custom/
4. Add this code in your page template (between <head> and </head>) or in metadata option of that page:
{literal}
<script type="text/javascript" src="module_custom/virtualpaginate.js">
/***********************************************
* Virtual Pagination script- Dynamic Drive DHTML code library (
www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at
http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>
<style type="text/css">
/*CSS used for the Virtual Pagination. MODIFY as desired*/
.virtualpage{ /*hide the broken up pieces of contents until script is called. Remove if desired*/
display:none;
}
.paginationstyle{ /*Style for demo pagination divs*/
width:250px; text-align:center; padding:2px 0; margin:9px 0;
}
.paginationstyle select{ /*Style for demo pagination divs' select menu*/
border:1px solid navy; margin:0 15px;
}
.paginationstyle a{ /*Pagination links style*/
padding:0 5px; text-decoration:none; border:1px solid black; color:navy; background-color:white;
}
.paginationstyle a:hover, .paginationstyle a.selected{ color:#000; background-color:#FEE496; }
.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
border:0; padding:0;
}
.paginationstyle a.imglinks img{ vertical-align:bottom; border:0; }
.paginationstyle a.imglinks a:hover{ background:none; }
.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
color:#000; background-color:yellow;
}
</style>
{/literal}
5. Insert block page tags {page}{/page} in your content textarea:
{page} 1 piece of content {/page}
{page} 2 piece of content {/page}
{page} 3 piece of content {/page}
6. Add AFTER all pieces the following tag: {pagination}
Alby
CMS Made Simple
