Fork me on GitHub

Search

Donat-O-Meter

Make donations with PayPal!
Stats
Goal: $100.00
Due Date: Oct 31
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00

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 adslight Android AntiHarvesting AntiMalUser AntiSpam API Apple Battlefield billige Bootstrap Captcha cell cent chronolabs Clicks content CĂN demo docek download Dresses evden eve facebook Fat floor Food for free Gateway Google Guide herre Home Honeypot HP Human HỘ IP iPhone jQuery Language Law Legal 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 security Sentry site Smartphone Smoking Solution Spam Studio tags tdmcreate template The Theme themes web weight Wishcraft xoops Xortify

New Users

Registering user

# 137849

hometheater

Welcome to XOOPS!

Archives

News Archives

XOOPS Fire - New Layout!

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