SubStrider Posted November 19, 2011 Share Posted November 19, 2011 Alright then I will have to achieve that using negative padding/margin. Thanks :) Link to comment
ihn Posted November 26, 2011 Share Posted November 26, 2011 How do I add the article body under the title? Just want there to be a brief description for each image, when I added it, it included the entire article when really I just wanted it to be the first sentence or so. <div id="HTMLCaption_{$SliderNo}" class="nivo-html-caption"> <a href="{$r['url']}">{$r['title']}</a> </div> Instead I did it like this: <div id="HTMLCaption_{$SliderNo}" class="nivo-html-caption"> {$r['title']} </div> <a href="{$r['url']}">{$r['article_body']}</a> The problem with the is #1, I need to add css (just want the same css as the title but the font to be smaller)... and #2 I need it to be a short description, not the entire article. Link to comment
Marcher Technologies Posted November 26, 2011 Share Posted November 26, 2011 {IPSText::truncate($r['article_body'], 60)} change the number as seen fit. Link to comment
Enkidu Posted November 26, 2011 Author Share Posted November 26, 2011 {IPSText::truncate($r['article_body'], 60)} change the number as seen fit. ^ this Link to comment
ihn Posted November 26, 2011 Share Posted November 26, 2011 Awesome help! If you guys would like to see it, go to www.indianheadnation.com One thing I would like to change is the bullets, it would be cool if I can create buttons instead with the category name inside, not sure if that is possible but I will play around with it and see if I can figure it out. Link to comment
Enkidu Posted November 26, 2011 Author Share Posted November 26, 2011 Awesome help! If you guys would like to see it, go to www.indianheadnation.com One thing I would like to change is the bullets, it would be cool if I can create buttons instead with the category name inside, not sure if that is possible but I will play around with it and see if I can figure it out. very nice :) Link to comment
packman Posted November 29, 2011 Share Posted November 29, 2011 How can I remove the "What's Hot" and/or the clickable dots at the bottom from the Orman theme? Link to comment
Enkidu Posted November 29, 2011 Author Share Posted November 29, 2011 How can I remove the "What's Hot" and/or the clickable dots at the bottom from the Orman theme? Hi in orman.css find: .theme-orman .ribbon { background: url(ribbon.png) no-repeat; remove the background line to remove the dots initialize the slider with no nov, like this <script type="text/javascript"> var EnkiduNoConflict = jQuery.noConflict(); EnkiduNoConflict(window).load(function() { EnkiduNoConflict('#slider').nivoSlider({controlNav: false}); }); </script> cheers :) Link to comment
n1cks21 Posted November 29, 2011 Share Posted November 29, 2011 I have this installed and working great (awesome block btw!!!), except it is causing a Stack Overflow Error on IE8. I am not sure how to stop it. It works fine on Chrome and safari. I Have the same issue was this ever sorted ???? Link to comment
Enkidu Posted November 29, 2011 Author Share Posted November 29, 2011 I Have the same issue was this ever sorted ???? you need to initialize the slider without the random transition effect. That's all. Link to comment
Enkidu Posted November 29, 2011 Author Share Posted November 29, 2011 for reference these are the options you can use with the slider: <script type="text/javascript"> var EnkiduNoConflict = jQuery.noConflict(); EnkiduNoConflict(window).load(function() { EnkiduNoConflict('#slider').nivoSlider({ effect: 'random', // Specify sets like: 'fold,fade,sliceDown' slices: 15, // For slice animations boxCols: 8, // For box animations boxRows: 4, // For box animations animSpeed: 500, // Slide transition speed pauseTime: 3000, // How long each slide will show startSlide: 0, // Set starting Slide (0 index) directionNav: true, // Next & Prev navigation directionNavHide: true, // Only show on hover controlNav: true, // 1,2,3... navigation controlNavThumbs: false, // Use thumbnails for Control Nav controlNavThumbsFromRel: false, // Use image rel for thumbs controlNavThumbsSearch: '.jpg', // Replace this with... controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src keyboardNav: true, // Use left & right arrows pauseOnHover: true, // Stop animation while hovering manualAdvance: false, // Force manual transitions captionOpacity: 0.8, // Universal caption opacity prevText: 'Prev', // Prev directionNav text nextText: 'Next', // Next directionNav text randomStart: false, // Start on a random slide beforeChange: function(){}, // Triggers before a slide transition afterChange: function(){}, // Triggers after a slide transition slideshowEnd: function(){}, // Triggers after all slides have been shown lastSlide: function(){}, // Triggers when last slide is shown afterLoad: function(){} // Triggers when slider has loaded }); }); </script> cheers :smile: Link to comment
n1cks21 Posted November 29, 2011 Share Posted November 29, 2011 you need to initialize the slider without the random transition effect. That's all. thanks for the quick reply do I do that within the block ??? I have changed mine to read:- <script type="text/javascript"> var EnkiduNoConflict = jQuery.noConflict(); EnkiduNoConflict(window).load(function() { EnkiduNoConflict('#slider').nivoSlider({effect: fade}); }); </script> but it doesnt seem to work ??? ***** Update ***** working now I cocked up with it should read 'fade' not fade Link to comment
n1cks21 Posted November 29, 2011 Share Posted November 29, 2011 the only problem I have now is on IE it removes my background image BUT if I click on the navigation arrows my background comes on ??/ it all works fine in Chrome and FF ??? Link to comment
Enkidu Posted November 29, 2011 Author Share Posted November 29, 2011 link me to it please Link to comment
n1cks21 Posted November 29, 2011 Share Posted November 29, 2011 http://www.uk-alliance.com/index.php/test3 Link to comment
Enkidu Posted November 29, 2011 Author Share Posted November 29, 2011 your website never got loaded for me Link to comment
n1cks21 Posted November 30, 2011 Share Posted November 30, 2011 the link works for me ??? Link to comment
Enkidu Posted November 30, 2011 Author Share Posted November 30, 2011 yeah it is OK now. However, I can't replicate your issue. I don't see any removed background that comes back when clicking the navigation arrows? Link to comment
n1cks21 Posted November 30, 2011 Share Posted November 30, 2011 it only seems to do it on IE 8 (so far) Link to comment
Enkidu Posted November 30, 2011 Author Share Posted November 30, 2011 it only seems to do it on IE 8 (so far) don't have ie8, can you post a screen shot please? Link to comment
n1cks21 Posted November 30, 2011 Share Posted November 30, 2011 this is how it starts with the missing background and will work fine scrolling through the articles click on the navigation arrows and the background appears but it works fine with Chrome and FF Link to comment
Enkidu Posted November 30, 2011 Author Share Posted November 30, 2011 Oh I see. Open orman.css and search for: .theme-orman.slider-wrapper { background: url("slider.png") no-repeat scroll 0 0 transparent; height: 337px; margin: 0 auto; padding-top: 18px; position: relative; width: 722px; } remove the word transparent cheers Link to comment
n1cks21 Posted December 1, 2011 Share Posted December 1, 2011 my orman.css doesnt have transparent :-.theme-orman.slider-wrapper { background:url(slider.png) no-repeat; width:722px; height:337px; margin:0 auto; padding-top:18px; position:relative; } Link to comment
Enkidu Posted December 1, 2011 Author Share Posted December 1, 2011 remove the whole background line then Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.