A new HTML 5 and Responsive Theme for XOOPS! - Themes - XOOPS News

XOOPS

News

News World of XOOPS Developers Hacks Themes Archive Submit News

Themes: A new HTML 5 and Responsive Theme for XOOPS!

Posted by: AngeloRochaOn 2013/3/17 4:00:00 11950 reads

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?xoops_theme_select=themefactory-html5

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

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

Hope you enjoy!

The comments are owned by the author. We aren't responsible for their content.

Re: A new HTML 5 and Responsivel Theme for XOOPS!

tatane Published 03/17/2013 8:41 Just can't stay away Joined 05/06/2008 Comments 649

Very nice theme, however a problem with input mode tablet :

Tablet
Resized Image

Re: A new HTML 5 and Responsivel Theme for XOOPS!

Cesagonchu Published 03/17/2013 12:36 Moderator Joined 02/01/2010 Comments 892

Thank you for this new theme AngeloRocha

Re: A new HTML 5 and Responsivel Theme for XOOPS!

timgno Published 03/17/2013 13:40 Module Developer Joined 06/21/2007 Comments 1504

Nice :) but don't work properly on xoops 2.6.0
Pleace... tell us which version is more suitable

Thank you!

Re: A new HTML 5 and Responsivel Theme for XOOPS!

Mamba Published 03/17/2013 15:05 Moderator Joined 04/23/2004 Comments 11409

Quote:

Nice :) but don't work properly on xoops 2.6.0

It's XOOPS 2.5.5 Theme

Re: A new HTML 5 and Responsivel Theme for XOOPS!

AngeloRocha Published 03/17/2013 15:59 Just can't stay away Joined 06/08/2010 Comments 603

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>

Re: A new HTML 5 and Responsivel Theme for XOOPS!

AngeloRocha Published 03/17/2013 16:03 Updated 03/17/2013 16:04 Just can't stay away Joined 06/08/2010 Comments 603

Hi timgno!

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

Thanks Cesag and all the comments.

0/

Re: A new HTML 5 and Responsive Theme for XOOPS!

heyula Published 03/17/2013 21:43 Theme Designer Joined 04/24/2008 Comments 596

Very nice theme AngeloRocha thank you.
http://www.xoops-tr.com/modules/myalbum/index.php

Re: A new HTML 5 and Responsive Theme for XOOPS!

mariane Published 03/20/2013 8:35 Theme Designer Joined 01/11/2008 Comments 649

very nice theme

Re: A new HTML 5 and Responsive Theme for XOOPS!

AngeloRocha Published 03/23/2013 15:42 Just can't stay away Joined 06/08/2010 Comments 603

Thanks Heyula and Mariane ;)

Re: A new HTML 5 and Responsive Theme for XOOPS!

Falcon22 Published 03/25/2013 0:09 Just popping in Joined 12/26/2003 Comments 58

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.

Re: A new HTML 5 and Responsive Theme for XOOPS!

AngeloRocha Published 03/25/2013 3:04 Updated 03/25/2013 3:13 Just can't stay away Joined 06/08/2010 Comments 603

Hi Falcon22.

Add this meta in head of theme.html

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

Re: A new HTML 5 and Responsive Theme for XOOPS!

AngeloRocha Published 03/25/2013 3:26 Just can't stay away Joined 06/08/2010 Comments 603

Updated package!
Thanks for Falcon22 and tatane!

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

Theme factory now is responsive and mobile responsive.

Re: A new HTML 5 and Responsive Theme for XOOPS!

MikeShane Published 04/19/2013 14:57 Community Support Member Joined 01/05/2008 Comments 144

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.

Re: A new HTML 5 and Responsive Theme for XOOPS!

timgno Published 05/05/2013 21:16 Module Developer Joined 06/21/2007 Comments 1504

@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.

Re: A new HTML 5 and Responsive Theme for XOOPS!

brutalicuss Published 09/11/2013 9:35 Not too shy to talk Joined 06/09/2012 Comments 128

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:

Login

Username

Password

Remember me

Search

Advanced Search

Donat-O-Meter

Stats
Goal:	$100.00
Due Date:	Nov 30
Gross Amount:	$0.00
Net Balance:	$0.00
Left to go:	$100.00

Latest GitHub Commits

{{ record.sha.slice(0, 7) }} - {{ record.commit.message | truncate }}

{{ record.commit.author.name }} {{ record.commit.author.date | formatDate }}

Themes: A new HTML 5 and Responsive Theme for XOOPS!

Re: A new HTML 5 and Responsivel Theme for XOOPS!

Re: A new HTML 5 and Responsivel Theme for XOOPS!

Re: A new HTML 5 and Responsivel Theme for XOOPS!

Re: A new HTML 5 and Responsivel Theme for XOOPS!

Re: A new HTML 5 and Responsivel Theme for XOOPS!

Re: A new HTML 5 and Responsivel Theme for XOOPS!

Re: A new HTML 5 and Responsive Theme for XOOPS!

Re: A new HTML 5 and Responsive Theme for XOOPS!

Re: A new HTML 5 and Responsive Theme for XOOPS!

Re: A new HTML 5 and Responsive Theme for XOOPS!

Re: A new HTML 5 and Responsive Theme for XOOPS!

Re: A new HTML 5 and Responsive Theme for XOOPS!

Re: A new HTML 5 and Responsive Theme for XOOPS!

Re: A new HTML 5 and Responsive Theme for XOOPS!

Re: A new HTML 5 and Responsive Theme for XOOPS!

Login

Search

Recent Comments

Re: New Admin Theme for XOOPS (Beta)

Sanford Pharmacy: Exceptional Pharmacy Services Tailored to You

Re: New Admin Theme for XOOPS (Beta)

Re: XOOPS 2.5.12 Beta-2 available for Testing

Re: XOOPS 2.5.12 Beta-2 available for Testing

Who's Online

Donat-O-Meter

Latest GitHub Commits

{{ record.sha.slice(0, 7) }} - {{ record.commit.message | truncate }}

Archives

News archives