Um schreiben oder kommentieren zu können, benötigen Sie ein Benutzerkonto.
Sie haben schon ein Benutzerkonto? Melden Sie sich hier an.
Jetzt anmeldenHier können Sie ein neues Benutzerkonto erstellen.
Neues Benutzerkonto erstellen
Hallo!
Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.
Ich sehe keinen Anhang!
deinen Anhang sehe ich nicht ....
du könntest das doch mit CSS machen ...
Wie andere schon anmerkten: dafür musst du nur das CSS ändern. Im Standardtheme in etwa so:
.entry img {
padding:5px;
border:1px solid black;
}
Padding - Abstand Bild-Rahmen
Border - Stärke und Farbe des Rahmens
Es kommt auf dein Theme an. Mein Code fügt den Bildern in Beiträgen im Standardtheme einen Rand hinzu.
Am besten guckst du im HTML-Quellcode nach, über welche Klassen du ein Bild ansprechen kannst, dann suchst du eine passende Regel in der CSS-Datei (für Beitragsbilder ist eigentlich immer eine Regel angelegt).
Mein Tipp für solche Probleme: Firefox mit Firebug-Erweiterung, und dann das gewünschte Element mit "Inspect" inspizieren. Da siehst du sofort, welche CSS-Regeln und welche Klassen auf ein Element zutreffen.
In einem von mir verwendeten Theme sieht das z.B. im Stylesheet so aus:
.entry img {
margin: 5px;
padding: 5px;
border: 1px solid #E6E6E6;
}
.entry a img {
border: 1px solid #E6E6E6;
}
.entry a:hover img {
border: 1px solid #515151;
}Mein Tipp für solche Probleme: Firefox mit Firebug-Erweiterung, und dann das gewünschte Element mit "Inspect" inspizieren. Da siehst du sofort, welche CSS-Regeln und welche Klassen auf ein Element zutreffen.
Firebug besitze ich, leider kann ich inspect nicht auswählen wenn ich auf meiner seite bin...
//Edit: Nun, hat geklappt, habe es gefunden, wenn ich mit inspect arbeite.
Dennoch, wenn ich den Code ändere, sehe ich keine Veränderung im Bild.
In diesem wird das Bild definiert (Usprünglicher Code):
.entry {
width: 426px;
margin: 0 auto;
font-size: 0.8em;
}
Link bitte.
Bei mir wurde das auch nicht auf normalem CSS-Wege übernommen ...
Ich habe jetzt die quicktags.js verändert. Einfach einen neuen Button mit allen Angaben hinzugefügt und jetzt gehts :mrgreen:
Folgenden Button habe ich mir erstellt:
edButtons[edButtons.length] =
new edButton('ed_image'
,'image'
,'<img src="" style="background: #ffffff; padding:5px; border:1px solid black; ">'
,''
,'image'
);
Da öffnet sich nun nicht - wie gewohnt - dieses kleine Scriptfenster, wo man die URL eingeben muß. Das muß man jetzt zwischen den zwei Anführungsstrichelchen im img src-Tag.
Ist vielleicht auch noch ne Lösung. Ich kann jedenfalls damit leben *g*
P.S.:
Die Datei findest Du übrigens im wp-includes/js
Danke. So wie ich das sehe gibts in deiner style.css noch keinen Eintrag für ".entry img". In Zeile 155 der style.css findest du den Eintrag .entry, nach diesem Eintrag (nach der "}" ) fügst du den o.g. Code ein:
.entry img {
margin: 5px;
padding: 5px;
border: 1px solid #E6E6E6;
}
Sollte eigentlich ausreichen, wenn nicht, lass den Code mal bitte drin und meld dich dann nochmal. (Grade noch schnell live getestet - geht!)
Nachtrag: Inline-Sytles würde ich vermeiden, die sind zu unflexibel. Wenn schon Quicktag, dann nur um dem img-Element eine Klasse zuzuweisen, über die du das Bild stylen kannst.
Danke. So wie ich das sehe gibts in deiner style.css noch keinen Eintrag für ".entry img". In Zeile 155 der style.css findest du den Eintrag .entry, nach diesem Eintrag (nach der "}" ) fügst du den o.g. Code ein:
Code.entry img { margin: 5px; padding: 5px; border: 1px solid #E6E6E6; }Sollte eigentlich ausreichen, wenn nicht, lass den Code mal bitte drin und meld dich dann nochmal. (Grade noch schnell live getestet - geht!)
Nachtrag: Inline-Sytles würde ich vermeiden, die sind zu unflexibel. Wenn schon Quicktag, dann nur um dem img-Element eine Klasse zuzuweisen, über die du das Bild stylen kannst.
So, habe den cdode eingefügt.
Doch leider hat sich immer noch nichts geändert!
Also ich seh hier einen wunderschönen hellgrauen Rahmen mit etwas Abstand zu den Bildern in den Beiträgen. Hast du mal den Browsercache geleert?
Übrigens: Deine style.css wird doppelt eingebunden - einmal per Link-Element und einmal in einem style-Block mit @import. Nicht wirklich schlimm, aber unsinnig. Prüf mal deine header.php
marX, kann die gleiche Methode angewendet werden, wenn ich einen Rahmen um ein Youtube oder Myspace Video haben möchte?
Kann ich nicht genau sagen, da Flash-Videos immer etwas eigen sind (werden nicht vom Browser gerendert, sondern vom Flash-Plugin). Aber prinzipiell so per CSS stylen:
.entry object {
}Des Weiteren, ist es möglich, wahrscheinlich durch anpassen des Codes, dass man den Rahmen um das Bild(er) mit einer Farbe ausfüllen kann?
Den (im Moment hellgrauen) Rahmen sprichst du über die Farbangabe der "border"-Eigenschaft an. Ich vermute aber eher, du willst den (im Moment weißen) Abstand zwischen der Rahmenlinie und dem Bild. Das ist die Hintergrundfarbe des Element, du müsstest also die Eigenschaft "background-color:" hinzufügen, mit dem Wert der gewünschten Hintergrundfarbe.
.entry img {
margin: 5px;
padding: 5px;
border: 1px solid #E6E6E6;
[B]background-color: red;[/B]
}Sry für meine Frage, bin aber nicht wirklich versiert im Bereich des WP...
Das alles hat nmit WP direkt nichts zu tun, das ist einfach nur CSS. Eine gute Einführiung gibts bei CSS 4 You - The Finest in Stylesheets oder SELFHTML: Stylesheets (CSS)
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!