changed design
This commit is contained in:
Naeltard
parent
315d61750e
commit
2ff34399a2
@ -2,23 +2,20 @@ body{
|
||||
margin: 0;
|
||||
background: url(http://mojotrollz.eu/web/friseurteam/api.php?call=files&cat=page&id=background_friseur.png) no-repeat center center fixed;
|
||||
background-size: cover;
|
||||
font-family: Arial;
|
||||
}
|
||||
|
||||
#footer{
|
||||
width: 1300px;
|
||||
margin-top: 0;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 100%;
|
||||
color: white;
|
||||
padding-left: 20px;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
#main{
|
||||
width: 1300px;
|
||||
width: 80%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
height: 730px;
|
||||
border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
#static {
|
||||
@ -27,84 +24,92 @@ body{
|
||||
|
||||
|
||||
#content{
|
||||
margin-top: 100px;
|
||||
padding-left: 40px;
|
||||
padding-right: 20px;
|
||||
float: left;
|
||||
border-radius: 4px;
|
||||
box-shadow: 3px 3px 3px #000;
|
||||
background-color: chocolate;
|
||||
width: 60%;
|
||||
background-color: #F4CCD2;
|
||||
opacity: 0.8;
|
||||
width: 61.8%;
|
||||
min-height: 400px;
|
||||
}
|
||||
#menu {
|
||||
position: fixed;
|
||||
top: 220px;
|
||||
left: 20px;
|
||||
background-color: #990015;
|
||||
opacity: 0.95;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
#content_frame {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#info {
|
||||
margin-top: 25px;
|
||||
width: 30%;
|
||||
width: 38.2%;
|
||||
float: right;
|
||||
border-radius: 4px;
|
||||
box-shadow: 3px 3px 3px #000;
|
||||
background-color: chocolate;
|
||||
background-color: rgba(246, 93, 114, 0.8);
|
||||
font-weight: bold;
|
||||
font-family: Verdana;
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
#info_text {
|
||||
padding-left: 20px;
|
||||
float: right;
|
||||
padding-right: 20px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#logo {
|
||||
margin-left: 40px;
|
||||
background: url(http://mojotrollz.eu/web/friseurteam/api.php?call=files&cat=page&id=header_friseurteam2.png) no-repeat #FFF;
|
||||
background-size: contain;
|
||||
height: 200px;
|
||||
opacity: 1;
|
||||
margin: 0;
|
||||
width: 61.8%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#menu div{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
height: 30px;
|
||||
width: 20.6%;
|
||||
text-align: center;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#menu_1{
|
||||
text-align: center;
|
||||
margin-left: 150px;
|
||||
background: whitesmoke;
|
||||
border-radius: 90px;
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
padding-left: 3px;
|
||||
width: 100px;
|
||||
clear: both;
|
||||
}
|
||||
background: whitesmoke;}
|
||||
#menu_2{
|
||||
text-align: center;
|
||||
margin-left: 100px;
|
||||
background: yellow;
|
||||
border-radius: 90px;
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
padding-left: 3px;
|
||||
width: 100px;
|
||||
}
|
||||
background: #C3001B;}
|
||||
#menu_3{
|
||||
text-align: center;
|
||||
margin-left: 50px;
|
||||
background: orange;
|
||||
border-radius: 90px;
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
padding-left: 3px;
|
||||
width: 100px;
|
||||
background: tomato;}
|
||||
#angebot{
|
||||
float: left;
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
text-align: right;
|
||||
width: 38.2%;
|
||||
}
|
||||
#menu_4{
|
||||
text-align: center;
|
||||
margin-left: 0px;
|
||||
background: tomato;
|
||||
border-radius: 90px;
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
padding-left: 3px;
|
||||
width: 100px;
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
font-size: 90%;
|
||||
font-weight: bold;
|
||||
vertical-align: middle;
|
||||
color: wheat;
|
||||
}
|
||||
#menu_ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
}
|
||||
#galleria {
|
||||
float: right;
|
||||
margin-top: 100px;
|
||||
float: right;
|
||||
padding-right: 20px;
|
||||
height: 400px;
|
||||
width: 30%;
|
||||
background: url(http://mojotrollz.eu/web/friseurteam/api.php?call=files&cat=page&id=mainframe_background_overlay.png) ;
|
||||
border-radius: 4px;
|
||||
box-shadow: 3px 3px 3px #000;
|
||||
background-color: chocolate;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#galleria_container {
|
||||
float: left;
|
||||
width: 38.2%;
|
||||
background-color: rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
@ -7,21 +7,23 @@
|
||||
${css}
|
||||
</head>
|
||||
<body>
|
||||
<div id="menu">
|
||||
<font face="arial">
|
||||
<div id="menu_1"><a href="#" page="default_content">Friseur-Team</a></div>
|
||||
<div id="menu_2"><a href="#" page="default_team">Das Team</a></div>
|
||||
<div id="menu_3"><a href="#" page="default_galerie">Galerie</a></div>
|
||||
<div id="menu_4"><a href="#" page="default_preise">Preise</a></div>
|
||||
</font>
|
||||
</div>
|
||||
|
||||
<div id="main">
|
||||
<div id="logo"><img src="./api.php?call=files&cat=page&id=header_friseurteam2.png" width="400" height="200">
|
||||
<div id="info"><font face="Verdana" color="white">${page_kontakt_info}</font></div>
|
||||
<div id="top_container">
|
||||
<div id="logo"><div id="info_text">${page_kontakt_info}</div></div>
|
||||
<div id="info"></div>
|
||||
</div>
|
||||
<div id="content">${default_content}</div>
|
||||
<div id="galleria">${default_gallery}</div>
|
||||
<div id="menu">
|
||||
<div id="menu_1"><a href="#" page="default_content">Friseur-Team</a></div>
|
||||
<div id="menu_2"><a href="#" page="default_team">Das Team</a></div>
|
||||
<div id="menu_3"><a href="#" page="default_preise">Preise</a></div>
|
||||
</div>
|
||||
<div id="angebot">Angebot: Haareschneiden kostenlos</div>
|
||||
<div id="content_frame">
|
||||
<div id="content">${default_content}</div>
|
||||
<div id="galleria_container"><div id="galleria">${default_gallery}</div></div>
|
||||
</div>
|
||||
<div id="footer">Friseur Team2, © <a href="http://www.webcraft-media.de" target="_blank">WebCraft Media</a> 2014</div>
|
||||
</div>
|
||||
<div id="footer"><p>Friseur Team, © <a href="http://www.webcraft-media.de" target="_blank">WebCraft Media</a> 2014</p></div>
|
||||
</body>
|
||||
</html>
|
||||
@ -5,7 +5,6 @@
|
||||
.galleria-container {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
background: #000;
|
||||
}
|
||||
.galleria-container img {
|
||||
-moz-user-select: none;
|
||||
|
||||
Reference in New Issue
Block a user