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: Jul 31
Gross Amount: $15.00
Net Balance: $14.11
Left to go: $85.89

Donations
Anonymous ($15)Jul-20

Local Support

Advertisement

XOOPS Code hosted on SourceForge

Cumulus Tag Cloud

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

New Users

Registering user

# 137629

fransz

Welcome to XOOPS!

Archives

News Archives

A new HTML 5 and Responsive Theme for XOOPS!

Posted by AngeloRocha on 2013/3/16 23:00:00 (4203 reads) | Posted on Themes
Today I am releasing another theme for XOOPS developed using Theme Factory.

Theme Factory is a framework for developing responsive themes for XOOPS, and in this version it is fully HTML5-based, and integrated with Bootstrap.

Resized Image


See online: http://demo.xoopsfire.com/index.php?x ... select=themefactory-html5

Screens: http://xoopsfire.com/modules/extgallery/public-album.php?id=41

Download: http://xoopsfire.com/modules/TDMDownl ... glefile.php?cid=22&lid=83

Hope you enjoy!


Tags: xoops   Theme   responsive   html5  
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 theme, however a problem with input mode tablet :

Tablet
Resized Image

Resized Image

Published: 2013/3/17 3:41 • Updated: 2013/3/17 3:41
Thank you for this new theme AngeloRocha
Published: 2013/3/17 7:36 • Updated: 2013/3/17 7:36
Nice :) but don't work properly on xoops 2.6.0
Pleace... tell us which version is more suitable

Thank you!
Published: 2013/3/17 8:40 • Updated: 2013/3/17 8:40
Quote:
Nice :) but don't work properly on xoops 2.6.0

It's XOOPS 2.5.5 Theme
Published: 2013/3/17 10:05 • Updated: 2013/3/17 10:05
Hi, tatane.

Go to theme directory in the folder "modules/system/blocks".
Open de file "system_block_login.html" and paste the code bellow:

<div class="row-fluid txtcenter">
    <
form action="<{xoAppUrl user.php}>" method="post">
        
        <
label for="uname"><{$block.lang_username}></label>
    
        <
input class="span12" type="text" name="uname" value="<{$block.unamevalue}>">

        <
label for="pass"><{$block.lang_password}></label>

        <
input class="span12" type="password" name="pass">

        <{if isset(
$block.lang_rememberme)}>
        
        <
label>
            <
input type="checkbox" name="rememberme" value="On" class ="formButton"> <{$block.lang_rememberme}>
        </
label>
        
        <{/if}>
        
        <
input type="hidden" name="xoops_redirect" value="<{$xoops_requesturi}>">
        <
input type="hidden" name="op" value="login">
        <
button type="submit" class="btn btn-primary input-medium"><{$block.lang_login}></button>

        <{
$block.sslloginlink}>
        
    </
form>
    <
p><a href="<{xoAppUrl user.php#lost}>" title="<{$block.lang_lostpass}>"><{$block.lang_lostpass}></a></p>

    <
p><a href="<{xoAppUrl register.php}>" title="<{$block.lang_registernow}>"><{$block.lang_registernow}></a></p>

</
div>

Published: 2013/3/17 10:59 • Updated: 2013/3/17 10:59
Hi timgno!

I'm working on version for xoops 2.6 and xthemes modules.

Thanks Cesag and all the comments.

0/
Published: 2013/3/17 11:03 • Updated: 2013/3/17 11:04
Very nice theme AngeloRocha thank you.
http://www.xoops-tr.com/modules/myalbum/index.php
Published: 2013/3/17 16:43 • Updated: 2013/3/17 16:43
very nice theme
Published: 2013/3/20 3:35 • Updated: 2013/3/20 3:35
Thanks Heyula and Mariane ;)
Published: 2013/3/23 10:42 • Updated: 2013/3/23 10:42
I can see the theme is responsive when I make the window smaller on my PC.
But when I look at the demo from my iphone it is not responsive.
Published: 2013/3/24 19:09 • Updated: 2013/3/24 19:09
Hi Falcon22.

Add this meta in head of theme.html

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Published: 2013/3/24 22:04 • Updated: 2013/3/24 22:13
Updated package!
Thanks for Falcon22 and tatane!

http://xoopsfire.com/modules/TDMDownloads/singlefile.php?lid=83

Theme factory now is responsive and mobile responsive.
Published: 2013/3/24 22:26 • Updated: 2013/3/24 22:26
I have this themefactory-html5 installed using xoops2.5_wurfl_2.10 and xoops 2.5.5 right now I only have set for android phone. When I go to the site with my android phone it seems to work it goes to your theme, but the fonts are small on both the content and the menu. I noticed in the css there are three css files one being bootstrap. I am a novice but am I correct that this is for phone viewing? Is this activated automatically when my phone connects? Is there other settings I need to change? I think it would be great to have a mobile version of my site, but I don’t think I’m using this right.
Published: 2013/4/19 9:57 • Updated: 2013/4/19 9:57
@MikeShane
I think you can add all the css code in another new file style.css, if you do not want to change anything, or add code in files xoops.css, or normalize.css

@AngeloRocha
There are, however, issues with Apple's Safari browser on the search box. There remains some pixels separated the button from the edit field, and I can not change with a specific instruction for that.

The network is not much material to work with.
Published: 2013/5/5 16:16 • Updated: 2013/5/5 16:16
Thank you @AngeloRocha for this fresh theme !

I took advantage to make new vision here - more responsive and modern :)

If Im not insolent, could you refer me how to set images and banners in central blocks to be screen responsive too, like all others

Gracias and 10x again for those nice themes :beer:
Published: 2013/9/11 4:35 • Updated: 2013/9/11 4:35