Mein WordPress Testblog » Bilder einrahmen

Okt

2005

Bilder einrahmen

Die Bilder, die ich hier einfüge, sollen einen Rahmen erhalten, damit sie sich besser vom Hintergrund abheben. Hierfür definiere ich in der style.css eine neue Klasse “.img” mit dem Inhalt border: 1px solid #000000;

In den img src-Code jedes Bildes schreibe ich nun class=”img”, damit erhält jedes Bild den schwarzen Rand. Vermutlich kann man den Image-Browser auch so ändern, dass diese “class” automatisch in den Code jedes Bildes übernommen wird, aber das werde ich später mal versuchen, herauszufinden.

Einsortiert unter Bilder, style.css

Bookmarken bei: Diese Icons verlinken auf Bookmark Dienste bei denen Nutzer neue Inhalte finden und mit anderen teilen können.

3 Kommentare

3 Kommentare:

1

Hallo,

grundsätzlich könnte man das Einrahmen der Bilder auch anders lösen. Ich habe in der style.css der Klasse “.beitrag img” den border zugewiesen. Das führt dann aber dazu, dass alle Grafiken in einen Rahmen gesetzt werden (auch die Smilys). Ungünstiger Weise werden bei mir verlinkte Bilder wie ein Textlink behandelt und entsprechend unterstrichen :-(.
Vielleicht hast Du ja mittlerweile eine bessere Lösung gefunden bzw. einen Tipp, wie ich das Unterstreichen verhindern kann. Ich wäre sehr dankbar dafür.

Apropo bin ich dies auch für diesen Testblog, da ich hier sehr viel wissenswertes herausziehen konnte. Vielen Dank nochmal.

Herzliche Grüße

Stephan

Kommentar von Stephan
Dienstag, 4. April 2006, 13:36
2

Hallo,

toller Blog, zuerst einmal herzlichen Dank für die vielen nützlichen Infos.

Bin hier herein gestolpert, da ich seit Tagen eine Lösung für folgendes Problem suche:

ich habe ein individuelles Logo in den header eingebunden. Soweit, so gut.

Nur bekomme ich den verflixten 1px-Rand nicht weg (Logo wurde mit Photoshop erstellt und hat keinen Rand, Logo-Hintergrund = gleiche Farbe wie Blog-background).

Der Tipp, den ich hier gefunden habe, scheint Sinn zu mnachen, habe inzwischen die style.css angepasst, nur: wo genau muss ich denn nun class=”img” einfügen?

Hier der Code aus der header.php (Theme Vanilla Cart):
```
<div class="headerleft">
<h1><a href="<?php echo get_settings('home'); ?>/">
<?php if($vc_logo) { ?>
<img src="<?php echo $vc_logo;?>" />
<?php } else { bloginfo('name'); } ?></a></h1>
<?php if ($vc_desc == "true") { } else { ?>
<p><?php bloginfo('description'); ?></p>
<?php } ?>
</div>
```
Bin für jeden Rat dankbar!
Lieber Gruß!
FIMUM

Kommentar von FIMUM
Donnerstag, 1. Oktober 2009, 11:44
3

Hallo Fimum, ohne Link zum Blog ist es schwer, zu helfen, aber wie du in deiner Mail schreibst, hast du es ja sowieso schon hingekriegt. Ansonsten würde ich sagen, hier:
<img src="<?php echo $vc_logo;?>" class="img" />

Kommentar von Barbara
Donnerstag, 1. Oktober 2009, 21:37