Joomla Templates Club 406,261 posts

[omojesu2 Friend omojesu2Join date: December 2012Posts: 34Downloads:0Uploads:1 Thanks: 8 Thanked: 3 times in 1 posts]

#202604

1.) I am looking at Uber but was wondering if it is possible in its present state to create one-page websites with the template? In other words, does uber support or can be easily made to support parallax-based main menu system that controls most one-page websites.

If so, is there a simple step by step or tutorial to accomplish this with Uber 1 or the upcoming Uber 2 templates?

2.) Second question – can uber templates be adjusted to boxed size responsive widths instead of the wide resolutions?

Thanks

[Eragon H Friend Eragon HJoin date: July 2014Posts: 468Downloads:1Uploads:39 Thanks: 5 Thanked: 156 times in 149 posts]

#554825

1. Implementing parallax will require lots of work and knowledge about JS + CSS, it’s not easy stuff.

2. You can add the container by change the file root/templates/uber/tpls/blocks/home.php
FROM

<?php if ($this->countModules('home')) : ?>
<!-- HOME POSITION -->
<div class="wrap sections-wrap <?php $this->_c('home') ?>">
<jdoc:include type="modules" name="<?php $this->_p('home') ?>" style="T3section" />
</div>
<!-- //HOME POSITION -->
<?php endif ?>

TO

<?php if ($this->countModules('home')) : ?>
<!-- HOME POSITION -->
<div class="wrap sections-wrap <?php $this->_c('home') ?>">
<div class="container">
<jdoc:include type="modules" name="<?php $this->_p('home') ?>" style="T3section" />
</div>
</div>
<!-- //HOME POSITION -->
<?php endif ?>

Result: http://prntscr.com/5575c0

[omojesu2 Friend omojesu2Join date: December 2012Posts: 34Downloads:0Uploads:1 Thanks: 8 Thanked: 3 times in 1 posts]

#555124

Thanks…

1) any plan for a one-page/parallax template for uber in future/roadmap? I think that will be a great addition since these types of websites are increasingly getting popular now days and it will be nice that there is at least one template in uber that fills that gap.

2) checking your screenshot, I noticed that while the module got “boxed” the top main menu still stayed wide. Will that be possible as well?

[Eragon H Friend Eragon HJoin date: July 2014Posts: 468Downloads:1Uploads:39 Thanks: 5 Thanked: 156 times in 149 posts]

#555156

1. Thank you for your suggestion. I will forward this idea to the development team for consideration in next version.

2. For the header, you can add the container in the file root/templates/uber/tpls/blocks/header.php as this >> http://prntscr.com/565dv9

Result >> http://prntscr.com/565ece

1 user says Thank You to Eragon H for this useful post

1. omojesu2

[omojesu2 Friend omojesu2Join date: December 2012Posts: 34Downloads:0Uploads:1 Thanks: 8 Thanked: 3 times in 1 posts]

#555635

Thanks…I noticed the one-page menu template was added in the latest release. That is awesome.

Follow -up question…how do I style the one-page menu to look like the menu of the charity template? I want the best of both worlds, so what css changes need to be added to make the one page menu have the background and style of the charity menu?

Thanks for your continued support

[Eragon H Friend Eragon HJoin date: July 2014Posts: 468Downloads:1Uploads:39 Thanks: 5 Thanked: 156 times in 149 posts]

#555712

To use the Charity Menu style, you can change the code in the file root/templates/uber/acm/header/tpml/style-8.php

Position: Line 66 >> http://prntscr.com/57v9um
Code:
FROM:

<header id ="uber-header-<?php echo $module->id; ?>" class="wrap uber-header header-8 dark-color" <?php if($enableSticky): echo 'data-spy="affix"'; endif; ?>>

TO:

<header id ="uber-header-<?php echo $module->id; ?>" class="wrap uber-header header-1 light-color" <?php if($enableSticky): echo 'data-spy="affix"'; endif; ?>>

Result: http://prntscr.com/57va7g

[Author]

Posts