Revolution Theme Images

September 27, 2008

rpm_images.thumbnail.png

Für alle Revolution Pro Media Theme Besitzer könnte dieser Beitrag von Interesse sein, wenn die Darstellung der Bilder in Postings immer etwas verhunzt aussieht.

Im eigentlichen Sinne ist das automatische Anordnen der Bilder ja gewünscht um dem Anwender etwas Arbeit abzunehmen, allerdings hat es mir nicht wirklich gefallen und wesentlich mehr Arbeit wie nutzen bereitet.

Abhilfe schaffen die folgenden Code Zeilen, die in der style.css Datei angepasst werden müssen.

- diese Zeilen entfernen:

#contentleft p img {
border: none;
float: left;
margin: 0px 10px 10px 0px;
}

- und durch diese ersetzen:

/************************************************
* Images *
************************************************/

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
padding: 0px;
}

img.alignnone {
padding: 0px;
margin: 0px 0px 10px 0px;
display: inline;
}

img.alignright {
padding: 0px;
margin: 0px 0px 10px 10px;
display: inline;
}

img.alignleft {
padding: 0px;
margin: 0px 10px 10px 0px;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
/* optional rounded corners for browsers that support it */
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}

Zum Schluss die ganze Geschichte speichern und auf eine Artikel Seite der Wahl wechseln. Einmal den Reload Button klicken und die Artikel Bilder sollten alle Standard mäßig entweder links oder an der entsprechend gewünschten Stelle angeordnet sein.

Der Original Beitrag ist im übrigen auch im Forum von Brian Gardner zu finden.

Ich hoffe das es jemanden von nutzen ist, der sich nicht erst ein paar Haarbüschel
ausrupfen möchte :)