Úprava souboru index.html
This commit is contained in:
parent
d2e31c1fed
commit
2727cd0499
3 changed files with 107 additions and 15 deletions
|
@ -12,11 +12,37 @@
|
||||||
|
|
||||||
<!-- CSS -->
|
<!-- CSS -->
|
||||||
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
|
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
|
||||||
<link href="css/flexslider.css" rel="stylesheet" type="text/css" />
|
<script>
|
||||||
|
function isMobile() {
|
||||||
|
const regex = /Mobi|Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i;
|
||||||
|
return regex.test(navigator.userAgent);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (isMobile()) {
|
||||||
|
console.log("Detekováno mobilní zařízení");
|
||||||
|
document.write("<style>");
|
||||||
|
document.write(".sloupce{column-count:1;column-width:100px;column-rule-width:10px;}");
|
||||||
|
document.write(".menu a span {padding-left: 5px;}");
|
||||||
|
document.write(".menu a:hover span {padding-left: 10px;}");
|
||||||
|
document.write("</style>");
|
||||||
|
document.write("<link href='css/flexslider-mobil.css' rel='stylesheet' type='text/css' />");
|
||||||
|
} else {
|
||||||
|
console.log("Detekován počítač");
|
||||||
|
document.write("<style>");
|
||||||
|
document.write(".sloupce{column-count:2;column-width:100px;column-rule-width:10px;}");
|
||||||
|
document.write(".menu a span {display:none;}");
|
||||||
|
document.write(".menu a:hover span {display:block;}");
|
||||||
|
document.write("</style>");
|
||||||
|
document.write("<link href='css/flexslider.css' rel='stylesheet' type='text/css' />");
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<!--<link href="css/flexslider.css" rel="stylesheet" type="text/css" />-->
|
||||||
|
<link href="css/prettyPhoto.css" rel="stylesheet" type="text/css" />
|
||||||
<link href="css/animate.css" rel="stylesheet" type="text/css" media="all" />
|
<link href="css/animate.css" rel="stylesheet" type="text/css" media="all" />
|
||||||
|
<link href="css/animate1.css" rel="stylesheet" type="text/css" media="all" />
|
||||||
|
<link href="css/animate2.css" rel="stylesheet" type="text/css" media="all" />
|
||||||
<link href="css/owl.carousel.css" rel="stylesheet">
|
<link href="css/owl.carousel.css" rel="stylesheet">
|
||||||
<link href="css/style.css" rel="stylesheet" type="text/css" />
|
<link href="css/style.css" rel="stylesheet" type="text/css" />
|
||||||
<link href="css/colors/" rel="stylesheet" type="text/css" id="colors" />
|
|
||||||
|
|
||||||
<!-- FONTS -->
|
<!-- FONTS -->
|
||||||
<link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500italic,700,500,700italic,900,900italic' rel='stylesheet' type='text/css'>
|
<link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500italic,700,500,700italic,900,900italic' rel='stylesheet' type='text/css'>
|
||||||
|
@ -34,7 +60,13 @@
|
||||||
<script src="js/owl.carousel.js"></script>
|
<script src="js/owl.carousel.js"></script>
|
||||||
<script src="js/animate.js" type="text/javascript"></script>
|
<script src="js/animate.js" type="text/javascript"></script>
|
||||||
<script src="js/myscript.js" type="text/javascript"></script>
|
<script src="js/myscript.js" type="text/javascript"></script>
|
||||||
|
<script>
|
||||||
|
$(function() {
|
||||||
|
setTimeout(function() { $("#showDiv").fadeOut(0); }, 0);
|
||||||
|
setTimeout(function() { $("#hideDiv").fadeOut(1500); }, 5000);
|
||||||
|
setTimeout(function() { $("#showDiv").fadeIn(1500); }, 5000);
|
||||||
|
})
|
||||||
|
</script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
|
|
40
blog.html
40
blog.html
|
@ -12,9 +12,35 @@
|
||||||
|
|
||||||
<!-- CSS -->
|
<!-- CSS -->
|
||||||
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
|
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
|
||||||
<link href="css/flexslider.css" rel="stylesheet" type="text/css" />
|
<script>
|
||||||
|
function isMobile() {
|
||||||
|
const regex = /Mobi|Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i;
|
||||||
|
return regex.test(navigator.userAgent);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (isMobile()) {
|
||||||
|
console.log("Detekováno mobilní zařízení");
|
||||||
|
document.write("<style>");
|
||||||
|
document.write(".sloupce{column-count:1;column-width:100px;column-rule-width:10px;}");
|
||||||
|
document.write(".menu a span {padding-left: 5px;}");
|
||||||
|
document.write(".menu a:hover span {padding-left: 10px;}");
|
||||||
|
document.write("</style>");
|
||||||
|
document.write("<link href='css/flexslider-mobil.css' rel='stylesheet' type='text/css' />");
|
||||||
|
} else {
|
||||||
|
console.log("Detekován počítač");
|
||||||
|
document.write("<style>");
|
||||||
|
document.write(".sloupce{column-count:2;column-width:100px;column-rule-width:10px;}");
|
||||||
|
document.write(".menu a span {display:none;}");
|
||||||
|
document.write(".menu a:hover span {display:block;}");
|
||||||
|
document.write("</style>");
|
||||||
|
document.write("<link href='css/flexslider.css' rel='stylesheet' type='text/css' />");
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<!--<link href="css/flexslider.css" rel="stylesheet" type="text/css" />-->
|
||||||
<link href="css/prettyPhoto.css" rel="stylesheet" type="text/css" />
|
<link href="css/prettyPhoto.css" rel="stylesheet" type="text/css" />
|
||||||
<link href="css/animate.css" rel="stylesheet" type="text/css" media="all" />
|
<link href="css/animate.css" rel="stylesheet" type="text/css" media="all" />
|
||||||
|
<link href="css/animate1.css" rel="stylesheet" type="text/css" media="all" />
|
||||||
|
<link href="css/animate2.css" rel="stylesheet" type="text/css" media="all" />
|
||||||
<link href="css/owl.carousel.css" rel="stylesheet">
|
<link href="css/owl.carousel.css" rel="stylesheet">
|
||||||
<link href="css/style.css" rel="stylesheet" type="text/css" />
|
<link href="css/style.css" rel="stylesheet" type="text/css" />
|
||||||
|
|
||||||
|
@ -69,11 +95,13 @@
|
||||||
});
|
});
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
<style>
|
<script>
|
||||||
.menu a span {display:none;}
|
$(function() {
|
||||||
.menu a:hover span {display:block;}
|
setTimeout(function() { $("#showDiv").fadeOut(0); }, 0);
|
||||||
</style>
|
setTimeout(function() { $("#hideDiv").fadeOut(1500); }, 5000);
|
||||||
|
setTimeout(function() { $("#showDiv").fadeIn(1500); }, 5000);
|
||||||
|
})
|
||||||
|
</script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
|
|
|
@ -12,11 +12,37 @@
|
||||||
|
|
||||||
<!-- CSS -->
|
<!-- CSS -->
|
||||||
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
|
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
|
||||||
<link href="css/flexslider.css" rel="stylesheet" type="text/css" />
|
<script>
|
||||||
|
function isMobile() {
|
||||||
|
const regex = /Mobi|Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i;
|
||||||
|
return regex.test(navigator.userAgent);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (isMobile()) {
|
||||||
|
console.log("Detekováno mobilní zařízení");
|
||||||
|
document.write("<style>");
|
||||||
|
document.write(".sloupce{column-count:1;column-width:100px;column-rule-width:10px;}");
|
||||||
|
document.write(".menu a span {padding-left: 5px;}");
|
||||||
|
document.write(".menu a:hover span {padding-left: 10px;}");
|
||||||
|
document.write("</style>");
|
||||||
|
document.write("<link href='css/flexslider-mobil.css' rel='stylesheet' type='text/css' />");
|
||||||
|
} else {
|
||||||
|
console.log("Detekován počítač");
|
||||||
|
document.write("<style>");
|
||||||
|
document.write(".sloupce{column-count:2;column-width:100px;column-rule-width:10px;}");
|
||||||
|
document.write(".menu a span {display:none;}");
|
||||||
|
document.write(".menu a:hover span {display:block;}");
|
||||||
|
document.write("</style>");
|
||||||
|
document.write("<link href='css/flexslider.css' rel='stylesheet' type='text/css' />");
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<!--<link href="css/flexslider.css" rel="stylesheet" type="text/css" />-->
|
||||||
|
<link href="css/prettyPhoto.css" rel="stylesheet" type="text/css" />
|
||||||
<link href="css/animate.css" rel="stylesheet" type="text/css" media="all" />
|
<link href="css/animate.css" rel="stylesheet" type="text/css" media="all" />
|
||||||
|
<link href="css/animate1.css" rel="stylesheet" type="text/css" media="all" />
|
||||||
|
<link href="css/animate2.css" rel="stylesheet" type="text/css" media="all" />
|
||||||
<link href="css/owl.carousel.css" rel="stylesheet">
|
<link href="css/owl.carousel.css" rel="stylesheet">
|
||||||
<link href="css/style.css" rel="stylesheet" type="text/css" />
|
<link href="css/style.css" rel="stylesheet" type="text/css" />
|
||||||
<link href="css/colors/" rel="stylesheet" type="text/css" id="colors" />
|
|
||||||
|
|
||||||
<!-- FONTS -->
|
<!-- FONTS -->
|
||||||
<link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500italic,700,500,700italic,900,900italic' rel='stylesheet' type='text/css'>
|
<link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500italic,700,500,700italic,900,900italic' rel='stylesheet' type='text/css'>
|
||||||
|
@ -34,7 +60,13 @@
|
||||||
<script src="js/owl.carousel.js"></script>
|
<script src="js/owl.carousel.js"></script>
|
||||||
<script src="js/animate.js" type="text/javascript"></script>
|
<script src="js/animate.js" type="text/javascript"></script>
|
||||||
<script src="js/myscript.js" type="text/javascript"></script>
|
<script src="js/myscript.js" type="text/javascript"></script>
|
||||||
|
<script>
|
||||||
|
$(function() {
|
||||||
|
setTimeout(function() { $("#showDiv").fadeOut(0); }, 0);
|
||||||
|
setTimeout(function() { $("#hideDiv").fadeOut(1500); }, 5000);
|
||||||
|
setTimeout(function() { $("#showDiv").fadeIn(1500); }, 5000);
|
||||||
|
})
|
||||||
|
</script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
|
|
Loading…
Add table
Reference in a new issue