s426231/TAS-ALFA
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Class fix + css mod

Browse Source
This commit is contained in:
s426231 2018-10-20 10:45:37 +02:00
parent 52a0cdfd81
commit 4880277ab3
2 changed files with 28 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
blogcenter/index.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="pl"> <html lang="pl">
<head> <head>
<title>BlogCenter</title> <title>Projekt blogowy</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
@ -18,10 +18,11 @@
</head> </head>
<body class="body"> <body class="body">
<div class="background"> <header>
<img src="img/artist-camera-dslr-22185.jpg" alt="Photo by Zukiman Mohamad from Pexels"> <div class="navHeader">
<img src="img/artist-camera-dslr-22185.jpg" alt="Bloggero - najlepszy serwis blogowy!">
</div> </div>
<div class="row header"> <div class="row elementsOnHeader">
<div class="col-md-2 login"> <div class="col-md-2 login">
<a href="login.html" class="button" role="button">Zarządzaj blogiem</a> <a href="login.html" class="button" role="button">Zarządzaj blogiem</a>
</div> </div>
@ -34,6 +35,7 @@
<input type="submit"> <input type="submit">
</div> </div>
</div> </div>
</header>
<div class="row mainrow"> <div class="row mainrow">
<div class="col-md-12"><h2>Najnowsze wpisy:</h2></div> <div class="col-md-12"><h2>Najnowsze wpisy:</h2></div>
<div class="col-md-4 mininote"> <div class="col-md-4 mininote">

44
blogcenter/indexstyle.css
View File

@ -2,7 +2,7 @@
background-color: azure; background-color: azure;
} }
.background{ .navHeader{
position:absolute; position:absolute;
width: 100%; width: 100%;
height: 500px; height: 500px;
@ -11,13 +11,13 @@
z-index: -1; z-index: -1;
} }
.background img { .navHeader img {
width: 100%; width: 100%;
height: 500px; height: 500px;
z-index: -1; z-index: -1;
} }
.header { .elementsOnHeader {
position: sticky; position: sticky;
width: 100%; width: 100%;
height: 500px; height: 500px;
@ -25,23 +25,23 @@
margin-left: 0; margin-left: 0;
} }
.header .login { .elementsOnHeader .login {
left: 82%; left: 82%;
top: 2%; top: 2%;
padding: 0; padding: 0;
} }
.header .register { .elementsOnHeader .register {
text-align: center; text-align: center;
top: 30%; top: 30%;
padding: 0; padding: 0;
} }
.header .search { .elementsOnHeader .search {
left: 20%; left: 20%;
top: 85%; top: 85%;
padding: 0; padding: 0;
} }
.mainrow { .mainrow {
top: 68%; top: 68%;