Fork me on GitHub



Make donations with PayPal!
Goal: $100.00
Due Date: Mar 31
Gross Amount: $20.00
Net Balance: $18.76
Left to go: $81.24

Roby73  ($5)Mar-25
Anonymous ($15)Mar-14

Learn XOOPS Core

Local Support


XOOPS Code hosted on SourceForge

Cumulus Tag Cloud

- 2 2.5 2.6 4 6 admin adslight Android AntiHarvesting AntiSpam API Apple Battlefield billige Blocks Bootstrap Captcha cell chronolabs CHUNG Cloud content CĂN demo Digitally docek download Dresses evden eve facebook Fat floor for free Gateway Google Guide herre Honeypot HP 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 Rapid release RESIDENCE responsive review Rights rmcommon security Sentry Signed site Smartphone Smarty Solution Spam stem Studio tdmcreate template The Theme themes web weight xoops Xortify XPayment ZendFramework

New Users

Registering user

# 138238


Welcome to XOOPS!


News Archives

Evolution of

Posted by grosdunord on 2013/5/12 16:20:00 (3173 reads) | Posted on YAXS
After several years of using the same theme, the Website has been updated to a new look.

The arrival of XOOPS 2.6, inspired Grosdunord and Tatane to design a theme based on Bootstrap Twitter while remaining on XOOPS 2.5.x.

The theme is compatible with following browsers: Firefox, Chrome, Opera, Safari, Internet Explorer, and many others, since it is based on responsive design.

So the theme is compatible Mobile, tablet and desktop with different formats below:

Phone: 480px and below
Phone Tablet Landscape portrait: 767 px
shelf vertical to horizontal mode and office: 768 px to 979px
Office: 980 px
Main office: 1200px

Resized Image

To improve performance we used the CSS sprites for images but also minified css html and JavaScripts.

We made some invisible block when switching to mobile mode because we find that these blocks were completely useless in this mode.

Right blocks in mobile mode are automatically placed above the center blocks.
We used the Tooltip for some links as "forgotten password" or the text "Remember me" to give more information on these links to visitors.

Resized Image

The redirect page uses the Progress Bar with percentage display progress loading it.

Resized Image

Page "site work" is entirely based on bootstrap

Resized Image

Tags: Theme   Bootstrap   jQuery   template   tatane   tooltip   grosdunord   vistaide  
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.

No comments I not understand or it's not interesting or there is nobody on xoops lol
Published: 2013/5/15 13:21 • Updated: 2013/5/15 13:21
Everybody is just speechless!

Great work what you've done it, showcasing the power of XOOPS! I hope, there will be more coming!

Please share your experiences on how to build a similar theme. A tutorial would be great!

If somebody would like to follow your steps, what would they have to do? What problems did you experience, and how did you overcome them?
Published: 2013/5/15 19:01 • Updated: 2013/5/15 19:01