Plugin Star Rating

Hi Community,

ich bin neu hier und hoffe, dass ich im richtigen Thread gelandet bin. Wenn nicht, bitte ich um Verzeihung. :)

Es geht um folgendes:

Ich habe das Star Movie Rating (diese hier) aufgespielt und es funktioniert auch wunderbar. Leider zeigt sich um die Sterne ein hässlicher Rahmen.

Kann mir einer sagen, was ich in der CSS oder PHP ändern muss, damit dieser verschwindet?

Danke im voraus. :)

Zitat von Victor Lazarro

a das ganze ein Bild (img) ist musst du in der css den Verweis suchen wo dieses geladen wird und wenn dort "border" steht löschen oder aber dein content img hat ein border zugewiesen bekommen, dann nächste frage ...

V.

PS: mit nem Link zur Seite macht es sich besser ...

Hier mal der Link: INTERMOVIESSION - Film, Movie & Cinéma » Review: Disturbia (2007)

Ich zitier mal die CSS:

Zitat

#sr-table {
width: 100%;
border-collapse: collapse;
border: 1px solid #ddd; }

/* thead and tfoot */

#sr-table thead tr, #sr-table tfoot tr {
background: #ddd url('images/bg.png') repeat-x;
border-top: 1px solid #ddd;
border-bottom: 1px solid #aaa }

#sr-table td, #sr-table th {
padding: 2px 10px;
border-left: 1px solid #eee; }

#sr-table td.date, #sr-table th.date, #sr-table tfoot td {
border-left: 0px none; }

#sr-table th {
font-size: 1.1em; }

#sr-table tfoot {
font-size: 0.9em; }

#sr-table tfoot .sr-tips{
float: left;
padding: 0 3px; }

#sr-table tfoot .sr-plugin {
float: right;
padding: 0 3px; }

/* tbody */

#sr-table tr.odd {
background: #f1f5fa; }

#sr-table tbody tr:hover {
background: #def; }

#sr-table .hidden { display: none; }

/* the following classes are applied by tablesorter.js */

#sr-table thead .header {
background-image: url('images/sort.gif');
background-repeat: no-repeat;
background-position: right center;
cursor: pointer }

#sr-table thead .headerSortUp {
background-image: url('images/asc.gif'); }

#sr-table thead .headerSortDown {
background-image: url('images/desc.gif'); }

#sr-table thead .headerSortUp, #sr-table thead .headerSortDown {
background-color: #ddd; }

/* css for sidebar functions */

.sr-review { /* post title */
float: left; }

.sr-rating { /* star images */
float: right; }

.sr-clear { /* clear the floats */
clear: both; }

Alles anzeigen

Zitat von Victor Lazarro

und nun nimm mal in der vierten Zeile:

HTML

border: 1px solid #ddd;

raus, aber die Klammer am Schluss muss bleiben !!

und dann teste

V.

Nein, hat leider nichts gebracht. :cry:

Zitat von infected

Meiner Meinung nach ist das Problem eher in der CSS Datei des Themes zu suchen. Jedem img wird ein

Code

border: 1px solid #dfdfdf;

mitgegeben. Suche die Stelle mal in der CSS Datei und kommentiere diese mal aus. Dann sollten auch die Kästchen um die Sterne verschwinden. Jedoch werden dann auch die Rahmen und die Bilder in deinen Beiträgen verschwinden...

Btw. hatte Victor das in #2 auch schonmal vermutet...

Das muss doch auch gehen, ohne dass die Bilder dann verschwinden?

Zitat von infected

Natürlich! Sorry, ich hatte mich da verschrieben. Die Bilder bleiben natürlich erhalten ;-) Nur der Rahmen um die Bilder verschwindet. :mrgreen:

Endlich. :)

Danke, Danke. Vielen Dank, Leute. ;)

Zitat von Kaiser_Soze

Endlich. :)

Danke, Danke. Vielen Dank, Leute. ;)

Die Freude war wohl zu groß.

Ich dachte, dass nur die Rahmen für das Plugin verschwinden. Aber wie ich enttäuscht feststellen muss, sind alle IMG´s jetzt rahmenlos.

Da muss doch auch so funktionieren, dass der Rahmen nur um die Sterne verschwindet?

Zitat von funkygog

Stimmt! Vielleicht bietet das Plug-In eine eigene css-Datei an. Dort könntest Du dann Änderungen vornehmen.

Siehe hier: http://forum.wordpress-deutschland.org/145307-post3.html

Zitat von funkygog

Das hatte ich (inzwischen) übersehen!

Wenn hier kein Profi vorbeischaut, würde ich beim Plug-In Autor nachfragen.
Zumeist hat jemand vor Dir schon das Problem gehabt.

Was hälst Du den von meinem Gedanken * * * ?

Ist optisch kein Hingucker. Ebenso wenig wie die Rahmen.

Zitat von infected

Ich hatte doch gesagt, dass der Rahmen um die ganzen Bilder dann auch verschwindet... Naja, bin auch kein Profi, aber versuch mal folgendes:

In der CSS Datei des Plugins schreibst du unter

Code

#sr-table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ddd; }

mal

Code

#sr-table img{
border: none;
}

Datei speichern und wieder hochladen. Ich weiss nicht, ob das funktioniert, aber nen Versuch ist´s wert ;-)

Nein, leider auch nicht.

Das gibts doch nicht, ey. :???:

Zitat von Tamlin

So, wie das für mich aussieht (wurde aber schon erwähnt), greifen die Sterne auf den ganz normalen img-tag aus der Entryclass zu, der ist 1px #dfdfdf.

Wenn du den Eintrag aus der Entryclass rausnimmst, verschwindet eben auch die Border um die Bilder.

Oder du musst im Plugin den Code für die darstellung der Sterne suchen und sicherstellen, dass dieser auch auf die CSS-Klassen des Plugins zugreift.

Man sieht es auch im Quelltext:

HTML

<img src="http://intermoviession.de/wp-content/plugins/star-rating-for-reviews/images/star.png" alt="★">

Die Klasse sr-table wird gar nicht aufgerufen.

Sorry, hab kein Wort verstanden. :oops: