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.

Find ich schön ABER das ist ein Standard-Template oder? Oder hast du das selber gemacht?

Jedenfalls fehlt mir der gestalterische Bezug zum Thema der Seite. Ach ja, und mit den Schriften im Header scheint was nicht zu stimmen. Die Buchstaben stehen mir zu nah beieinaner. Hast du da ein doofes letter-spacing drin?

Das hängt in meinen Augen widerum vom Zweck und der Aussage der Webseite ab. Gewisse Webseiten, vor allem jene, die im besonderen Maße zur Selbstdarstellung (eines Künstlers!?) dienen, dürfen meiner Meinung nach durchaus mit den "Konventionen" spielen oder diese gar übergehen und müssen wohl sogar "etwas anders" sein. Wenn ich Portfolios sehe, die aussehen wie ein Standardblog, denke ich mir nur noch "Ziel verfehlt". Die Kunst besteht darin, dennoch eine gewisse Usabilty zu gewährleisten. Am besten gefallen mir die Webseiten, mit denen man als Besucher ein wenig spielen muß, die aber zugleich schlüssig aufgebaut sind, so das man letzten Endes doch einfach über die Seite navigieren kann.

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.

Jo, jetzt passt es auch bei mir in den genannten Browsern (FF, Opera, IE auf XP) ;)

Als ich won der Sidebar sprach, dachte ich nicht daran, noch mehr u.U. unsinniges Zeugs in die Sidebar zu packen sondern daran, das eine oder andere Gestaltungselement einzufügen ;)

Also ich find das Design nicht schlecht, zumindest im Ansatz.
Die Sidebar etwas rausputzen, Hintergrund vielleicht etwas aufwerten und vor allem irgendwas kleines, grafisches in den Header anstelle des Textlinks (einfach dein Namen als schönes Logo/schöner Schriftzug, ruhig weiß lassen), den Header aber in Form und Farbe belassen.

Sieht sehr schön aus ;)

Nur die Sidebar hat noch ein paar Macken (im FF1.5 bei mir). Der Breich "Link Me" rutscht aus der Sidebar raus und Meta hat sich Aufzählungszeichen eingeschlichen. Ich nehme an, das irgendwo ein Tag nicht geschlossen (hab jetzt nicht die Zeit, danach zu suchen, sorry).

Außerdem würd es mir wohl besser gefallen, wenn die Links in der Sidebar kein AUfzählungszeichen hätten, dafür etwas eingeruäckt wären und etwas mehr vertikalen Abstand hätten. Aber das ist GEschmackssache.

Was du aber ändert musst ist die Farbe für die Rollover der Textlinks. Den Unterschied sieht man kaum. Ich schlage hier das Weinrot/Lila vor, das du auch für andere Text-Elemente verwendest.

FF1.5.8.5 auf WInXP SP2.

Die Linkliste bzw. das ganze Objekt auf der linken Seite mitsamt Logobereich wird teilweise vom Content überlagert. Das Problem habe ich auch im IE und in Opera allerdings nur dann, wie ich gerade festgestellt habe, wenn ich das Browserfenster auf 1280x1024 maximiere ;)

Bei kleinerem Browserfenster entfernt sich der linke BEreich immer weiter vom rechten (ist aber immerhin ganz zu sehen).

P.S.: Ich würd ja einfach die ganzen Elemente im div "Page" packen, diesen mittig ausrichten und die Elemente je nach dem nach links und rechts floaten lassen (oder im div positionieren), so wiech es hier >> http://dev.osj-clan.de/ << gemacht habe (ist noch nicht fertig die Seite).

Ich meine die Linkliste ;)
Die wird bei mir abgeschnitten ...

Sehr schöne Arbeit, aber drei Dinge:

1. Die Sidebar verschwindet bei mir (FF1.5) partiell hinter dem Content. Soll wohl nicht so sein oder?

2. Design für Farben find ich schön, aber passen die auch wirklich zu Themen wie Ska? Könnt das nicht vielleicht etwas peppiger sein?

3. Man mag den Verzicht auf Versalien als künstlerisch inspiriert betrachten können, aber ich mag es nicht so, wenn man alles nur klein schreibt. Aber das kann man jetzt wohl nicht mehr ändern und da dir Interpunktion&Co. nicht fremd sind ...

Und bitte verzeih mirmeine bescheuerte Ausdrucksweise, aber es ist schon spääääää .... *wegratz*

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 }