How to mount such a site one page and use the original blocks t3 -blank .

File used .

jquery.easing.1.3.js ---> put in templates/t3_blank/js folder

In template/t3_blank/etc , create a assets.xml :


<?xml version="1.0" encoding="utf-8"?>
<assets>
<scripts>

<file>js/jquery.easing.1.3.js</file>

</scripts>

<stylesheets>

</stylesheets>

</assets>














---------------------------------------------------------------------------
Create a new block mainnav :












<?php
/**
* @package T3 Blank
* @copyright Copyright (C) 2005 - 2012 Open Source Matters, Inc. All rights reserved.
* @license GNU General Public License version 2 or later; see LICENSE.txt
*/

defined('_JEXEC') or die;
?>

<!-- MAIN NAVIGATION -->
<nav id="t3-mainnav" class="wrap t3-mainnav navbar-fixed-top navbar-collapse-fixed-top">
<div class="container navbar">
<div class="navbar-inner">

<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<i class="icon-reorder"></i>
</button>

<div class="nav-collapse collapse<?php echo $this->getParam('navigation_collapse_showsub', 1) ? ' always-show' : '' ?>">
<?php if ($this->getParam('navigation_type') == 'megamenu') : ?>
<jdoc:include type="megamenu" />
<?php else : ?>
<jdoc:include type="modules" name="<?php $this->_p('mainnav') ?>" style="raw" />
<?php endif ?>
</div>
</div>
</div>

<!-- //MAIN NAVIGATION -->

<!-- smooth scroll -->
<script type="text/javascript">
!function($) {

var winurl = window.location.href.replace(/([^\#]*)(.*)/, '$1');

window.reflow = function () {
if('ontouchstart' in window){
document.documentElement.style.width = (document.documentElement.offsetWidth + 1) + 'px';
setTimeout(function () {
document.documentElement.style.width = '';
}, 0);
}
};

$('.navbar-fixed-top ul li a').each (function (){
var href = this.href,
target = this.hash ? this.hash : href.replace(/.*(?=#[^\s]+$)/, ''),
target_url = href.replace(/([^\#]*)(.*)/, '$1');

if(this.hostname != window.location.hostname || target.substr(0, 1) != '#'){
return;
}

$(this).attr('href', target).data('target', target);
});

$('.navbar-fixed-top ul li a').click (function(e) {
if (!$(this).data('target')){
return;
}

var target = this.href.replace(/.*(?=#[^\s]+$)/, '');
if (target && ($(target).length)) {
e.preventDefault();

$('html,body').animate({scrollTop: Math.max(0,
$(target).offset().top
- ((!($('html').hasClass('off-canvas') && $('.btn-navbar').is(':visible')) && $('#t3-mainnav').css('position') == 'fixed') ? $('#t3-mainnav').height() : 0)
+ 2)}, {
duration: 800,
easing: 'easeInOutCubic',
complete: window.reflow
});
} else { //not found
var home = $('.navbar-fixed-top ul li a.home').attr('href');
if(home){
window.location.href = home.replace(/([^\#]*)(.*)/, '$1') + target;
}
}
});

$(document).ready(function(){
var ftarget = window.location.href.replace(/.*(?=#[^\s]+$)/, '');

if(ftarget.substr(0, 1) == '#'){
ftarget = $(ftarget);

if(ftarget.length){
$('html,body').scrollTop(Math.max(0, ftarget.offset().top - ((!($('html').hasClass('off-canvas') && $('.btn-navbar').is(':visible')) && $('#t3-mainnav').css('position') == 'fixed') ? $('#t3-mainnav').height() : 0) + 1));
window.reflow();
}
}

var homelink = $('.navbar-fixed-top ul li a.home')[0];
if(homelink){
var home_url = homelink.href.replace(/([^\#]*)(.*)/, '$1'),
home_target = homelink.hash ? homelink.hash : homelink.href.replace(/.*(?=#[^\s]+$)/, '');

if(home_url == winurl){
if(home_target.substr(0, 1) != '#'){
homelink.href = home_target = '#home';
$(homelink).data('target', home_target);
}

home_target = $(home_target);
if(!home_target.length){
home_target = $('<div id="home" style="width: 0; height: 0; visibility: hidden">').prependTo(document.body);
}

} else {
home_target = null;
}

$(homelink).unbind('click').click(function(e){

if(home_target){
e.preventDefault();

$('html,body').animate({scrollTop: Math.max(0, (home_target.offset().top - $('#t3-mainnav').height() + 2))}, {
duration: 800,
easing: 'easeInOutCubic',
complete: window.reflow
});
}
});
}
});
}(window.jQuery);
</script>
<!-- //smooth scroll -->

</nav>






----------------------------------------------------------------------------

You can use a spotlight 4 and create a module ( for text of contact) position 1 and this will have the id 88 .
Now create your menu (contact) as system link and add the link #Mod id number of the module .

Example (# Mod88 )

You can use the 4-position spotlight , but always identify the menu id of the first position , for it to be related to mobile devices .

Each block spotlight with 4 positions you use , you add the link in the menu only the id of the first block position .

On the main (home) page, you can create a menu with featured articles and the link types / css style home you put options.

You have her ready onepage without creating specific blocks and taking advantage of every block and all available positions on the issue.



Make css the way you need.



Bang, Take a test and be happy.


Do not forget to give new names for their custom blocks to protect during update