Fork me on GitHub

Search

Donat-O-Meter

Make donations with PayPal!
Stats
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

Advertisement

XOOPS Code hosted on SourceForge

Cumulus Tag Cloud

- 2 2.5 2.6 3.0 4 6 adslight Android AntiHarvesting AntiMalUser AntiSpam API Apple Battlefield billige Bootstrap By Captcha cell cent chronolabs CHUNG Clicks content CĂN demo Digitally docek download Dresses evden eve facebook Fat floor Food 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 RESIDENCE responsive review Rights rmcommon security Sentry Signatures Signed site Smartphone Smoking Solution Spam Studio tdmcreate template The Theme themes web weight xoops Xortify XPayment

New Users

Registering user

# 137911

mydarkglobe

Welcome to XOOPS!

Archives

News Archives

Evolution of vistaide.com

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