') ') Fork me on GitHub

Search

Donat-O-Meter

Make donations with PayPal!
Stats
Goal: $100.00
Due Date: Dec 31
Gross Amount: $10.00
Net Balance: $9.41
Left to go: $90.59

Donations
Dante7237  ($10)Dec-3

Learn XOOPS Core

Local Support

Advertisement

XOOPS Code hosted on SourceForge

Cumulus Tag Cloud

- 2 2.5 2.6 3.0 4 6 2013 Abuse Android AntiHarvesting AntiMalUser AntiSpam API Apple Battlefield Blocks Bootstrap By Captcha cell cent chronolabs CHUNG Clicks content CĂN demo docek download Dresses evden eve facebook Fat Food for free Gateway giải Google Guide herre Honeypot Human HỘ IP iPhone jQuery Law Legal List Loss mobile module modules Monster new newbb news NHÀ online PARK Payment phone PHP Prevention profile project Protector publisher RESIDENCE responsive review Rights rmcommon security Sentry Signatures Signed site Smartphone Smoking Solution Spam Studio tags tdmcreate The Theme themes tháp web weight Wishcraft xoops Xortify XPayment

New Users

Registering user

# 137911

mydarkglobe

Welcome to XOOPS!

Archives

News Archives

XOOPS Fire - New Layout!

Posted by AngeloRocha on 2014/3/30 12:56:23 (5158 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