Beiträge von koslowski

Zitat von Dunkelangst

Weiß jemand wie ich diesen Effekt in mein Theme übernehmen kann?

gib den Bildern, die den Rahmen bekommen sollen doch eine Klasse mit auf den Weg und formatiere darüber:

#content a img.rahmenoderwatt  {
  border:1px solid #000;
  padding:4px;
}

Durch das padding entsteht ein Abstand zwischen Bild und Rahmen.

Die Hoverformatierung:

#content a:hover img.rahmenoderwatt  {
  border:5px solid #dcdcdc;
  padding:0;
}

Der Rahmen für den Hoverstatus muss so breit wie Rahmen Normalstatus + padding sein, damit beim Hovern nix hüpft.
Padding für das gehoverte Bild muss auch wieder auf null zurückgesetzt werden. ;)

Zitat von dpixl

najaaaaaaa...ich bin von der aussage keine Programmierkenntnisse ausgegangen und so rudimentär sollten die auch nicht sein. wenn ich nicht weiss was ne schleife oder ne wenn dann abfrage ist, dann steh ich doch recht oft aufm schlauch finde ich :-)

jep, haste auch wieder recht. :-)

Zumindest sollte man wissen das wenn der If den Raum betritt die Else oft auch nich weit wech is. :mrgreen:

Man muss jetzt keine Scripte schreiben können, aber ein Verständnis der Grundsyntax sollte man mitbringen, das meinte ich mit äußerst rudimentär.

Zitat von dpixl

Ohne PHP oder Programmierkenntnisse ist es relativ schwierig mit Wordpress ein CMS aufzusetzen.

sorry, aber das kann ich nicht so unwidersprochen stehen lassen.

Um WP als CMS einzusetzen, gar ein eigenes Theme zu entwerfen und einzusetzen sind nur äußerst rudimentäre PHP/Programmierkenntnisse vonnöten.

Viel wichtiger sind solide XHTML/CSS-Kenntnisse. :wink:

Mit Template-tags sollte man zurechtkommen, etwas in Conditional-Tags hineinschauen, ach und copy/paste-Kenntnisse sind auch sehr wichtig.

Bücher sind da auch sehr hilfreich.

Hi,

jep das sollte kein Problem sein.

Unter wp-content - themes legst du einen Ordner mit deinem Themenamen an.

Dann eine index.htm mit allen Formatierungen erstellt.
Die css-datei nennst du style.css und hebelst sie in den Themeordner.

Von der index machst du im Browser einen screenshot mit den Maßen ca. 300x225px und legst sie als screenshot.png in deinen Themeordner, damit du ein schönes Vorschaubild im Backend unter Design - Themes hast.

Die index zerschnipselst du praktisch und fügst die Teile in eine header.php, sidebar.php, index.php und footer.php ein.

Normal brauchst du noch eine single.php, page.php, comment.php und ein paar andere.

Dann haust du noch den Loop in die index und ein paar andere rein, hübscht diese und jene Datei mit diversen Template Tags, Conditional Tags, etc auf und fertig ist das eigene Theme.

Klingt doch supereinfach oder? :mrgreen:

nein im Ernst, ganz so einfach ist es nicht, aber auch nicht so schwierig.
Das habe ich als PHP-Vollpfosten auch hinbekommen. :)

Anleitungen gibt es z.B. hier und hier. ;)

Moin,

Zitat von eiis

weiß leider nicht woran es liegt , aber die anzeige meiner Seite wird im IE völlig anders angezeigt wie im Mozilla Firefox im Mozilla ist alles wunderbar aber im IE verschiebt sich mein design weiter nach links

das ist ja auch nicht weiter verwunderlich wenn der Doctype erst in Zeile 28 kommt. :roll:

So läuft der IE im Quirksmodus und verhält sich wie der IE 5.5.
Diese alten IE's brauchen text-align:center; für body, um die Site horizontal zu zentrieren.

Zitat von eiis

und wenn ich auf impressum klicke steht dort
NOT FOUND
im Mozilla hingegen klappt alles wunderbar :/

Bei mir nicht.
Ich krieg im FF auch die Fehlerseite.

Zitat von Monika

ich habe dies mittels firebug getestet
bin da mal leicht irritiert
lg

jep, ist mir auch schon so gegangen. :)

Manchmal lade ich mir deshalb die Seite mit Opera runter, weil das der einzige Browser ist mit dem man das HTML mit allen Bildern und CSS-Dateien speichern kann.

Zitat von neontrauma

Mh, ich könnte schwören, ich hab das sicher schon mal irgendwo gelöst, so exotisch ist das Problem ja nun eigentlich nicht. oO

ist es auch nicht. :-)

Im Prinzip sogar ziemlich einfach:

Du kannst z.B. entweder den a's der Textlinks oder den a's der img's eine Klasse zuteilen (.borderwech) und dort per Formatierung den unteren Rahmen entfernen:

#content p a.borderwech  {
     border-bottom:none;
}

Hi,

wenn du das in deine CSS schreibst ist der untere Rahmen weg:

#content p a {border-bottom:none; }

Du hast für a einen unteren Rahmen vergeben und nicht für a img, also kannst du ihn auch nur wieder entfernen wenn du a per CSS ansprichst.

Es würde somit auch nix nützen wenn du

img,
a img  {
      border-bottom:0 !very, very, very important;
}

schreiben würdest. :mrgreen:
Ganz einfach weil ein anderes Element den Rahmen bekommen hat und nicht das Bild. :wink:

Moin,

vielleicht noch ergänzend:
Erstmal im Backend unter Einstellungen - Diskussion das Anzeigen der Gravatare grundsätzlich ermöglichen.

öffne die comments.php deines Themes.
Dort fügst du das ab <p><cite> folgendes ein:

<?php if(function_exists('get_avatar')) { echo get_avatar(get_comment_author_email(), '24', 'http://deineseite.com/wordpress/wp-content/themes/deintheme/images/kommentaricon_klein.gif'); } ?>

Falls der Kommentierende einen Gravatar hat, wird der angezeigt.
Die Größe habe ich mit 24px angegeben und falls derjenige keinen Gravatar hat, wird ein kleiner Standardgravatar angezeigt, den ich mir vorher gebastelt und hochgeladen habe

Es sollte dann so ausschauen (die Vorzeilen habe ich zur Orientierung dazugeschrieben).:

<ol id="commentlist">
<?php foreach ($comments as $comment) : ?>
        <li id="comment-<?php comment_ID(); ?>">
        <p><cite><?php if(function_exists('get_avatar')) { echo get_avatar(get_comment_author_email(), '24', 'http://deineseite.com/wordpress/wp-content/themes/deintheme/images/kommentaricon_klein.gif'); } ?>

Ein Plugin ist imho nicht notwendig

Zitat von Hochzeitscafe

Ich habe einfach den Code unten im Stylesheet eingefügt. Kenne mich aber nicht aus, ist es egal wo ich ihn einfüge?

nicht unbedingt.

div.yui-b div.yui-g img  {
   border:3px solid #000;
}

So sollte es klappen.

Hab leider vergessen zu erwähnen das diese Klasse .bilderrahmen dann auch im Quelltext verewigt werden muss.
Deshalb das Ganze jetzt ohne Klasse.

Moin,

das sicherste ist den Bildern eine Klasse mit auf den Weg zu geben in dem du den Rahmen per CSS definierst, z.B.:

div.yui-b img.bilderrahmen  {
   border:3px solid #000;
}

Dann bekommen alle Bilder im Inhaltsbereich den Rahmen zugewiesen.

Zitat von grungelegende

Was ist damit nicht okay?

Der Doctype und dieses völlig veraltete align passen nicht zusammen.

Es gäbe auch noch strukturell, semantisch und formatierungsmäßig jede Menge auszusetzen, die Seite leidet u.a. an der 13px-Seuche, aber die Helfer haben oft leider nur eine begrenzte Zeit um zu helfen. ;-)

Zitat von harakiri-miri

hey, vielen dank für die schnelle hilfestellung. aber das hat leider nicht funktioniert :?

#container {
background:#ffffff;<img src="http://naturheilpraxis-marketing.de/files/gras2.jpg" alt="Gras" align="center" />;no-repeat; left bottom;
}

draus gezaubert aber nüchts passiert :-(

das kann so ja auch nicht gehen.

Schau dir mal an was ich geschrieben habe und dann was du daraus gemurks... äh..., gemacht hast.

Das ich #container geschrieben habe war ja nur ein Beispiel. ich weiss ja nicht wie du das Element genannt hast, wo die Grafik rein sollte.

Hi,

sieht aus wie eine HG-Grafik.

Das sollte so gehen:

#container  {
     background:#farbe url(grafik.png) no-repeat left bottom;
}

Ich geh mal davon aus, das sich die Grafik horizontal nicht wiederholen soll. In dem Fall einfach no-repeat gegen repeat-x austauschen. :wink:

ul.menu {
    width: 1000px;
    margin:0;
    text-align:center;
}

das reicht für ul.menue.
Wg. der Inline-Variante reicht text-align:center um das Menü horizontal zu zentrieren.
Wenn das Menü etwas nach oben in das Kopfbild verschoben werden soll, reicht ein zusätzliches negatives margin-top für ul.menue.

position:absolute; ist noch immer überflüssig.

Moin,

nicht nur der IE auch der W3C-Validator meldet jede Menge Fehler, die es zu beseitigen gilt. ;-)

Zitat von GeneralMaster

Habe ich versucht Menü bleibt trotzdem Links.

das ist ja auch kein Wunder, da das alles umschließende div#wrapper mit den entsprechenden Formatierungen noch immer fehlt.
Die navi ist immer noch absolut positioniert und hat im Widerspruch dazu auch noch display:inline;.

Du solltest dich wirklich mit den Grundlagen beschäftigen, damit du weißt was du tust. ;-)

Für Abstände ist CSS zuständig, nicht PHP.

Gibt es denn einen CSS-Prolog??

Hol dir Firebug für den FF (Deutsches Tut dazu), dann siehst du welche Anweisungen für welche Elemente zuständig sind und wo das steht. ;)

Zitat von GeneralMaster

Danke koslowski für die schnelle Antwort wo muss ich denn diese Element (div#wrapper) genau einsetzten, ich kann dir ja hier mal meine Style CSS posten weil ich bin nicht so der CSS Profi leider ;)

Du mußt in deinem Editor erst die header.php öffnen.
Dort trägst du unmittelbar nach <body>
<div id="wrapper"> ein.
Dann öffnest du die footer.php und trägst dort unmittelbar vor:

<?php wp_footer(); ?>

</div><!-- Ende #wrapper -->

ein.

Danach öffnest du die style.css und trägst dort normal ziemleich weit oben ein:

#wrapper  {
    width:1000px;
    margin:0 auto;
}

Ich würde aber dann auch diese Angaben aus der style.css löschen:

body  {
     width:1000px;
     margin:0 auto;
}

Außerdem wäre ein CSS-Prolog von Vorteil, d.h.
ganz oben in der style.css folgendes eintragen:

*  {
    padding:0;
    margin:0;
}

Damit werden alle Abstände browserübergreifend auf null gesetzt.
Danach müssen diese natürlich wieder für die Elemente neu definiert werden.

Zitat von GeneralMaster

Wäre super wenn du mir das noch sagen könntest, übringens danke für den Tip mit den 12px Seuche die kannte ich nocht garnicht.

Das kennen viele Profis nicht mal, wenn ich mir Websites so anschaue.
Dabei ist es doch eigentlich so einfach und tut überhaupt nicht weh. :mrgreen:

Zitat von GeneralMaster

Und was noch gut wäre wie ich meine Hauptnavigation sprich die obere etwas kleiner Buttons machen kann wäre auch super wenn mir das einer sagen könnte.

Die Navi gehört völlig anders aufgebaut.
position:absolute ist völlig unnötig, die mit display:inline; aufzubauen halte ich auch für suboptimal.
Dabei hast du nicht soviel Kontrolle über die Darstellung.

Besser ist es die mit Float auszurichten, weil du es dann nur mit Blockelementen zu tun hast.

Wenn das jetzt böhmische Dörfer für dich waren, wirst du nicht umhin kommen dich mit CSS zu beschäftigen.

Hier ist ein guter Onlinekurs dazu. ;-)

Hi,

horizontal zentriert wird wenn du einem Element neben einer festen Breite margin:0 auto zuweist.

In deinem Fall fehlt ein alles umschließendes Element (div#wrapper) das zentriert werden muss.

Ach ja, deine Website leidet an der 12px-Seuche. ;-)

Moin,

mach mal title aus titel. ;)