Header und mehr
Theme ist eingedeutschtes und angepasstes fog10 von milo317...
Themes archive | milo
Der bisherige blog ist unter http://www:hardtburgspatzen.de erreichbar.
Ich möchte die Sidebar nach links haben, das statische Grundlayout aufbrechen, den Text unter einem fixen Header scrollen lassen und ein Top-Menü einfügen......
Da das bisherige Theme auch nicht widget ready ist - möchte ich es ändern.
Habe leider beruflich nicht viel Zeit und bin auch absoluter non-professional (learning by doing)....
Vielleicht findet sich ja jemand, der mir den Blog "aufpeppelt"...gegen einen Obulus??
Hier erst einmal ein Auszug aus der bereits angepassten css:
body {
margin: 0;
padding: 20px 0;
background-color:#990000/*Hintergrundfarbe*/;
background-image: url(images/header.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
font-family: font-family: 'Trebuchet MS', 'Bitstream Vera Sans', Verdana, Arial, 'Lucida Sans', 'Lucida Sans Unicode', Helvetica, sans-serif;
font-size: 13px;
color:#000000;}
h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
color:#617E8E;/*Schriftfarbe*/}
h1, h1 a{
font-family: Georgia, 'Times New Roman', Times,'Lucida Sans', 'Lucida Sans Unicode', serif;
float: right;
color:#617E8E/*Schriftfarbe*/;
font-size: 20px;
font-weight: normal;
text-decoration: none;
padding: 0;
margin: 40px 0 0 0;}
h2, h2 a {
color: #617E8E;
font-size: 13px;
font-weight: normal;
letter-spacing: 0.09em;
margin: 0;
padding: 0;}
h3 {
color: #000000;
font-size: 13px;
margin: 15px 0 15px 0;
padding: 0;}
h4 {
font-size: 11px;
font-weight: normal;
margin: 0;
padding: 0;}
p, ul, ol, blockquote {
margin-top: 0;
padding-top: 0;
text-align: justify;
line-height: 18px;}
a {
color:#617E8E;/*Schriftfarbe Überschrift*/
text-decoration: none;}
a:hover {
text-decoration: none;
color: #000000;}
a:visited {
text-decoration: none;
color: #000000;}
a img{
border:none;}
#header {
width: 70%;
height: 300px;
margin: 0 auto;
background: transparent;}
#topmenu {
margin: 92px 0 0 0;
padding:0;
z-index:5;
float:left;
width:80%;}
#topmenu a:link, #topmenu a:visited {
color:#000000;/*Schriftfarbe Topmenü*/}
#topmenu a:hover {
text-decoration:none;}
#topmenu ul {
list-style:none;
margin:0 0 0 5px;
padding:0;}
#topmenu ul li a:link, #topmenu ul li a:visited {
display:block;
line-height:11px;
padding:5px 15px 2px 5px;
margin:0 5px 0 0;
font-size:12px;
border-bottom:0px solid #fff;
text-transform:uppercase;}
#topmenu ul li a:hover{
border-bottom:2px solid #333;}
#topmenu ul li/*Topmenü als Block darstellen*/{
display:block;
float:left;
position:relative;}
#topmenu ul li ul/*Blockanordnung Pull-Down Menü*/{
display:block;
position:absolute;
top:auto;
list-style:none;
margin:0;
padding:0;
visibility:hidden;
border-top:1px solid #fff;
width:220px;}
#topmenu ul li:hover ul,#topmenu ul li.msiefix ul/*Pull-Down-Menü*/{
visibility:visible;}
#topmenu ul li ul li {
position:relative;
float:none;
line-height:18px;
color:#000000;
font-size:10px;
_height:1px;}
#topmenu ul li ul li a:link, #topmenu ul li ul li a:visited, #topmenu ul li ul li a {
display:block;
margin:0;
line-height:15px;
padding:2px 0 2px 10px;
color:#000000;/*Schriftfarbe im Pull-Down-Menü*/
_height:1px;
text-transform:none;
border:0;
background-color:#9C460B;/*Farbe des Pull-Down-Menü*/}
#topmenu ul li ul li a:hover {
background-color:#000000;
border-top:1px solid #fff;}
.col {
margin: 0 0 20px 0;
padding: 0 5px 15px 5px;
background: url(images/post.gif) repeat-x left bottom;}
.entry{
clear:left;
margin-top: 15px;
padding:0 5px 15px 5px;
background: url(images/post.gif) repeat-x left bottom;}
.entry h4 {
margin-bottom: 20px;
font-size: 11px;
font-weight: normal;}
.entry h4 strong {
font-weight: bold;
color: #000000;}
#content {
width: 70%;
margin: 0px auto 0px;
padding: 0 0 0 10px;}
#l_sidebar {
float: left;
width: 14%;}
#r_sidebar {
float: right;
width: 14%;}
#main {
float: left;
width: 65%;
margin: 10px 0 0 27px ;
padding: 5px 5px 5px 5px;}
#l_sidebar ul, #r_sidebar ul {
margin-left: 0;
padding-left: 0;
list-style: none;}
#l_sidebar li, #r_sidebar li {
padding: 5px 0 7px 0;
border-top: 1px solid #000000;}
#l_sidebar li a, #r_sidebar li a{
display: block;}
#l_sidebar li a:hover, #r_sidebar li a:hover{
background: #000000;
color:#000000;}
#l_sidebar li.first, #r_sidebar li.first {
border: none;}
#l_sidebar h3, #r_sidebar h3 {
font-size: 15px;}
#footer {
clear: both;
width: 60%;
margin: 0 auto;
background: url(images/footer.gif) repeat-x left top;}
#footer p {
margin: 0;
padding: 30px;
text-align: center;}
#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 120px;}
#wp-calendar #prev a {
font-size: 9pt;
padding-left: 10px;
text-align: left;}
#wp-calendar a {
display: block;
text-decoration: none;}
#wp-calendar caption {
font: normal 1.0em 'Tahoma', Arial, Helvetica, Sans-Serif;text-align: center;
text-align: center;
width: 100%;}
#wp-calendar th {
font-style: normal;
text-transform: capitalize;}
#wp-calendar #next a {
padding-right: 10px;
text-align: right;}
#wp-calendar td {
padding: 3px 0;
text-align: center;}
#wp-calendar td.pad:hover {
/* Doesn't work in IE */background-color: #000; }
img.center, a img.center {
display: block;
margin-left: auto;
margin-right: auto;
padding: 3px;}
img.alignleft, a img.alignleft {
float:left;
margin: 4px 10px 5px 0;
padding: 3px;}
img.alignright, a img.alignright {
float:right;
margin: 4px 10px 5px 0;
padding: 3px;}
blockquote{
margin: 0 30px;
padding-left: 10px;
border-left: 5px solid #e0e0d0;/*Schriftfarbe Überschrift*/}
#blockquote p{
margin: 0 0 10px 0;
padding: 0;}
#searchdiv {
margin: 0;
padding 0;}
#searchform {
margin: 0;
padding: 0;
overflow: hidden;}
#s {
width: 70%;
background: transparent;
color: #000000;/*Schriftfarbe Suchfeld*/
font-size: 11px;
font-family: Verdana, Helvetica, Sans-Serif;
padding: 3px;
margin: 8px 0 0 0;
border: 1px solid #000000;/*Schriftfarbe Rahmen Suchfeld*/}
#textfield1 {
width: 175px;
background: transparent;
border: none;}
#submit1 {
height: 19px;
background: transparent;
border: none;
text-transform: lowercase;
font-size: 10px;
font-weight: bold;color: #000000;}
.navigation {
float: right;
margin-top: 10px;
margin-bottom: 60px;}
Alles anzeigen