XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   Wordpress: Content im Quelltext VOR allem anderen, aber wie? (http://xhtmlforum.de/showthread.php?t=57341)

Bichareh 13.06.2009 01:39

Wordpress: Content im Quelltext VOR allem anderen, aber wie?
 
Hi Leute ich wurde von einem anderen User hierher empfohlen. Vielleicht könnt ihr mir ja helfen bei meinem Problem. :)

Ich habe mal mittels seo-browser geschaut wie Google meinen Blog sieht. Dabei ist mir aufgefallen das bei mir nicht der Content zuerst gesehen wird, sondern die ganzen 540 Kategorien die bei mir in der linken Navi sind! Erst danach kommen die Beiträge.

Aber das will ich nicht. Ich will dass das Wichtigste zuerst gezeigt wird - der Content. Ich hab mal bei einem direkten Konkurrenten geschaut von mir, der hat die Seite ähnlich angeordnet, auch zwei Sidebars mit reichlich Zeug drin, trotzdem wird bei ihm der Content zuerst gezeigt.

Nun die Frage an euch Profis: Wie kriege ich es hin das der Content zu allererst kommt (natürlich nach der noch wichtigeren Seitenbeschreibung). Hier, so sieht es aus im Seo-Browser.

Ich würde es gerne mit kompetenter Hilfestellung selbst ändern, bin leider nicht so bewandert in solchen Dingen. Bin aber auch bereit ein paar Euro zu zahlen, hab nicht viel zur Verfügung, deshalb ist es wohl eher an Studenten gerichtet.

mantiz 13.06.2009 14:30

Ich denke die einfachste Möglichkeit stellt hier float dar.

Du könntest z.B. aus den 3 Spalten erstmal 2 mal 2 Spalten gruppieren.

Erstmal fasst Du die linke Spalte und den Content zusammen und anschließend diese zusammengesetzte "linke Spalte" mit der rechten Spalte.

Nun kannst Du in der zusammengesetzten Spalte zuerst den Inhalt, dann die Navigation ins Markup schreiben. Den Inhalt floatest Du rechts, die Navigation links.

Für den äußeren Container gilt dann, dass die zusammengesetzte "linke Spalte" links gefloatet wird und die rechte Spalte rechts.

Aufpassen, dass die floats korrekt eingeschlossen werden und dann sollte das so laufen.

Grundlegender Aufbau:
HTML-Code:

<div id="main">
  <div id="main_left">
      <div id="content"><!-- ... --></div>
      <div id="left"><!-- ... --></div>
  </div>
  <div id="right"><!-- ... --></div>
</div>

Wobei ich mir noch andere Namen für die IDs ausdenken würde, die gefallen mir so nicht. :)

Bichareh 13.06.2009 14:44

Danke, das ist doch schonmal ein Anfang :)

Also das mit den Spalten zusammenfassen hab ich schonmal halbwegs geschnallt. Aber das mit dem "floaten" ist mir eine Nummer zu hoch. Ich habe mir zwar heute schon allerhand Erklärungen zu "floats" durchgelesen, also was das ist, aber ich raffe es nicht so richtig, und kanns schon gar nich umsetzen...uiuiui, da wird mir Angst und Bange ^^ :|

mantiz 13.06.2009 14:58

Ich hab' Dir mal ein Beispiel erstellt.
Die Breitenangaben müssten natürlich entsprechend angepasst werden. :)

HTML-Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">

        <head>
                <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
               
                <title>[ untitled ]</title>
               
                <style type="text/css">
                        * {
                                margin:  0;
                                padding: 0;
                        }
                        #main {
                                margin:    0 auto;
                                width:      900px;
                                background: #CCC;
                        }
                        #main_left {
                                float:      left;
                                width:      79%;
                                background: #DDD;
                        }
                        #content {
                                float:      right;
                                width:      74%;
                                background: #EEE;
                        }
                        #left {
                                float:      left;
                                width:      25%;
                                background: #EEE;
                        }
                        #right {
                                float:      right;
                                width:      20%;
                                background: #DDD;
                        }
                        hr.clear {
                                clear:      both;
                                height:    1px;
                                visibility: hidden;
                                margin-top: -1px;
                        }
                       
                </style>
        </head>

       
        <body>
               
                <div id="main">
                        <div id="main_left">
                                <div id="content">[ content ]</div>
                                <div id="left">[ left ]</div>
                        </div>
                        <div id="right">[ right ]</div>
                        <hr class="clear" />
                </div>
               
        </body>
       
</html>

Zu beachten ist hier, dass ich ein hr zum clearen benutzt habe, um den Haupt-Container aufzuspannen, dafür kann man noch etliche andere Verfahren nutzen, z.B. EasyClearing oder Float-in-float.

Am besten schaust Du Dir das Beispiel einmal an und testest damit ein wenig rum. Parallel würde ich mich aber auch ein wenig in floats einlesen, damit Du auch weißt, was Du da machst und warum es wichtig ist korrekt zu clearen, bzw. was es für Auswirkungen hat, wenn man nicht oder anders cleart.

Bichareh 13.06.2009 17:15

Okay, das war ja schon recht ausführlich :) Danke nochmal.

Ich hab jetzt seit fast 2 Stunden hier rumprobiert in der Headerdatei rumgeschrieben, in der CSS geschrieben. Ähhh mit dem Ergebnis das mein Blog kurzzeitig komplett unerreichbar war. Gott sei Dank hab ich meinen nicht so wichtigen Zweitblog zum testen genommen *lol*

Bin mit meinem Latein grad irgendwie am Ende. Ich poste mal die Originalheader-Datei und die Style-Datei. Da steht auch Massen von Zeug drin, da seh ich absolut nicht durch. Dann gibts ja da auch noch eine index.php und eine page.php, müssen die auch geändert werden? Ohjemine. Ich seh schon...ich werd mein ganzes Wochenende vergeuden mit rumprobieren, und am Ende kommt eh nix bei raus. :|

Hast du vllt. MSN Live Messenger oder so? ^^

Style
Code:

*/
body {
background:#e9e9e9;
color:#61676b;
font-family:"Verdana", Arial;
font-size:12px;
margin:0;
padding:0;
}

img {
background:transparent;
border:none;
}

#header {
width:auto;
height:145px;
margin:0 auto;
padding:0;
position:relative;
overflow:hidden;
}

#header-shrink {
width:1014px;
height:191px;
margin:0 auto;
padding:0;
position:relative;
}

#branding-body h2 {
width:506px;
height:145px;
margin:0;
padding:0;
position:relative;
float:left;
overflow:hidden;
}

#branding {
width:506px;
height:145px;
margin:0;
padding:0;
position:relative;
float:left;
overflow:hidden;
}

#logo {
width:506px;
height:145px;
top:0;
position:relative;
float:left;
}

#logo a {
width:506px;
height:145px;
position:relative;
float:left;
border:none;
}

#search-body {
background:url("images/Header-SearchBody.png") no-repeat;
width:268px;
height:48px;
margin:0;
padding:0;
position:relative;
float:right;
overflow:hidden;
}

#searchform-top {
margin:5px 0 0;
padding:0;
position:relative;
}

#s-top {
width:196px;
height:22px;
color:#5c5f62;
font-style:italic;
background:transparent;
border:none;
margin:0;
padding:0 0 0 10px;
top:6px;
left:12px;
position:relative;
float:left;
}

#submit-top {
margin:0;
padding:0;
top:2px;
left:17px;
position:relative;
}

#navigation-bar {
width:508px;
height:35px;
margin:0;
padding:0;
top:70px;
position:relative;
float:left;
overflow:hidden;
}

#navigation {
width:auto;
height:35px;
margin:0;
padding:0;
position:relative;
float:left;
}

#navigation ul {
height:35px;
padding:0;
margin:0;
list-style-type:none;
float:left;
}

#navigation li {
background:url("images/Navigation-TabTip-Normal.png") no-repeat top left;
height:35px;
padding:0 0 0 11px;
margin:0;
list-style-type:none;
float:left;
}

#navigation li a {
background:url("images/Navigation-TabExt-Normal.png") no-repeat top right;
color:#fff;
font-size:11px;
font-weight:700;
text-decoration:none;
margin:0;
padding:7px 16px 8px 0;
float:left;
display:block;
}

#navigation li a:visited {
color:#fff;
font-weight:700;
text-decoration:none;
}

#navigation li a:hover {
color:#434343;
font-weight:700;
text-decoration:none;
}

#navigation li,.current_page_item {
color:#3f392f;
font-weight:700;
text-decoration:none;
}

#content {
background:url("images/Content-BodyBackground-Loop.png") repeat-y;
width:1014px;
height:auto;
margin:0 auto;
padding:0;
position:relative;
overflow:hidden;
}

#content-top-graphic {
background:url("images/Content-BodyBackground-Top.png") no-repeat;
width:1014px;
height:8px;
margin:0 auto;
padding:0;
position:relative;
overflow:hidden;
}

#content-bottom-graphic {
background:url("images/Content-BodyBackground-Bottom.png") no-repeat;
width:1014px;
height:15px;
margin:0 auto;
padding:0;
position:relative;
float:left;
overflow:hidden;
}

#content-shrink {
width:1014px;
height:auto;
margin:0;
padding:0;
position:relative;
float:left;
overflow:hidden;
margin-bottom:22px;
}

#toolbar-body {
width:1004px;
height:65px;
margin:0 auto;
padding:0 0 0 10px;
position:relative;
overflow:hidden;
}

#toolbar-body img {
width:245px;
height:65px;
margin:0;
padding:0;
border:none;
}

#posts-body {
width:576px;
height:auto;
margin:0;
padding:0;
left:18px;
position:relative;
float:left;
overflow:hidden;
}

.post {
background:url("images/Content-Post-TitleBody.png") no-repeat;
width:576px;
margin:10px 0;
padding:0;
position:relative;
float:left;
clear:both;
}

.post-alt {
background:url("images/Content-Post-TitleBody-Alt.png") no-repeat;
width:576px;
margin:10px 0;
padding:0;
position:relative;
float:left;
clear:both;
}

.post-date {
width:68px;
height:82px;
float:left;
}

.post-date-day {
color:#fff;
font-size:16px;
font-weight:700;
text-transform:uppercase;
text-align:center;
margin:0;
padding:23px 3px 0 0;
display:block;
}

.post-date-month {
color:#5c5656;
font-size:12px;
font-weight:700;
text-transform:uppercase;
text-align:center;
margin:0;
padding:0 3px 0 0;
display:block;
}

.post-title {
width:493px;
height:82px;
text-align:left;
margin:0;
padding:0;
position:relative;
float:left;
overflow:hidden;
}

.post-title h1 {
width:493px;
color:#fff;
font-size:16px;
font-weight:700;
margin:0 0 0 15px;
padding:0;
top:19px;
position:relative;
}

.post-title h1 a {
color:#fff;
font-weight:700;
text-decoration:none;
}

.post-title h1 a:visited {
color:#fff;
font-weight:700;
text-decoration:none;
}

.post-title h1 a:hover {
color:#fff;
font-weight:700;
text-decoration:underline;
}

.post-title h1 {
width:493px;
color:#fff;
font-size:16px;
font-weight:700;
margin:0 0 0 15px;
padding:0;
top:19px;
position:relative;
}

.post-title h2 {
width:493px;
color:#fff;
font-size:16px;
font-weight:700;
margin:0 0 0 15px;
padding:0;
top:19px;
position:relative;
}

.post-title h2 a {
color:#fff;
font-weight:700;
text-decoration:none;
}

.post-title h2 a:visited {
color:#fff;
font-weight:700;
text-decoration:none;
}

.post-title h2 a:hover {
color:#fff;
font-weight:700;
text-decoration:underline;
}

.post-title h3 {
width:493px;
color:#fff;
font-size:16px;
font-weight:700;
margin:0 0 0 15px;
padding:0;
top:19px;
position:relative;
}

.post-title h3 a {
color:#fff;
font-weight:700;
text-decoration:none;
}

.post-title h3 a:visited {
color:#fff;
font-weight:700;
text-decoration:none;
}

.post-title h3 a:hover {
color:#fff;
font-weight:700;
text-decoration:underline;
}

.post-info {
width:493px;
height:auto;
color:#fff;
font-size:11px;
text-align:left;
margin:0 0 0 15px;
padding:0;
top:28px;
position:relative;
overflow:hidden;
}

.post-info a {
color:#fff;
text-decoration:underline;
}

.post-info a:visited {
color:#fff;
text-decoration:underline;
}

.post-info a:hover {
color:#fff;
text-decoration:none;
}

.post-content-body {
width:576px;
height:auto;
min-height:30px;
margin:0;
padding:0;
position:relative;
float:left;
clear:both;
}

.post-article {
width:563px;
font-size:12px;
line-height:19px;
text-align:left;
word-spacing:1px;
margin:10px 0 0;
left:5px;
padding:0;
position:relative;
float:left;
clear:both;
}

.post-article p {
margin:0;
padding:0 0 10px;
position:relative;
}

.post-article a {
color:#f30d56;
text-decoration:underline;
}

.post-article a:visited {
color:#f30d56;
text-decoration:underline;
}

.post-article a:hover {
color:#c50844;
text-decoration:underline;
}

.post-article blockquote {
background:#e9e9e9;
border-left:5px solid #dadada;
margin:10px 0 15px;
padding:1px 10px;
position:relative;
}

.post-article blockquote p {
color:#61676b;
font-style:italic;
margin:0;
padding:10px 0;
position:relative;
}

.post-article blockquote blockquote {
background:#f5f5f5;
}

.post-article img {
padding:0;
max-width:100%;
}

img.centered {
display:block;
margin-left:auto;
margin-right:auto;
}

img.alignright {
padding:5px;
margin:0;
display:inline;
}

img.alignleft {
padding:5px;
margin:0;
display:inline;
}

.alignright {
float:right;
}

.alignleft {
float:left;
}

.aligncenter,div.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}

.wp-caption {
border:0 solid #ddd;
text-align:center;
background-color:#f3f3f3;
padding-top:4px;
margin:10px;
}

.wp-caption img {
margin:0;
padding:0;
border:0 none;
}

.wp-caption p.wp-caption-text {
font-size:11px;
line-height:17px;
padding:0 4px 5px;
margin:0;
}

.post-footer-alt {
width:576px;
height:13px;
margin:0;
padding:0;
position:relative;
float:left;
clear:both;
}

.post-footer {
width:563px;
height:auto;
margin:0;
padding:11px 0 15px;
left:5px;
position:relative;
float:left;
clear:both;
}

.post-lower-info {
color:#61676b;
font-size:11px;
text-align:left;
margin:0;
padding:0;
position:relative;
overflow:hidden;
clear:both;
}

.post-lower-info a {
color:#f30d56;
text-align:center;
text-decoration:underline;
}

.post-lower-info a:visited {
color:#f30d56;
text-align:center;
text-decoration:underline;
}

.post-lower-info a:hover {
color:#c50844;
text-align:center;
text-decoration:none;
}

.post-spacer {
width:576px;
height:30px;
margin:0;
padding:0;
position:relative;
float:left;
overflow:hidden;
clear:both;
}

.page-navigation {
background:#e9e9e9;
width:566px;
height:15px;
font-size:11px;
font-weight:700;
text-align:center;
margin:30px 0 0;
padding:5px;
left:0;
position:relative;
float:left;
clear:both;
}

.page-navigation a {
color:#f30d56;
text-decoration:none;
}

.page-navigation a:visited {
color:#f30d56;
text-decoration:none;
}

.page-navigation a:hover {
color:#c50844;
text-decoration:underline;
}

.page-nav-prev {
float:left;
}

.page-nav-next {
float:right;
}

.not-found {
width:576px;
text-align:center;
margin:50px 0 0;
padding:0;
position:relative;
float:left;
}

.not-found h2 {
color:#f30d56;
font-size:12px;
font-weight:700;
text-transform:uppercase;
margin:0;
padding:0;
}

#comments-body {
width:576px;
height:auto;
margin:0;
padding:0;
position:relative;
float:left;
overflow:hidden;
}

.comments-center-alt {
width:546px;
height:auto;
color:#4096ee;
font-size:11px;
font-weight:700;
font-style:italic;
text-align:center;
margin:0;
padding:15px;
position:relative;
float:left;
}

.comments-center {
width:576px;
height:auto;
color:#4096ee;
font-size:11px;
font-weight:700;
text-align:center;
margin:0;
padding:0;
position:relative;
float:left;
}

#comments {
width:576px;
height:auto;
border-bottom:1px solid #f1eddf;
margin:0;
padding:0;
left:0;
position:relative;
float:left;
overflow:hidden;
clear:both;
}

.comment-box {
width:576px;
border-top:1px solid #f1eddf;
margin:0;
padding:10px;
position:relative;
float:left;
overflow:hidden;
}

.black {
background:#fff;
}

.white {
background:#f9f9f9;
}

.avatar {
padding:0 10px 0 0;
float:left;
}

.comment-info {
width:518px;
height:auto;
border-bottom:1px solid #e9e9e9;
position:relative;
float:left;
}

.comment-author {
width:100%;
color:#094b90;
font-size:11px;
font-weight:700;
margin:5px 0 0;
padding:0;
position:relative;
float:left;
}

.comment-author a {
color:#4096ee;
text-decoration:underline;
}

.comment-author a:visited {
color:#4096ee;
text-decoration:underline;
}

.comment-author a:hover {
color:#1f558c;
text-decoration:none;
}

.comment-stat {
color:#61676b;
font-size:11px;
text-decoration:none;
margin:7px 0 5px;
padding:0;
position:relative;
float:left;
}

.comment-stat a {
color:#f30d56;
text-decoration:underline;
}

.comment-stat a:visited {
color:#f30d56;
text-decoration:underline;
}

.comment-stat a:hover {
color:#c50844;
text-decoration:none;
}

.comment-text {
width:570px;
font-size:11px;
margin:0;
padding:0;
position:relative;
float:left;
overflow:hidden;
}

.comment-text p {
color:#61676b;
margin:10px 0;
padding:0;
position:relative;
}

.comment-text a {
color:#f30d56;
text-decoration:underline;
}

.comment-text a:visited {
color:#f30d56;
text-decoration:underline;
}

.comment-text a:hover {
color:#c50844;
text-decoration:none;
}

.comment-text blockquote {
background:#e9e9e9;
border-left:5px solid #dadada;
margin:10px 0 15px;
padding:1px 10px;
}

.comment-text blockquote p {
color:#61676b;
font-style:italic;
margin:0;
padding:10px 0;
}

.comment-text blockquote blockquote {
background:#f5f5f5;
}

.comment-spacer {
width:576px;
height:20px;
margin:0;
padding:0;
position:relative;
float:left;
overflow:hidden;
}

#comment-form {
width:576px;
height:auto;
margin:0;
padding:15px 0 0;
position:relative;
float:left;
}

#comment-form h2 {
color:#4096ee;
font-size:11px;
text-decoration:none;
margin:0;
padding:0;
}

#comment-form p {
color:#61676b;
font-size:11px;
margin:10px 0 0;
padding:0;
}

#comment-form b {
color:#61676b;
}

#comment-form a {
color:#f30d56;
font-size:11px;
text-decoration:underline;
}

#comment-form a:visited {
color:#f30d56;
text-decoration:underline;
}

#comment-form a:hover {
color:#c50844;
text-decoration:none;
}

#commentform label {
color:#f30d56;
font-size:11px;
left:10px;
position:relative;
}

#commentform #author,#commentform #email,#commentform #url,#commentform textarea {
color:#b3b4b5;
background-color:#fdfdfd;
border:3px solid #e9e9e9;
font-size:12px;
padding:0 0 3px 2px;
overflow:hidden;
}

#commentform:hover #author:hover,#commentform:hover #email:hover,#commentform:hover #url:hover,#commentform textarea:hover {
color:#61676b;
background-color:#fdfdfd;
border:3px solid #dadada;
padding:0 0 3px 2px;
}

#commentform:focus #author:focus,#commentform:focus #email:focus,#commentform:focus #url:focus,#commentform textarea:focus {
color:#61676b;
background-color:#fdfdfd;
border:3px solid #f30d56;
padding:0 0 3px 2px;
}

#commentform textarea {
width:550px;
height:150px;
overflow:hidden;
}

.comment-form-center {
width:576px;
height:auto;
color:#f30d56;
font-size:11px;
font-weight:700;
text-align:center;
margin:0;
padding:10px 0 0;
position:relative;
float:left;
}

.sidebar-spacer-s {
width:200px;
height:10px;
margin:0;
padding:0;
position:relative;
float:left;
overflow:hidden;
clear:both;
}

.sidebar-spacer-l {
width:200px;
height:10px;
margin:0;
padding:0;
position:relative;
float:left;
overflow:hidden;
clear:both;
}

#sidebar-left {
width:200px;
margin:0;
padding:0;
left:10px;
position:relative;
float:left;
overflow:hidden;
}

#sidebar-left h5 {
background:url("images/Content-Sidebar-Tittle.png") no-repeat;
width:200px;
height:39px;
color:#f0fde2;
font-size:16px;
font-weight:700;
text-transform:uppercase;
text-align:left;
margin:0;
padding:6px 0 0 11px;
position:relative;
}

.sidebar-item-left h5 {
width:200px;
height:auto;
margin:0 0 10px;
padding:0;
position:relative;
float:left;
overflow:hidden;
}

#sidebar-left h6 {
background:url("images/Content-Sidebar-Tittle.png") no-repeat;
width:200px;
height:39px;
color:#f0fde2;
font-size:16px;
font-weight:700;
text-transform:uppercase;
text-align:left;
margin:0;
padding:6px 0 0 11px;
position:relative;
}

.sidebar-item-left h6 {
width:200px;
height:auto;
margin:0 0 10px;
padding:0;
position:relative;
float:left;
overflow:hidden;
}

.sidebar-item-left a {
color:#61676b;
text-decoration:none;
}

.sidebar-item-left a:visited {
color:#61676b;
text-decoration:none;
}

.sidebar-item-left a:hover {
color:#61676b;
text-decoration:underline;
}

.sidebar-item-left ul {
width:200px;
color:#61676b;
font-size:12px;
list-style:none;
border-bottom:1px dashed #ebeaea;
margin:0 0 10px;
padding:0;
position:relative;
float:left;
overflow:hidden;
}

.sidebar-item-left ul li {
width:185px;
height:auto;
border-top:1px dashed #ebeaea;
margin:0;
padding:5px 0 5px 16px;
float:left;
overflow:hidden;
}

.sidebar-item-left ul li ul {
background:none;
width:auto;
height:auto;
border:none;
color:#a3a4a5;
margin:4px 0 2px;
padding:0;
overflow:hidden;
}

.sidebar-item-left ul li ul li {
width:185px;
height:auto;
border:none;
color:#a3a4a5;
font-size:11px;
margin:0;
padding:5px 0 5px 10px;
float:left;
overflow:hidden;
}

#sidebar-right {
width:200px;
margin:0;
padding:0;
left:26px;
position:relative;
float:left;
overflow:hidden;
}

#sidebar-right h6 {
background:url("images/Content-Sidebar-Tittle.png") no-repeat;
width:200px;
height:39px;
color:#f0fde2;
font-size:16px;
font-weight:700;
text-transform:uppercase;
text-align:left;
margin:0;
padding:6px 0 0 11px;
position:relative;
}

.sidebar-item-right h5 {
width:200px;
height:auto;
margin:0 0 10px;
padding:0;
position:relative;
float:left;
overflow:hidden;
}


#sidebar-right h5 {
background:url("images/Content-Sidebar-Tittle.png") no-repeat;
width:200px;
height:39px;
color:#f0fde2;
font-size:16px;
font-weight:700;
text-transform:uppercase;
text-align:left;
margin:0;
padding:6px 0 0 11px;
position:relative;
}

.sidebar-item-right h6 {
width:200px;
height:auto;
margin:0 0 10px;
padding:0;
position:relative;
float:left;
overflow:hidden;
}

.sidebar-item-right a {
color:#61676b;
text-decoration:none;
}

.sidebar-item-right a:visited {
color:#61676b;
text-decoration:none;
}

.sidebar-item-right a:hover {
color:#61676b;
text-decoration:underline;
}

.sidebar-item-right ul {
width:200px;
color:#61676b;
font-size:12px;
list-style:none;
border-bottom:1px dashed #ebeaea;
margin:0 0 10px;
padding:0;
position:relative;
float:left;
overflow:hidden;
}

.sidebar-item-right ul li {
width:185px;
height:auto;
border-top:1px dashed #ebeaea;
margin:0;
padding:5px 0 5px 16px;
float:left;
overflow:hidden;
}

.sidebar-item-right ul li ul {
background:none;
width:auto;
height:auto;
border:none;
color:#a3a4a5;
margin:4px 0 2px;
padding:0;
overflow:hidden;
}

.sidebar-item-right ul li ul li {
width:185px;
height:auto;
border:none;
color:#a3a4a5;
font-size:11px;
margin:0;
padding:5px 0 5px 10px;
float:left;
overflow:hidden;
}

#sidebar-bottom {
width:1014px;
margin:0;
padding:0;
left:12px;
position:relative;
float:left;
overflow:hidden;
}

#sidebar-bottom h4 {
background:url("images/Content-Sidebar-Tittle2.png") no-repeat;
width:314px;
height:45px;
color:#f0fde2;
font-size:16px;
font-weight:700;
text-transform:uppercase;
text-align:center;
margin:0;
padding:10px 0 0 11px;
position:relative;
}


#sidebar-bottom h6 {
background:url("images/Content-Sidebar-Tittle2.png") no-repeat;
width:314px;
height:45px;
color:#f0fde2;
font-size:16px;
font-weight:700;
text-transform:uppercase;
text-align:center;
margin:0;
padding:10px 0 0 11px;
position:relative;
}

.sidebar-item-bottom {
width:325px;
height:auto;
margin:0 7px 10px 0;
padding:0;
position:relative;
float:left;
overflow:hidden;
}

.sidebar-item-bottom a {
color:#61676b;
text-decoration:none;
}

.sidebar-item-bottom a:visited {
color:#61676b;
text-decoration:none;
}

.sidebar-item-bottom a:hover {
color:#61676b;
text-decoration:underline;
}

.sidebar-item-bottom ul {
width:325px;
color:#61676b;
font-size:12px;
list-style:none;
border-bottom:1px dashed #ebeaea;
margin:0 0 10px;
padding:0;
position:relative;
float:left;
overflow:hidden;
}

.sidebar-item-bottom ul li {
background:url("images/Content-Sidebar-Bullet.png") no-repeat 5px 6px;
width:300px;
height:auto;
border-top:1px dashed #ebeaea;
margin:0;
padding:5px 0 6px 25px;
float:left;
overflow:hidden;
}

.sidebar-item-bottom ul li ul {
background:none;
width:auto;
height:auto;
border:none;
color:#a3a4a5;
margin:4px 0 2px;
padding:0;
overflow:hidden;
}

.sidebar-item-bottom ul li ul li {
width:300px;
height:auto;
border:none;
color:#a3a4a5;
font-size:11px;
margin:0;
padding:5px 0 5px 10px;
float:left;
overflow:hidden;
}

#calendar_wrap {
width:200px;
margin:0;
padding:0 0 10px;
position:relative;
}

#wp-calendar {
width:200px;
margin:0;
padding:0 0 10px;
position:relative;
}

#wp-calendar table {
width:100%;
margin:0;
padding:0;
position:relative;
}

#wp-calendar caption {
width:100%;
color:#4096ee;
font-weight:700;
text-align:center;
margin:0;
padding:0 0 10px;
position:relative;
}

#wp-calendar th {
color:#c50844;
font-style:normal;
text-transform:capitalize;
margin:5px 0;
padding:3px 0;
}

#wp-calendar td {
border:1px solid #e9e9e9;
color:#61676b;
text-align:center;
margin:0;
padding:3px 0;
}

#wp-calendar td a {
color:#f30d56;
text-align:center;
text-decoration:underline;
margin:0;
padding:3px 0;
}

#wp-calendar td a:visited {
color:#f30d56;
}

#wp-calendar td a:hover {
color:#c50844;
}

#wp-calendar #next a {
color:#f30d56;
text-align:right;
text-decoration:underline;
margin:0;
padding-right:10px;
}

#wp-calendar #next a:visited {
color:#f30d56;
}

#wp-calendar #next a:hover {
color:#c50844;
}

#wp-calendar #prev a {
color:#f30d56;
text-align:left;
text-decoration:underline;
margin:0;
padding-left:10px;
}

#wp-calendar #prev a:visited {
color:#f30d56;
}

#wp-calendar #prev a:hover {
color:#c50844;
}

.tag-cloud {
width:200px;
text-align:left;
margin:0 auto;
padding:0;
position:relative;
}

.widget_tag_cloud {
width:200px;
text-align:left;
margin:0 auto;
padding:0;
position:relative;
}

.textwidget {
width:200px;
color:#61676b;
font-size:11px;
text-align:left;
word-spacing:1px;
line-height:20px;
margin:0 0 10px;
padding:5px 0;
}

.textwidget img {
text-align:center;
padding:0;
}

.textwidget p {
color:#61676b;
margin:0;
padding:0;
}

.textwidget a {
color:#f30d56;
text-decoration:none;
}

.textwidget a:visited {
color:#f30d56;
text-decoration:none;
}

.textwidget a:hover {
color:#c50844;
text-decoration:underline;
}

.adwidget {
width:200px;
text-align:left;
margin:0;
padding:0;
}

.adwidget img {
width:200px;
text-align:left;
margin:0;
padding:0;
}

#searchform {
margin:10px 0 0;
padding:0;
position:relative;
}

#s {
width:155px;
height:20px;
color:#b3b4b5;
font-style:italic;
background-color:#fdfdfd;
border:2px solid #e9e9e9;
margin:0;
padding:4px 0 0 3px;
position:relative;
}

#s:hover {
color:#61676b;
background-color:#fdfdfd;
border:2px solid #dadada;
}

#s:focus {
color:#61676b;
background-color:#fdfdfd;
border:2px solid #f30d56;
}

#submit {
margin:0;
padding:2px;
top:0;
position:relative;
}

#footer {
width:auto;
height:auto;
margin:0 auto;
padding:0;
position:absolute;
bottom:0;
margin-bottom:-16px;
overflow:hidden;
}

#footer-shrink {
width:1014px;
height:10px;
margin:0 auto;
padding:0;
position:relative;
}

#footer-text h6 {
width:1014px;
height:50px;
margin:0 auto;
color:#61676b;
font-size:11px;
text-align:center;
padding:20px 0 0;
position:relative;
float:left;
}

#footer-text a {
color:#f30d56;
text-decoration:underline;
}

#footer-text a:visited {
color:#f30d56;
text-decoration:underline;
}

#footer-text a:hover {
color:#c50844;
text-decoration:none;
}

#sidetitle, #sitedescription { display: none; }

#startlink {
position:absolute;
top:25px;
margin-left:5px;
display:block;
height:110px;
width:540px;
}

#startlink h1 {
position:absolute;
top:25px;
margin-left:5px;
display:block;
height:110px;
width:540px;
}

Header
Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<meta name="language" content="de" />
<meta name="publisher" content="bicharehswelt.de" />

<link href="http://www.bicharehswelt.de/favi/favicon.ico" rel="shortcut icon" />

<title><?php bloginfo('name'); ?> <?php if (is_single()) { ?> &raquo; Blog Archive <?php } ?> <?php wp_title(); ?></title>

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

<!--[if lt IE 7.]>
<script defer type="text/javascript" src="<?php bloginfo('template_directory'); ?>/pngfix.js"></script>
<![endif]-->


<?php wp_head(); ?>
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />


</head>
<body>


<!-- Header -->
<div id="header">
<div id="header-shrink">

<a id="startlink" href="<?php bloginfo('url'); ?>"></a>       

<div id="sidetitle"><h1><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1></div>
        <div id="sitedescription"><?php bloginfo('description'); ?></div>

<!-- Branding -->
<div id="branding-body">
<div id="logo">

<a href="<?php echo get_option('home'); ?>/"><img src="<?php bloginfo('template_directory'); ?>/images/header_herbst2.jpg" alt="<?php bloginfo('name'); ?>" /></a>


</div><!-- /Logo -->
</div><!-- /Branding Body -->

<div id="search-body">
<div>
<form id="searchform-top" method="get" action="<?php echo $_SERVER['PHP_SELF']; ?>">                       
<input type="text" name="s" id="s-top" value="Suchst du etwas?..." onfocus="if (this.value == 'Suchst du etwas?...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Suchst du etwas?...';}" />
<input id="submit-top" type="image" src="<?php bloginfo('template_url'); ?>/images/Header-Button-Go.png" value="Go" />
</form>
</div>
</div>

<!-- Navigation -->
<div id="navigation-bar">
<div id="navigation">
<ul>
<li<?php if (is_home() or is_archive() or is_single() or is_paged() or is_search
() or (function_exists('is_tag') and is_tag())) {
    echo ' class="current_page_item"';
} ?>><a href="<?php echo
get_option('home'); ?>">Home</a></li>
<?php wp_list_pages('depth=-1&sort_column=ID&title_li='); ?>
</ul>
</div><!-- /Navigation -->
</div><!-- /Navigation-bar -->

</div><!-- /Header Shrink -->
</div><!-- /Header -->



Alle Zeitangaben in WEZ +2. Es ist jetzt 07:29 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023