Fork me on GitHub



Make donations with PayPal!
Goal: $100.00
Due Date: Nov 30
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00

Learn XOOPS Core

Local Support


XOOPS Code hosted on SourceForge

Cumulus Tag Cloud

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

New Users

Registering user

# 138591


Welcome to XOOPS!


News archives

Evolution of

Posted by grosdunord on 2013/5/12 17:20:00 (4971 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

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 14:21 • Updated: 2013/5/15 14: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 20:01 • Updated: 2013/5/15 20:01