Fork me on GitHub

Search

Donat-O-Meter

Make donations with PayPal!
Stats
Goal: $100.00
Due Date: Jan 31
Gross Amount: $35.00
Net Balance: $33.13
Left to go: $66.87

Donations
Anonymous ($25)Jan-21
Dante7237  ($10)Jan-1

Learn XOOPS Core

Local Support

Advertisement

XOOPS Code hosted on SourceForge

Cumulus Tag Cloud

- 2 2.5 2.6 3.0 4 6 adslight Android AntiHarvesting AntiSpam API Apple Battlefield billige Bootstrap By Captcha cell cent chronolabs Clicks Cloud 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 Language Law Legal List log Loss module modules Monster new newbb news NHÀ online PARK Payment phone PHP Prevention profile project Protector publisher release RESIDENCE responsive review Rights rmcommon security Sentry Signatures Signed site Smartphone Smarty Smoking Solution Spam Studio tdmcreate template The Theme themes tháp web weight xoops Xortify XPayment

New Users

Registering user

# 138132

ukashbozdurm

Welcome to XOOPS!

Archives

News Archives

XOOPS Fire - New Layout!

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