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: $0.00
Net Balance: $0.00
Left to go: $100.00

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 eve facebook Fat floor for free Gateway Google Guide herre Home Honeypot html5 Human HỘ IP 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

# 137636

mzmaker05

Welcome to XOOPS!

Archives

News Archives

Evolution of vistaide.com

Posted by grosdunord on 2013/5/12 16:20:00 (2575 reads) | Posted on YAXS
After several years of using the same theme, the Website vistaide.com 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   jQuery   Bootstrap   template   vistaide   tatane   tooltip   grosdunord  
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