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: Aug 31
Gross Amount: $25.00
Net Balance: $23.97
Left to go: $76.03

Donations
Anonymous ($25)Aug-11

Local Support

Advertisement

XOOPS Code hosted on SourceForge

Cumulus Tag Cloud

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

New Users

Registering user

# 137686

debarshi

Welcome to XOOPS!

Archives

News Archives

XOOPS Fire - New Layout!

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