Beiträge von sverebom

Suche im Quelltext der index.php, single.php, archive.php und allen anderen Seiten, die BEiträge ausgeben nach einem Befehl, der in etwa so aussieht (da du ein anderes Template hast, muss der Code nicht exakt so aussehen).

<small><?php the_time('j. F Y') ?> <!-- by <?php the_author() ?> --></small>

Sollte unterhalb des Codes zu finden sein, der für die Überschrift verantwortlich ist. Einfach den Code an die gwünschte Stelle verpflanzen und fertig.

In #navi

float: right;

in

float: left;

ändern und in #inhalt die beiden margin-***** jeweils von right auf left bzw. eben andersrum ändern.

Also einfach diese drei Angaben in die entegenen gesetze Richtung ändern.

Edit: Hab was vergessen. In #navi

margin: 0 15px 15px 0;

in

margin: 0 0 15px 15px;

ändern, also auch hier einfach nur die Richtung umkehren. Zur Erklärung: Bei Angaben wie Margin oder Padding kann man die Werte für die vier möglichen Richtungen in einen Eintrag zusammen fassen, anstatt vier Einträge zu schreiben wie etwa margin-top, margin-left (siehe oben). Dabei geht man von oben beginnend im Urhzeigersinn vor, also wie folgt:

margin: oben rechts unten links;

Klar soweit?

ersetze

background-color: .....

durch

background: black url(images/deinbild.endung) no-repeat center top;

Hab's eben mit den Webdeveloper Tools (ossis Link zum Firefox-PlugIn. Unbedingt installieren da unverzichtbar. Ich kann damit bspw. deinen CSS-Code in meinem Browser bearbeiten. Keine Angst, das funktioniert nur lokal. An deiner Seite kann ich global nix ändern.) getestet und das Logo meiner Webseite eingesetzt. So gehts

Wie du Hintergrundbilder außerdem einbinden kannst, siehe hier

In archive.php

<div class="entry">
   <?php [B]the_excerpt[/B]() ?>
</div>

in

<div class="entry">
   <?php [B]the_content[/B]() ?>
</div>

ändern und schwaupps, Beiträge in der Archivansicht werden ko,plett angezeigt. Das hättest du auch mit der Suche finden können, denn dort hab ich das auch her

Edit: Mist, zu langsam ...

In allen Templatedateien (also allen *.php-Dateien im Ordner des Themes) nach

<?php get_sidebar(); ?>

suchen und entfernen bzw. besser wie folgt ausklammern

<!--?php get_sidebar(); ?>-->

Wichtig ist, das du die < vor dem ? entfernst, damit der php-Befehl zuverlässig durch den HTML-Kommentar (diesem < <!--- Ding) ausgeklammert wird. Wenn du später die Sidebar wieder benutzen möchtest, brauchst du nur die Schreibweise zurück ändern.

Hab mir jetzt etwas anders beholfen.
Für das Link-Problem im IE (argh, wie konnte ich die Breite der Links nur vergessen) habe ich jetzt einfach nen Hack verwendet. Nicht schön, aber das Theme soll auch nur einige Wochen verwendet werden.

Bei der Positionierung des Logos bin ich einfach dazu übergangen, statt floats Positionierungen zu verwenden, garniert mit einigen sauber abgestimmten Prozentangaben. Von 1024x768 bis 1280x1024 ist das Ergebnis zufriedenstellend. Natürlich keine Ideallösung, aber für den Moment reicht es.

Ich denke derzeit darüber nach, das Thema zu einem Customtemplate weiter zu entwickeln und anderen zugänglich zu machen. Dann muß ich natürlich noch mal darauf zurück kommen und sauberer arbeiten.

Bei Wordpress ist es leider nicht so einfach, mit den Firefox Web Devolper Tools den CSS-Code anzupassen, da in dem Fall die Bilder nicht mehr dargestellt werden, sobald man den CSS-Code öffnet. Ich nehme aber nach kurzem Überfliegen einfach mal an, das der div "rap" zu klein ist. Mach den einfach mal testweise 760px breit (bzw. um den Wert breiter, den das Bild in der Breite zugelegt hat). Ich denke, dann sollte das Bild passen.

Welchen Titel meinst du und btw., im IE passieren noch ganz andere komische Sachen mit deiner Seite, jedenfalls bei mir.

Danke erstmal für deine Hilfe, aber ich bin mit diesen Codefetzen jetzt auf Anhieb nicht klar gekommen. Kannst du (oder sonst wer) mir vielleicht genauer erklären, wie ich das Logo in dem blauen Bereich positioniere, ohne die Seite zu sprengen!?

Danke

Hallo,

erstmal der Link zu meinem Blog: http://www.sverebom.de

Ihr könnt das Problem schon sehen. Das Logo links soll vertikal in der Fläche zentriert sein - immer, bei jeder Fenstergröße. Momentan ist das Logo als Hintergrundbild in einen div-Container eingebettet (optimiert für 1027x768), welchen ich nicht so definieren kann, das er die verfügbare Flache komplett ausfüllt.

Wie würdet ihr das Problem lösen? Ich hab so auf Anhieb keine Idee

Ach ja, und dann habe ich noch ein kleines Problem mit dem Internet Explorer (was auch sonst). Wenn ihr die Seite mal im IE öffnet, werdet ihr sehen, das die als block definierten Links in der Sidebar die Liste sprengen.
Idee? Ich hab keine ...

Hier noch der aktuelle CSS-Code:

/* Layout */


body, html {
  margin: 0;
  padding: 0;
  font: 10px verdana, arial, helvetica, sans serif;
  background: #2778C3 url(images/bg_standard.gif) repeat-y right;
}


#logo {
  top: 0;
  left: 0;
  float: left;
  width: 350px;
  height: 400px;
  position: fixed;
  background: transparent url(images/logo_standard.jpg) top left;
}


#page { float: right; width: 600px; color: #787878 }


img { border: none }


/* Content */


#content { float: left; width: 450px }


#content h2 { 
  margin: 0;
  color: #2778C3;
  font-size: 12px;
  padding: 3px 0 0 3px;
}


#content h3 {
  margin: 0;  
  font-size: 12px;
  font-weight: normal;
  padding: 10px 0 0 20px;
}


#content p { line-height: 14px; text-align: justify; padding: 0 3px 0 3px }


#content a { color: #2778C3; text-decoration: none }


#content a:hover { color: #F5A50B }


#content ol, #content ul { margin: 0; padding: 10px 20px 0 40px }


#content cite { font-weight: bold }


#content small { color: #ABABAB;padding: 0 3px 0 3px }


#content .post { padding: 12px 20px 0 20px }


#content .border { border-bottom: 1px solid #CDCDCD; padding: 0 3px 3px 3px }


#content .metadata { 
  color: #ABABAB;
  margin: 0 0 8px 0; 
  text-align: right;
  padding: 0 3px 3px 0;   
  border-bottom: 1px solid #CDCDCD;
}


#content .metadata strong { font-weight: normal }


#content .commentpages { text-align: right; padding: 0 20px 0 20px }


#content .smileys { text-align: center }


#content .edit { padding: 0 20px 0 20px; text-align: right }


#content form { margin: 0; padding: 0 23px 0 20px }


#content input {
  width: 140px;
  padding: 1px;
  color: #686868;
  border: 1px solid #ABABAB;
  font: 11px verdana, arial, helvetica, sans serif;    
}


#content textarea {
  width: 400px;
  padding: 1px;
  color: #686868;
  border: 1px solid #ABABAB;  
  font: 11px verdana, arial, helvetica, sans serif; 
}


#content .button {
  padding: 0;
  width: 60px;
  padding: 2px;
  border: none; 
  color: #F5940B;
  font-weight: bold;
  background: #FFFFFF; 
  font: 11px verdana, arial, helvetica, sans serif;  
}




/* Sidebar */


#sidebar { float: right; width: 150px }


#sidebar ul { margin: 0; padding: 0; list-style: none }


#sidebar li { background: transparent url("images/bord_standard.gif") repeat-x bottom }


#sidebar h2 {
  margin: 0;
  color: #F5940B;
  font-size: 11px;  
  padding: 14px 0 6px 12px;
}


#sidebar a {
  color: #78ACDC;
  display: block;
  font-weight: bold;
  text-decoration: none;
  padding: 6px 0 6px 12px;
}


#sidebar a:hover { color: #FFFFFF; background: #78ACDC }


#sidebar p { margin: 0; padding: 5px; line-height: 15px }


#sidebar form { text-align: center; padding: 6px 0 6px 4px }


#sidebar input {
  width: 80px;
  padding: 1px;
  color: #686868;
  border: 1px solid #ABABAB;   
  font: 11px verdana, arial, helvetica, sans serif; 
}


#sidebar .button {
  padding: 0;
  width: 40px;
  border: none; 
  color: #F5940B;
  font-weight: bold;
  background: #FFFFFF; 
  font: 11px verdana, arial, helvetica, sans serif;  
}




/* Footer */


#footer { clear: both; text-align: center }


#footer p { padding: 15px 150px 0 0; color: #B3B3B3 }


#footer a { color: #78ACDC; text-decoration: none }


#footer a:hover { text-decoration: underline }