Beiträge von flopi78

Mit 35 Seiten ist dieses Thema sehr unübersichtlich geworden:
http://forum.wordpress-deutschland.org/showthread.php?t=8628
Was ich suche, ist eine saubere Anleitung.

Schritt 1-3:
Im Blog von Familie Kaden sind die ersten Schritte gut beschrieben:
http://www.diekadens.de/2006/04/23/myg…reibung-teil-1/

Schritt 4:
Nach dem erstellen einer neuen Seite und sich merken der ID gehts leider nicht mehr richtig weiter. Hier scheint ein Zwischenschritt zu fehlen. Was muss man also tun, BEVOR man im Feld Galerie page_id” die ID-Zahl eintragen kann? Dieses Feld existiert nämlich (noch) nicht, wenn man der Anleitung folgt (siehe Bild "Galerie Verwaltung.gif).

Scheinbar soll demnächst eine "neue Version" erscheinen, Gravatar 2.0 mit diesen Vorteilen:
Anmelde- und Rating-Prozedure wird automatisiert und beschleunigt. Mehr Bandbreite, damit die Gravatare auch wieder schneller und zuverlässiger auf den angeschlossenen Seiten erscheinen.
...

Komisch, funktioniert bei mir im Firefox ebenfalls nicht, wenn ich Demos anwähle. Ich glaub, ich lass das ganze. Ist ja auch mehr eine Spielerei.
Trotzdem DANKE für die Hilfe.

So wie im Link beschrieben scheint es nicht zu funktionieren. Da geht nicht mal das Anzeigebeispiel (mit Firefox): http://de.selfhtml.org/css/eigenschaf…play_during.htm

Wie würde denn so ein Javascript aussehen? Hab eben in der CSS folgenden Code für einen Rollover-Button:

#header .button_history a { 
width:90px; 
height:90px; 
display:block; 
background-image:url(images/button_history.gif); 
background-repeat:no-repeat; 
position: absolute; 
top: 181px; 
left: 28px; 
margin-top: 0; 
margin-bottom: 0; 
}


#header .button_history a:hover { 
width:90px; 
height:90px; 
display:block; 
background-image:url(images/button_history_over.gif); 
background-repeat:no-repeat; 
}

Hab mit CSS einen Rollover-Button erstellt. Beim drüberfahren soll nun auch ein "Bling" ertönen. Bei diesem Ton handelt es sich um eine mp3-Datei (nur 8 KB gross).

Kann man mit CSS auch einen Ton aufrufen?
Geht das evtl. irgendwie mit a:hover?

Problem gelöst - Buttons im Header richtig positioniert

Konnte Problem lösen. Musste für die Buttons in der CSS-Datei

margin-top: 0;
margin-bottom: 0;

rausnehmen

NEU:

#header .button_history a { 
width:90px; 
height:90px; 
display:block; 
background-image:url(images/button_history.gif); 
background-repeat:no-repeat; 
position: absolute; 
top: 181px; 
left: 28px; 
}

Link zur Testseite: http://www.fpoint.ch/wucoco
(später dann auf http://www.epmaus.ch)

Alternative zu position: absolute?

Leider funktioniert die Positionierung im IE 6 + 7 nicht.
Gibts eine Alternative zu position: absolute?

Und hier meine eigene Antwort:

#header in der CSS-Datei ergänzt (analog #page):

#header { 
background-image: url(images/header.jpg); 
background-repeat: no-repeat; 
background-attachment: scroll; 
background-position: center; 
text-align: left; 
position: relative; 
width: 887px; 
height: 280px; 
margin: 0 auto; 
padding: 0; 
border-style: none;
}

Layer richtig positionieren

Hab das meiste nun selbst herausgefunden. Nur: Wie platziere ich den Button an richtiger Stelle? Das ganze müsste in einem Rahmen stehen, der 887 px Breite hat und auf die Seite zentriert ist. Darin der Button mit 30 px von oben und 100 px von Links. Wie geht das?

Nachfolgend der Code für Button im Header.

Im header.php steht:

<div id="button_history"><a href="<?php echo get_settings('home'); ?>"> </div>

In der CSS-Datei steht:

#button_history a { width:90px; height:90px; display:block; background-image:url(images/button_history.gif); background-repeat:no-repeat; position: absolute; top: 30px; left: 100px; }
#button_history a:hover {
width:90px;
height:90px;
display:block;
background-image:url(images/button_history_over.gif);
background-repeat:no-repeat;
}

Layer richtig positionieren

Hab das meiste nun selbst herausgefunden. Nur: Wie platziere ich den Button an richtiger Stelle? Das ganze müsste in einem Rahmen stehen, der 887 px Breite hat und auf die Seite zentriert ist. Darin der Button mit 30 px von oben und 100 px von Links. Wie geht das?

Nachfolgend der Code für Button im Header.

Im header.php steht:

<div id="button_history"><a href="<?php echo get_settings('home'); ?>"> </div>

In der CSS-Datei steht:

#button_history a { width:90px; height:90px; display:block; background-image:url(images/button_history.gif); background-repeat:no-repeat; position: absolute; top: 30px; left: 100px; }
#button_history a:hover {
width:90px;
height:90px;
display:block;
background-image:url(images/button_history_over.gif);
background-repeat:no-repeat;
}

Niemand da, der eine Lösung hat? Hab zwar wenig Ahnung von CSS, aber trotzdem mal ausprobiert.

In der CSS-Datei steht:

.button_history  { background-color: transparent; background-image: url(images/button_history.gif); background-repeat: no-repeat; background-attachment: scroll; width: 90px; height: 90px; margin: 100px 0 0 50px; }


.button_history a:hover { background-color: transparent; background-image: url(images/button_history_over.gif); background-repeat: no-repeat; background-attachment: scroll; width: 90px; height: 90px; margin: 100px 0 0 50px; }

Und im header.php hab ich eingefügt:

<div class="button_history"></div>

button_history.gif erscheint zwar nun an gewünschter Stelle, aber der Rollover button_history_over.gif funktioniert nicht.

Des weiteren hab ich ein grosses Bild "header.jpg", die Buttons sollen aber als "schwebender Rahmen" oben drauf erscheinen. Momentan verschiebt sich einfach das "header.jpg".

Ach ja, verlinken will ich die Buttons natürlich auch noch. Wo und wie mach ich das?
Wer kann mir hier weiterhelfen?

Besten Dank für den Link. Es hat geklappt.

Rolloverbild im Header

Möchte im Header ebenfalls Rolloverbilder (siehe Fotomontage). Dachte, dass man das mit Layer und Position macht und dann den Rollover-Effekt auf die Bilder anwendet.

Doch wie könnte so ein Code im CSS aussehen? Und was schreib ich im header.php?

Hallo

Ich möchte, dass es beim aufrufen einer Seite jeweils die entsprechenden Unterseiten als Links in der Sidebar anzeigt. Hab da zwei Ideen:

1. Die mühsamere Idee (die ich glaub ohne Hilfe umsetzen könnte): Ich erstelle für jede Seite eine separate Sidebar mit den entsprechenden Unterseiten. Daraus mach ich ein Template, welches ich entsprechend beim erstellen einer neuen Seite auswähle.

2. Die einfachere Idee: Mit einem Code, den ich in die Sidebar setze, der sagt, dass ich beim Aufrufen der Seite XY, die Unterseiten von XY anzgeigen soll, bei der Seite Z die Unterseiten Z, etc.? Gibts so einen Code?

Hoffe, dass es eine Lösung zu meiner 2. Idee gibt. Wer kann mir weiterhelfen?

3. Spalte richtig positionieren

Und immer wenn ich schon stundenlang ausprobiert habe und dann hier poste, komm ich schlussendlich selbst auf die Lösung des Problems:

Bei #leftbar hab ich folgende Zeile hinzugefügt:
position: absolute; top: 0;

also ganzer CSS-Code:

#leftbar
  { font-size: 1.1em; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; position: absolute; top: 0; margin-left: 0; padding: 0 0 10px; width: 180px    }

Und schon steht die Leftbar an richtiger Position.

Hallo

Ich möchte in meinem bestehenden Theme (Wuhan) links eine Spalte zusätzlich einfügen. Das ganze soll dann wie das Theme Wucoco aussehen:
http://themes.wordpress.net/columns/3-colu…ee-column-0100/

Nun hab ich soweit alles vorbereitet (Post-Kolonne und Sidebar an die richtige Position verschoben, Hintergrundgrafik auf 3 Spalten verändert):
http://www.fpoint.ch/wucoco/

Für die neue 3. Spalte ganz links hab ich eine Datei erstellt mit dem Namen "leftbar.php":

<div id="leftbar">
		<ul>
		
		
			<li>
			Hier kommt der Inhalt für die 3. Spalte ganz links
			</li>
			
			
		</ul>
	</div>

.

In der Index-Datei hab ich folgende Zeile eingefügt:

<?php include (TEMPLATEPATH . '/leftbar.php'); ?>

Und in der CSS-Datei #sidebar dupliziert und auf #leftbar mit neuer Position abgeändert:

#leftbar
  { font-size: 1.1em; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; margin-left: 0px; padding: 0 0 10px; width: 180px }

Hier hab ich nur "margin-left" von 724px auf 0px geändert.

Das Problem ist nun, dass der Inhalt von leftbar.php nicht direkt neben den Posts und der Sidebar, sondern immer darüber bzw. darunter angezeigt wird (je nachdem wo man bei index.php die Zeile "<?php include (TEMPLATEPATH . '/leftbar.php'); ?>" einfügt. Hab das Gefühl, dass leftbar.php nicht die Infos von der CSS-Datei übernimmt.

Wie kann ich also Posts, Sidebar und Leftbar in eine Höhe bringen?
Hier der momentane Stand (Testseite):
http://www.fpoint.ch/wucoco/

Am besten in einem Bildbearbeitungsprogramm Bild auf gewünschte Pixel-Breite verkleinern und 72 dpi. Ich kenn zwar gerade nur Photoshop oder CorelPaint. Es gibt aber sicher auch was günstigeres oder vielleicht gar gratis. Am besten googeln.

Hast du denn "Benutz Original" beim Bild geklickt, bevor du es zum editor geschickt hast?

Fehler in der Datei comments.php

FALSCH:

<p><del><?php do_action('comment_form', $post->ID); ?><input type="submit" class="textform" id="submit" tabindex="5" value="Kommentar senden" /><input type="hidden" name="comment_post_ID" value="<?php echo $id; ?>" /></del></p>

RICHTIG:

<p><?php do_action('comment_form', $post->ID); ?><input type="submit" class="textform" id="submit" tabindex="5" value="Kommentar senden" />
<input type="hidden" name="comment_post_ID" value="<?php echo $id; ?>" />
</p>

Subscribe To Comments: Problem IE

Hab heute festgestellt, dass auf meiner Seite unter dem Kommentar das
"E-Mail-Benachrichtigung bei neuen Kommentaren" (Subscribe To Comments) durchgestrichen ist. Dies tritt allerdings nur im Internet Explorer auf. Warum ist das so?