Pridano zarovnani, at to jde cist
This commit is contained in:
Kateřina Koutová
Vendored
+20
@@ -82,4 +82,24 @@ ul.user li a:hover {
|
||||
|
||||
.glyphicon-edit{
|
||||
font-size: 2em;
|
||||
}
|
||||
|
||||
.btn-file {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
.btn-file input[type=file] {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
min-width: 100%;
|
||||
min-height: 100%;
|
||||
font-size: 100px;
|
||||
text-align: right;
|
||||
filter: alpha(opacity=0);
|
||||
opacity: 0;
|
||||
outline: none;
|
||||
background: white;
|
||||
cursor: inherit;
|
||||
display: block;
|
||||
}
|
||||
@@ -1,6 +1,6 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<head>
|
||||
<!-- Required meta tags -->
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
@@ -13,65 +13,65 @@
|
||||
<link href="css/template.css" rel="stylesheet">
|
||||
|
||||
<title>Svatbonet</title>
|
||||
</head>
|
||||
<body>
|
||||
</head>
|
||||
<body>
|
||||
<!-- Sidebar -->
|
||||
<nav>
|
||||
<ul class="sidebar-nav">
|
||||
<li>
|
||||
<a href="#"><span class="glyphicon g1 glyphicon-home"></span>
|
||||
<p>Nástěnka</p></a>
|
||||
<p>Nástěnka</p></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><span class="glyphicon g1 glyphicon-euro"></span>
|
||||
<p>Rozpočet</p></a>
|
||||
<p>Rozpočet</p></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><span class="glyphicon g1 glyphicon-user"></span>
|
||||
<p>Hosté</p></a>
|
||||
<p>Hosté</p></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><span class="glyphicon g1 glyphicon-calendar"></span>
|
||||
<p>Události</p></a>
|
||||
<a href="#"><span class="glyphicon g1 glyphicon-calendar"></span>
|
||||
<p>Události</p></a>
|
||||
</li>
|
||||
<hr>
|
||||
<li>
|
||||
<a href="#"><span class="glyphicon g1 glyphicon-heart"></span>
|
||||
<p>Svatební web</p></a>
|
||||
<p>Svatební web</p></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><span class="glyphicon g1 glyphicon-info-sign"></span>
|
||||
<a href="#"><span class="glyphicon g1 glyphicon-info-sign"></span>
|
||||
<p>Detaily svatby</p></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><span class="glyphicon g1 glyphicon-time"></span>
|
||||
<a href="#"><span class="glyphicon g1 glyphicon-time"></span>
|
||||
<p>Program</p></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><span class="glyphicon g1 glyphicon-cog"></span>
|
||||
<a href="#"><span class="glyphicon g1 glyphicon-cog"></span>
|
||||
<p>Nastavení webu</p></a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</nav>
|
||||
|
||||
<nav class="top-panel">
|
||||
<ul class="breadcrumb">
|
||||
<li><a href="#"> Home </a></li>
|
||||
<li><a href="#"> Nástěnka </a></li>
|
||||
</ul>
|
||||
<div id = "userdiv">
|
||||
<ul class="user">
|
||||
<li> <span class="glyphicon glyphicon-user"></span> <a href="#"> Adam </a></li>
|
||||
<li><a href="#"> Odhlásit </a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
<nav class="top-panel">
|
||||
<ul class="breadcrumb">
|
||||
<li><a href="#"> Home </a></li>
|
||||
<li><a href="#"> Nástěnka </a></li>
|
||||
</ul>
|
||||
<div id = "userdiv">
|
||||
<ul class="user">
|
||||
<li> <span class="glyphicon glyphicon-user"></span> <a href="#"> Adam </a></li>
|
||||
<li><a href="#"> Odhlásit </a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- Optional JavaScript -->
|
||||
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
|
||||
<!-- Optional JavaScript -->
|
||||
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
|
||||
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
|
||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
|
||||
</body>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -1,83 +1,83 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<!-- Required meta tags -->
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<head>
|
||||
<!-- Required meta tags -->
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
|
||||
<!-- Bootstrap CSS -->
|
||||
<link rel="stylesheet" href="css/bootstrap.min.css">
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
<script src="js/template.js"></script>
|
||||
<!-- Bootstrap CSS -->
|
||||
<link rel="stylesheet" href="css/bootstrap.min.css">
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
<script src="js/template.js"></script>
|
||||
|
||||
<link href="css/svatweb.css" rel="stylesheet">
|
||||
<link href="css/svatweb.css" rel="stylesheet">
|
||||
|
||||
<title>Svatební web</title>
|
||||
</head>
|
||||
<body>
|
||||
<!-- Sidebar -->
|
||||
<title>Svatební web</title>
|
||||
</head>
|
||||
<body>
|
||||
<!-- Sidebar -->
|
||||
|
||||
<nav class="top-panel">
|
||||
<div class="nazevwebu">
|
||||
<h1 id="jmeno"> Adam & Eva </h1>
|
||||
</div>
|
||||
<div class = "userdiv">
|
||||
<ul class="user">
|
||||
<li><a href="#"> Úvod </a></li>
|
||||
<li><a href="#"> Fotogalerie </a></li>
|
||||
<li><a href="#"> Náš příběh </a></li>
|
||||
<li><a href="#"><span class="glyphicon glyphicon-plus-sign"></span></a></li>
|
||||
</ul>
|
||||
|
||||
<nav class="top-panel">
|
||||
<div class="nazevwebu">
|
||||
<h1 id="jmeno"> Adam & Eva </h1>
|
||||
</div>
|
||||
<div class = "userdiv">
|
||||
<ul class="user">
|
||||
<li><a href="#"> Úvod </a></li>
|
||||
<li><a href="#"> Fotogalerie </a></li>
|
||||
<li><a href="#"> Náš příběh </a></li>
|
||||
<li><a href="#"><span class="glyphicon glyphicon-plus-sign"></span></a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div class="profile-pic">
|
||||
<img src="./img/affair-anniversary-beach-1024993.jpg" class="img-fluid" id="uvodni" alt="Krásná úvodní fotografie">
|
||||
<div class="edit"><a href="#"><i class="glyphicon glyphicon-edit" data-toggle="modal" data-target="#exampleModal"></i></a></div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div class="profile-pic">
|
||||
<img src="./img/affair-anniversary-beach-1024993.jpg" class="img-fluid" id="uvodni" alt="Krásná úvodní fotografie">
|
||||
<div class="edit"><a href="#"><i class="glyphicon glyphicon-edit" data-toggle="modal" data-target="#exampleModal"></i></a></div>
|
||||
</div>
|
||||
<!-- Modal -->
|
||||
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="exampleModalLabel">Úvodní fotografie</h5>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="container">
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label>Vybrat obrázek</label>
|
||||
<div class="input-group">
|
||||
<span class="input-group-btn">
|
||||
<span class="btn btn-default btn-file">
|
||||
Procházet<input type="file" id="imgInp">
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<!-- Modal -->
|
||||
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="exampleModalLabel">Úvodní fotografie</h5>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="container">
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label>Vybrat obrázek</label>
|
||||
<div class="input-group">
|
||||
<span class="input-group-btn">
|
||||
<span class="btn btn-default btn-file">
|
||||
Procházet<input type="file" id="imgInp">
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-dismiss="modal">Storno</button>
|
||||
<button type="button" class="btn btn-primary" onclick="changeImage()" data-dismiss="modal">Nastavit</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-dismiss="modal">Storno</button>
|
||||
<button type="button" class="btn btn-primary" onclick="changeImage()" data-dismiss="modal">Nastavit</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Optional JavaScript -->
|
||||
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
|
||||
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
|
||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
|
||||
</body>
|
||||
<!-- Optional JavaScript -->
|
||||
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
|
||||
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
|
||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user