Co-Designs - Design

Co-Designs Design

Erstelt am:	26.10.2015
Erstelt von:	Coenjaerts Ben
Version:	1.0.0

Ein buntes, modernes Breitbild-Design welches sich optimal für einen Blog anbietet.

Der Copyrighthinweis (Design by Co-Designs) darf weder verändert noch entfernt werden. Weitere Informationen findest Du in den AGB.

Wenn du wissen willst wie Du ein Design einfügst, klicke HIER!

Text über dem Design:

Text unter dem Design:

CSS-Code ohne Style Tags:

@import url(https://fonts.googleapis.com/css?family=Oswald|Droid+Sans|Open+Sans);
#top{
display: none;
}
#header_container {
display: none;
}
#nav_container {
display: none;
}
#counter {
display: none;
}
#title {
display: none;
}
#post_content {
display: none;
}
#sidebar_container {
display: none;
}
#extraDiv1{
display:none;
}
#extraDiv2{
display:none;
}
#extraDiv3{
display:none;
}
#extraDiv4{
display:none;
}
#extraDiv5{
display:none;
}
#extraDiv6{
display:none;
}
body {
margin: 0px;
padding: 0px;
font-family: 'Open Sans', sans-serif;
text-align: center;
background-image: url(https://img.webme.com/pic/c/co-designs/crossword.png);
}
#top_container {
width: 100%;
margin: 0 auto;
background-color: #313131;
padding-bottom: 140px;
text-align: left;
position: absolute;
top: 0px;
}
#nav_top {
width: 100%;
height: 40px;
background-color: #252525;
line-height: 40px;
}
#nav_top ul {
margin: 0px;
list-style-type: none;
}
#nav_top ul li {
float: left;
margin: 0px;
}
#nav_top ul li a {
text-decoration: none;
color: #ffffff;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
font-size: 14px;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
transition: background 1s;
-webkit-transition: background 1s;
}
#nav_top ul li a:hover {
background-color: #009dff;
}
#logo {
width: 300px;
height: auto;
color: #ffffff;
padding-left: 30px;
}
#logo h1 {
margin: 0px;
margin-top: 40px;
font-family: 'Droid Sans', sans-serif;
text-transform: uppercase;
font-size: 50px;
}
#logo h2 {
margin: 0px;
margin-bottom: 40px;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
font-weight: normal;
color: #eeeeee;
}
#navi {
width: 100%;
height: 50px;
background-color: #e6b800;
line-height: 50px;
}
#navi ul {
margin: 0px;
list-style-type: none;
}
#navi ul li {
float: left;
margin: 0px;
}
#navi ul li a {
text-decoration: none;
color: #ffffff;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
font-size: 15px;
padding-left: 15px;
padding-right: 15px;
padding-top: 15px;
padding-bottom: 15px;
transition: background 1s;
-webkit-transition: background 1s;
}
#navi ul li a:hover {
background-color: #252525;
}
#news_slider {
width: 960px;
height: 50px;
background-color: #774f7d;
margin:  0 auto;
margin-top: 20px;
}
#latest {
width: 150px;
height: 50px;
font-family: 'Oswald', sans-serif;
background-color: #774f7d;
text-transform: uppercase;
font-size: 18px;
color: #ffffff;
line-height: 50px;
text-align: center;
}
#container_2 {
width: 96%;
padding: 2%;
padding-bottom: 0%;
text-align: left;
position: absolute;
top: 456px;
clear:both;
}
#content {
width: 850px;
min-height: 600px;
background-color: #ffffff;
border: 1px solid #e0e0e0;
padding: 10px;
margin: 0 auto;
margin-bottom: 25px;
}
#content h1 {
width: 99%;
height: 40px;
background-color: #009dff;
color: #ffffff;
margin: 0px;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
font-size: 18px;
line-height: 40px;
font-weight: normal;
padding-left: 1%;
margin-bottom: 25px;
}
#content table {
position: relative;
top: 0px;
}
#footer {
width: 104%;
height: 40px;
background-color: #252525;
line-height: 40px;
border-top: 3px solid #e6b800;
border-bottom: 40px solid #e6b800;
clear: both;
margin-left: -2%;
}
#footer ul {
margin: 0px;
list-style-type: none;
position: absolute;
right: 5px;
line-height: 40px;
}
#footer ul li {
margin: 0px;
color: #ffffff;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
font-size: 14px;
}
#footer ul li a {
text-decoration: none;
color: #ffffff;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
font-size: 14px;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
transition: background 1s;
-webkit-transition: background 1s;
}
#footer ul li a:hover {
background-color: #009dff;
width: 1000px;
}
a#webme_footer_textlink_dont_hide {
display: block;
font-family: 'Oswald', sans-serif;
text-decoration: none;
background-color: #e6b800!important;
text-transform: uppercase;
position: relative;
top: 40px;
margin: 0 auto;
text-align: center;
}
table {
width: 50%;
position: absolute;
top: 325px;
left: 25%;
z-index: 1000;
}
form table{
left: 0%;
}
table img {
border: 0px !important;
}
#webme_sky_ad {
background-color: #ffffff;
border: 1px solid #e0e0e0;
position: absolute;
top: 2%;
right: 2.5%;
}
hr {
width: 100%;
height: 1px;
border: 0px;
background-color: #eeeeee;
clear: both;
margin-bottom: 10px;
margin-top: 10px;
}
a {
text-decoration: none;
color: #e6b800;
transition: color 1s;
-webkit-transition: color 1s;
}
a:hover {
color: #009dff;
}
#partner {
width: 175px;
height: 145px;
background-color: #eeeeee;
border: 1px solid #e0e0e0;
float: left;
text-align: center;
margin-right: 30px;
margin-bottom: 25px;
transition: background 1s;
-webkit-transition: background 1s;
padding: 5px;
}
#partner:hover {
background-color: #e0e0e0;
}
#artikel {
width: 46.5%;
height: auto;
border-right: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
float: left;
padding: 25px;
font-size: 14px;
}
#artikel img {
width: 100%;
margin-bottom: 15px;
}
#artikel a {
font-size: 18px;
}
#artikel small {
color: #e0e0e0;
}

Co-Designs

Deine HPBK Designerseite

Co-Designs