ты создаёшь папку с именем хоста, и он автоматом создаётся
#!/bin/bash
echo -n "please enter site name: "
read new_site
mkdir $new_site
chown sergey:www-data -R $new_site
chmod 777 -R $new_site
echo "127.0.0.1 localhost $new_site" >> /etc/hosts
cp /etc/apache2/sites-available/000-default.conf /etc/apache2/sites-available/$new_site.conf
echo "<VirtualHost *:80>" >> /etc/apache2/sites-available/$new_site.conf
echo "ServerName $new_site" >> /etc/apache2/sites-available/$new_site.conf
echo "DocumentRoot /home/sergey/public_html/$new_site" >> /etc/apache2/sites-available/$new_site.conf
echo "</VirtualHost>" >> /etc/apache2/sites-available/$new_site.conf
a2ensite $new_site
service apache2 reload//destroy any plugin event (scrolls, hashchange in the URL...)
$.fn.fullpage.destroy();
//destroy any plugin event and any plugin modification done over your original HTML markup.
$.fn.fullpage.destroy('all');transition: all 0.2stransition: all 0.2s ease
<style>
.sticky {
position: fixed;
z-index: 101;
}
.stop {
position: relative;
z-index: 101;
}
</style>
<script>
(function(){
var a = document.querySelector('.component_right'), b = null, P = 115; // если ноль заменить на число, то блок будет прилипать до того, как верхний край окна браузера дойдёт до верхнего края элемента. Может быть отрицательным числом
window.addEventListener('scroll', Ascroll, false);
document.body.addEventListener('scroll', Ascroll, false);
function Ascroll() {
if (b == null) {
var Sa = getComputedStyle(a, ''), s = '';
for (var i = 0; i < Sa.length; i++) {
if (Sa[i].indexOf('overflow') == 0 || Sa[i].indexOf('padding') == 0 || Sa[i].indexOf('border') == 0 || Sa[i].indexOf('outline') == 0 || Sa[i].indexOf('box-shadow') == 0 || Sa[i].indexOf('background') == 0) {
s += Sa[i] + ': ' +Sa.getPropertyValue(Sa[i]) + '; '
}
}
b = document.createElement('div');
b.style.cssText = s + ' box-sizing: border-box; width: ' + a.offsetWidth + 'px;';
a.insertBefore(b, a.firstChild);
var l = a.childNodes.length;
for (var i = 1; i < l; i++) {
b.appendChild(a.childNodes[1]);
}
a.style.height = b.getBoundingClientRect().height + 'px';
a.style.padding = '0';
a.style.border = '0';
}
var Ra = a.getBoundingClientRect(),
R = Math.round(Ra.top + b.getBoundingClientRect().height - document.querySelector('.stop_form').getBoundingClientRect().top + 0); // селектор блока, при достижении верхнего края которого нужно открепить прилипающий элемент; Math.round() только для IE; если ноль заменить на число, то блок будет прилипать до того, как нижний край элемента дойдёт до футера
if ((Ra.top - P) <= 0) {
if ((Ra.top - P) <= R) {
b.className = 'stop';
b.style.top = - R +'px';
} else {
b.className = 'sticky';
b.style.top = P + 'px';
}
} else {
b.className = '';
b.style.top = '';
}
window.addEventListener('resize', function() {
a.children[0].style.width = getComputedStyle(a, '').width
}, false);
}
})()
</script>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">body { -webkit-text-size-adjust: none;
text-size-adjust: none; }body { overflow-x: none; }
$('iframe').contents().find('.hidden').hide();<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style media="screen">
body { background-color: blue; }
#iframe1 { width: 400px; height: 400px; }
#iframe2 { width: 400px; height: 400px; }
#iframe3 { display: none; width: 400px; height: 400px; }
.open_iframe { display: block; color: white; }
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.open_iframe').click(function(){
$('#iframe3').toggle();
$('#iframe3').contents().find('.click').hide();
});
});
$(window).load(function() {
$('#iframe2').contents().find('.load').hide();
});
</script>
</head>
<body>
<span class="open_iframe">Нажми меня.</span>
<iframe id="iframe1" src="iframe.html" width="" height=""></iframe>
<iframe id="iframe2" src="iframe.html" width="" height=""></iframe>
<iframe id="iframe3" src="iframe.html" width="" height=""></iframe>
</body>
</html><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style media="screen">
body { background-color: red; }
.load { background-color: yellow; }
.click { background-color: purple; }
</style>
</head>
<body>
Это один и тот же фрейм.
<div class="load">
А этого контента не видно при загрузке.
</div>
<div class="click">
А этого контента не видно по клику.
</div>
</body>
</html>