Kingsley |
|
---|---|
One of my clan members is really crative and has a little cartoon that I want on my site.
My problem is my lack of knowledge. I already figured out how to do that with my limited knowledge how to but stumble on some problems: I use the page avatar plugin for it. this displays a image in a list.tpl, with title etc. How do I limit that list.tpl to display one item per list. How do I set the navigation to << < > >> in stead of << < 1 2 3 4 5 > >> for this particular list? I know you all probably go like: "WTF, dude, so much easier ways to accomplish that!" but like I said, limited knowledge.. Thanks for your help |
pieter |
|
---|---|
admin.php?m=config&n=edit&o=core&p=page
But then you change the items displayed for ALL lists. Maybe try to make a new list.CAT.tpl For the arrows: Search for: <div class="pagnav">{LISTCAT_PAGEPREV}{LISTCAT_PAGNAV}{LISTCAT_PAGENEXT}</div>and change it into <div class="pagnav">{LISTCAT_PAGEPREV}{LISTCAT_PAGENEXT}</div> Or delete the {LISTCAT_PAGNAV} in it. Not sure about this. ... can we help you ...
|
Kingsley |
|
---|---|
is there a way to switch page/article via prev/next navigation?
and a way to link directly to the latest added page in a cat? |
|
This post was edited by Kingsley (2010-08-24 00:58, 14 years ago) |
Kort |
|
---|---|
Where do you want to put this navigation? list.tpl or page.tpl?
SED.by - создание сайтов, разработка плагинов и тем для Котонти
|
Kingsley |
|
---|---|
in page.tpl
from one article to the next in the same category, off course Added 51 seconds later: and got one big image in the list.tpl for it http://www.x-ecutionerz.com/site/list.php?c=cartintro which I would like to link directly to the latest added cartoon.. |
urlkiller |
|
---|---|
@Kingsley
I guess you want some sort of category where the "talented" user can upload somehow the image (or uses his pfs) and the other users can scroll through them by clicking on the next cartoon image or the next link... my answer would be do it completly with categorys, templates and a bit creativity (jquery cycle) yourself ![]() 1. make a new category and name it i.e. cartoons 2. then go to your skins folder and make a new template list.cartoons.tpl 2a. if you wish you can now make a page.add.cartoons.tpl and page.edit.cartoons.tpl for the talented user 3. in the file list.cartoons.tpl you could make something like that: <!-- BEGIN: MAIN --> <div id="content"> <div id="slideshow"> <!-- BEGIN: LIST_ROW --> <div class="{LIST_ROW_ODDEVEN}"> {LIST_ROW_SHORTTITLE}<br /> <a href="{LIST_ROW_URL}"><img src="{LIST_ROW_EXTRA1}" style="width:600px;"></a> </div> <!-- END: LIST_ROW --> </div> <div id="MyNextButton">Next</div> <div id="MyPrevButton">Prev</div> </div> <!-- END: MAIN --> this code creates a list where only the field extra1 is send into the src from an image. so the user only needs to submit a page where he enters a title and the path to the image he uploaded. if you would use it like that it only shows title, image, title, image etc. but the cycle plugin uses the div boxes as single elements that can be scrolled throught. the other 2 boxes are the next and prev button that "slides" back and forth the elements. it would pretty much create the effect you wanna have. with the jquery.cycle plugin you can make also other neat and easy transitions. you need to load jquery, the plugin and need to startup the slideshow. just take a look at the demonstration pages and copy & paste a bit and just try around. iam interessted what your implementation will be... URL shortener: <a href="http://bbm.li/!7AD5C7">http://bbm.li/!7AD5C7</a>
|
Kingsley |
|
---|---|
Wow, that's really cool help
![]() Will be up all night with this |
Kort |
|
---|---|
Kingsley Example for you:
http://houseplanner.org/list.php?c=our-work SED.by - создание сайтов, разработка плагинов и тем для Котонти
|
Kingsley |
|
---|---|
Been busy with it, but it's to complicated for what I need. Jquery cycle is a real pain in the ass.
guess a simple nav from page to page isn't made availible in cotonti. All i need is the navigation from one page to another and the possibility to directly link to latests added page. complexer than that isn't necessary. |
urlkiller |
|
---|---|
@Kinglsley
please send me your list.tpl, the category name, the fieldname where the img is stored of your cartoon cat. and ill do this fast... URL shortener: <a href="http://bbm.li/!7AD5C7">http://bbm.li/!7AD5C7</a>
|
Kingsley |
|
---|---|
list:
http://www.cotonti.com/datas/users/list.cartoon_133.rar catname: cartoon fieldname: cartoon Sorry, but that Jquery thingy I just don't understand. placed the files in root/js, in skinmane/js, change and played alot with the codes provided on the site, but next to how to implement it in your skin, it says nothing about how and where to call to it's jquery files. I gave up after 5 hours, simply coz it got to complex for my needs. |
urlkiller |
|
---|---|
you have jquery active on your site?
uhm about the field cartoons. how do you insert this in your tpl? with LIST_ROW_CARTOON ? Added 12 minutes later: Ok! now you need to delete the cycle and jquery call in your header.tpl (the new lines you made for the cycle plugin) implement this list.tpl and write here again that i can debug it on your site. maybe you dont need to implement the jquery again. because cot already loaded it... list.cartoon.tpl <!-- BEGIN: MAIN --> <script type="text/javascript" src="/js/jquery.min.js"></script> <script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.2.74.js"></script> <script type="text/javascript"> $(document).ready(function() { // speed = transition time in mil secs // timeout = time how long the image stays in mil secs // pause = if you enter the box with your mouse stop sliding auto $('#slideshow').cycle({fx: 'scrollHorz', speed: 1000, timeout: 60000, next: '#MyNextButton', prev: '#MyPrevButton',pause: 1}); }); </script> <style> a#MyNextButton, a#MyPrevButton {padding:10px;background:green;font-size:14px;} a#MyPrevButton {float:left;} a#MyNextButton {float:right;} a#MyNextButton:hover, a#MyPrevButton:hover {background:blue;} </style> <table id="index" border="0" cellpadding="0" cellspacing="0"> <tr> <td class="indexbodyh">{LIST_PAGETITLE}</td> </tr> <tr> <td class="indexbodyc"> <div id="subtitle" style="padding-top:6px;"> {LIST_SUBMITNEWPAGE}</div> <div id="slideshow"> <!-- BEGIN: LIST_ROW --> <div class="{LIST_ROW_ODDEVEN}"> <h2>{LIST_ROW_SHORTTITLE}</h2><hr /> <img src="{LIST_ROW_CARTOON}" style="width:680px;"> </div> <!-- END: LIST_ROW --> </div> <div id="MyNextButton">Next</div> <div id="MyPrevButton">Prev</div> </td> </tr> <tr> <td class="indexbodyf"></td> </tr> </table> <!-- END: MAIN --> URL shortener: <a href="http://bbm.li/!7AD5C7">http://bbm.li/!7AD5C7</a>
|
|
This post was edited by urlkiller (2010-08-24 20:16, 14 years ago) |
Kingsley |
|
---|---|
implemented it:
http://www.x-ecutionerz.com/site/list.php?c=cartoon Where exactly do I put those files which I downloaded from the link you gave me? i've got jquery.cycle.min.js jquery.cycle.lite.min.js jquery.cycle.all.min.js and a folder called scr, with 3 files in it, have put them in root/js and skinname/js.. |
urlkiller |
|
---|---|
did you clicked on the next prev text??
you need to make them to links... URL shortener: <a href="http://bbm.li/!7AD5C7">http://bbm.li/!7AD5C7</a>
|
Kingsley |
|
---|---|
oh.. was fooled by no handmouse appearing
![]() me happy ![]() |