Fork me on GitHub
Get XOOPS XOOPSXOOPS FAQFAQ ForumsForums NewsNews ThemesThemes ModulesModules
News World of XOOPS Developers Hacks Modules Themes YAXS Archive Submit News

Search

Nominate XOOPS!

Learn XOOPS Core

Donat-O-Meter

Make donations with PayPal!
Stats
Goal: $100.00
Due Date: Jul 31
Gross Amount: $15.00
Net Balance: $14.11
Left to go: $85.89

Donations
Anonymous ($15)Jul-20

Local Support

Advertisement

XOOPS Code hosted on SourceForge

Cumulus Tag Cloud

- 2 2.5 2.6 3.0 4 6 2013 Abuse adslight Android AntiHarvesting AntiMalUser AntiSpam API Apple Battlefield billige Bootstrap Captcha cell cent chronolabs CHUNG content CĂN demo docek download Dresses evden eve facebook Fat Food for free Gateway Google Guide herre Honeypot HP html5 Human HỘ IP iPhone jQuery List log Loss mobile module modules Monster new newbb news NHÀ online PARK phone PHP Prevention profile project Protector publisher Rapid RESIDENCE responsive review Rights rmcommon Room security Sentry site Smartphone Smarty Solution Spam Studio tag tags tdmcreate template The Theme themes User userlog web weight Wishcraft xoops Xortify

New Users

Registering user

# 137635

otr214406

Welcome to XOOPS!

Archives

News Archives

XOOPS Fire - New Layout!

Posted by AngeloRocha on 2014/3/30 12:56:23 (3827 reads) | Posted on YAXS
Hello, i bring to you the new XOOPS Fire Portal! The new theme is based on the template xBootstrap and uses the modules:

- Publisher
- XOOPS Tube
- Tags
- TDM Downloads
- Planet
- Contact
- ExtGallery

Screen:
Resized Image


See online: http://xoopsfire.com/

Enjoy.


Tags: xoops   Theme   new   xBootstrap   Fire  
Printer Friendly Page Send this Story to a Friend Create a PDF from the article
Bookmark Me
Bookmark to Google Plus
The comments are owned by the author. We aren't responsible for their content.

Very nice job, Angelo! Congratulations!
It's nice to see xBootstrap at work!
Published: 2014/3/30 17:58 • Updated: 2014/3/30 17:58
hi angelo,

really cool design. I like it a lot.
Congratulations!
Published: 2014/3/31 2:07 • Updated: 2014/3/31 2:07
hi angelo,

Congratulations beautiful designs
Published: 2014/3/31 14:54 • Updated: 2014/3/31 14:54
Thanks for your comments Oswaldo, Micheal always encouraging XOOPS users thanks!
Thanks Heyula for inspiration, Mariane for your slider, Trabis for the module and Bleek for the beautiful template. XOOPS is a strong community, AVANT!

Publisher Bootstrap slider code:

HTML (slider.html):
<{if $xoops_dirname == "system"}>
    <
div class="xoopsfire-slider container">
        
<
div data-ride="carousel" class="carousel slide" id="xoopsfire-slider">
    <
ol class="carousel-indicators">
        <
li class="" data-slide-to="0" data-target="#xoopsfire-slider"></li>
        <
li class="" data-slide-to="0" data-target="#xoopsfire-slider"></li>
        <
li class="" data-slide-to="0" data-target="#xoopsfire-slider"></li>
        <
li class="" data-slide-to="0" data-target="#xoopsfire-slider"></li>
    </
ol>
 <
div class="carousel-inner">   
        <{
php}>
        include_once 
XOOPS_ROOT_PATH '/modules/publisher/include/common.php';
        
$publisher =& PublisherPublisher::getInstance();
        
$myts =& MyTextSanitizer::getInstance();
        
$itemsObj $publisher->getHandler('item')->getItems($limit 4$start 0, array(_PUBLISHER_STATUS_PUBLISHED), -1$sort 'datesub'$order='DESC'''true$criteria nulltrue);
        
$totalItems count($itemsObj);

        global 
$items;
        
$items = array();
        if (
$itemsObj) {
                for ( 
$i 0$i $totalItems$i++ ) {

                    
$newItems['itemid']       = $itemsObj[$i]->itemid();
                    
$newItems['title']        = $itemsObj[$i]->title();
                    
$newItems['body']         = $itemsObj[$i]->body();
                    
$newItems['votes']        = $itemsObj[$i]->votes();
                    
$newItems['image']        = XOOPS_URL '/uploads/blank.gif';
                    
$images $itemsObj[$i]->getImages();
                    if (
is_object($images['main'])) {
                        
$newItems['image'] = XOOPS_URL '/uploads/' $images['main']->getVar('image_name');
                    }
                
$items[] = $newItems;
            }
        }
        <{/
php}>

        <{
php}>
                foreach ( 
$GLOBALS['items'] as $myrow )
                {
                
$GLOBALS['xoopsTpl']->assign('itemid'$myrow['itemid']);
                
$GLOBALS['xoopsTpl']->assign('title'$myrow['title']);
                
$GLOBALS['xoopsTpl']->assign('body'$myrow['body']);
                
$GLOBALS['xoopsTpl']->assign('votes'$myrow['votes']);
                
$GLOBALS['xoopsTpl']->assign('image'$myrow['image']);
        <{/
php}>
        <
div class="item">
            
        <
a href="<{$xoops_url}>/modules/publisher/item.php?itemid=<{$itemid}>">
            <!-- <
img src="<{$image}>" alt="<{$title}>"> -->
            <
img src="<{$xoops_imageurl}>images/slider.png" alt="<{$title}>">
        </
a>
            
        <
div class="carousel-caption">
            <
h3><{$title}></h3>
            <
P><{$body|truncate:200|strip_tags}></P>
            <
p><a href="<{$xoops_url}>/modules/publisher/item.php?itemid=<{$itemid}>" title="Leia Mais" class="btn btn-danger">Continue Lendo</a></p>
        </
div><!-- .carousel-caption -->
        </
div><!-- .item -->
        <{
php}>
        }
        <{/
php}>
</
div><!-- .carousel-inner -->

    <
a data-slide="prev" href="#xoopsfire-slider" class="left carousel-control">
        <
span class="glyphicon glyphicon-chevron-left"></span>
    </
a>

    <
a data-slide="next" href="#xoopsfire-slider" class="right carousel-control">
        <
span class="glyphicon glyphicon-chevron-right"></span>
    </
a>
</
div><!-- .carousel|slide -->

    <
div class="xoopsfire-slide-shadow"><img src="<{$xoops_imageurl}>images/shadow.png" alt=""></div>
    </
div><!-- .xoopsfire-slider -->
<{/if}>


Javascript (js.js):
jQuery(document).ready(function(){
      
jQuery(".carousel-indicators li:first").addClass("active");
      
jQuery(".carousel-inner .item:first").addClass("active");
});

jQuery(document).ready(function($) {
    $(
'.carousel').carousel({
          
interval:   5000,
        
pause:      "hover",
        
wrap:       true
      
})
});


I hope you enjoy.
Published: 2014/3/31 19:05 • Updated: 2014/3/31 19:08