online/offline und neue Beiträge

[Nukleos]

hab mir für den Darkfish den online Status der User in grün/grau geändert, was

soweit ja auch funzt. Nun wollte ich das gleiche für die neuen Beiträge in der Forumsübersicht haben.


Soweit sogut

nun kann man da ja durch doppelklick die einzelnen Foren als gelesen markieren, allerdings erscheint dann da wieder die alte Grafik(roter Punkt).

Wenns dafür ne Lösung gibt wäre ich demjenigen zutiefst dankbar denn das übersteigt meine try & error Kenntnisse dann doch etwas


der bisherige Code ist ja nur die einzelnen Grafiken ersetzen:

img[src="ngb_images_darkfish/statusicon/forum_old-48.png"] {
        height: 0 !important;
        padding-left: 16px !important;
        padding-top: 20px !important;
        background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAG9QTFRFAAAA////AAAAMzMzKioqKioqMDAwMTExREREREREPz8/QEBAQkJCSkpKeXl5aWlpZGRkd3d3gICAg4ODY2NjZ2dnaGhocXFxcnJyc3NzdnZ2d3d3eHh4e3t7fHx8fX19gICAgYGBhISEhYWFhoaGn2O7RgAAABR0Uk5TAAAEJm1ul5fa3ODt7fv7/f7+/v5C1R45AAAAeklEQVQY04WP2w6CMBBEl12kFFoBrRYcRLn8/zf6sMRUY+K8zclkZ5ayL9EPQCxF6a0RJgV8qK7HLgaXswKpm/NyAlonCorLss4TgGAU2Ps2PwAgWgX+9pxGAOj9nhhGIE2YoP59Q1wLIGnh3IXYJzuIxdh06f/nPvUC39AIrZDTwDkAAAAASUVORK5CYII=")top left no-repeat !important;
    }

img[src="ngb_images_darkfish/statusicon/forum_old-16.png"] {
        height: 0 !important;
        padding-left: 16px !important;
        padding-top: 20px !important;
        background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAG9QTFRFAAAA////AAAAMzMzKioqKioqMDAwMTExREREREREPz8/QEBAQkJCSkpKeXl5aWlpZGRkd3d3gICAg4ODY2NjZ2dnaGhocXFxcnJyc3NzdnZ2d3d3eHh4e3t7fHx8fX19gICAgYGBhISEhYWFhoaGn2O7RgAAABR0Uk5TAAAEJm1ul5fa3ODt7fv7/f7+/v5C1R45AAAAeklEQVQY04WP2w6CMBBEl12kFFoBrRYcRLn8/zf6sMRUY+K8zclkZ5ayL9EPQCxF6a0RJgV8qK7HLgaXswKpm/NyAlonCorLss4TgGAU2Ps2PwAgWgX+9pxGAOj9nhhGIE2YoP59Q1wLIGnh3IXYJzuIxdh06f/nPvUC39AIrZDTwDkAAAAASUVORK5CYII=")no-repeat !important;
    }

img[src="ngb_images_darkfish/statusicon/subforum_old-48.png"] {
        height: 0 !important;
        padding-left: 16px !important;
        padding-top: 12px !important;
        background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAG9QTFRFAAAA////AAAAMzMzKioqKioqMDAwMTExREREREREPz8/QEBAQkJCSkpKeXl5aWlpZGRkd3d3gICAg4ODY2NjZ2dnaGhocXFxcnJyc3NzdnZ2d3d3eHh4e3t7fHx8fX19gICAgYGBhISEhYWFhoaGn2O7RgAAABR0Uk5TAAAEJm1ul5fa3ODt7fv7/f7+/v5C1R45AAAAeklEQVQY04WP2w6CMBBEl12kFFoBrRYcRLn8/zf6sMRUY+K8zclkZ5ayL9EPQCxF6a0RJgV8qK7HLgaXswKpm/NyAlonCorLss4TgGAU2Ps2PwAgWgX+9pxGAOj9nhhGIE2YoP59Q1wLIGnh3IXYJzuIxdh06f/nPvUC39AIrZDTwDkAAAAASUVORK5CYII=")top left no-repeat !important;
    }

img[src="ngb_images_darkfish/statusicon/forum_new-48.png"] {
        height: 0 !important;
        padding-left: 16px !important;
        padding-top: 20px !important;
        background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHVQTFRFAAAA////AAAAHFAAGEEAGEIAG0wAG00AHE4AKG4AJ28AJGUAJWkAJmoAK3oAQtMAOLQAPKgAQc8AQ+oARuAANbAANrIAO6UAPtkAP80AQsQAQuYAQ+wARMAARO4ARPAARcAARdAARuAAR9YASNgAScwASc4AC+in/gAAABV0Uk5TAAAEJm1ul5eX2tzg7e37+/3+/v7+Pn/KvwAAAHpJREFUGNOFj1EPgjAMhEuLOIabguJUGKJ4/v+fyEMNGcbEe7svl96Vsi/RD0AsRemtESYFvKnO+yYGl7MC2R2O/QmonSjYtv3QTQCCUWAv9+4FANEq8Nfn9AaA0X8StweQJkxQv9wQVwNIWjh3IY7JDmIxNl36/7m1Zq01Cj/NZWu+AAAAAElFTkSuQmCC")top left no-repeat !important;
    }

img[src="ngb_images_darkfish/statusicon/forum_new-16.png"] {
        height: 0 !important;
        padding-left: 16px !important;
        padding-top: 20px !important;
        background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHVQTFRFAAAA////AAAAHFAAGEEAGEIAG0wAG00AHE4AKG4AJ28AJGUAJWkAJmoAK3oAQtMAOLQAPKgAQc8AQ+oARuAANbAANrIAO6UAPtkAP80AQsQAQuYAQ+wARMAARO4ARPAARcAARdAARuAAR9YASNgAScwASc4AC+in/gAAABV0Uk5TAAAEJm1ul5eX2tzg7e37+/3+/v7+Pn/KvwAAAHpJREFUGNOFj1EPgjAMhEuLOIabguJUGKJ4/v+fyEMNGcbEe7svl96Vsi/RD0AsRemtESYFvKnO+yYGl7MC2R2O/QmonSjYtv3QTQCCUWAv9+4FANEq8Nfn9AaA0X8StweQJkxQv9wQVwNIWjh3IY7JDmIxNl36/7m1Zq01Cj/NZWu+AAAAAElFTkSuQmCC")top left no-repeat !important;
    }

img[src="ngb_images_darkfish/statusicon/subforum_new-48.png"] {
        height: 0 !important;
        padding-left: 16px !important;
        padding-top: 12px !important;
        background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHVQTFRFAAAA////AAAAHFAAGEEAGEIAG0wAG00AHE4AKG4AJ28AJGUAJWkAJmoAK3oAQtMAOLQAPKgAQc8AQ+oARuAANbAANrIAO6UAPtkAP80AQsQAQuYAQ+wARMAARO4ARPAARcAARdAARuAAR9YASNgAScwASc4AC+in/gAAABV0Uk5TAAAEJm1ul5eX2tzg7e37+/3+/v7+Pn/KvwAAAHpJREFUGNOFj1EPgjAMhEuLOIabguJUGKJ4/v+fyEMNGcbEe7svl96Vsi/RD0AsRemtESYFvKnO+yYGl7MC2R2O/QmonSjYtv3QTQCCUWAv9+4FANEq8Nfn9AaA0X8StweQJkxQv9wQVwNIWjh3IY7JDmIxNl36/7m1Zq01Cj/NZWu+AAAAAElFTkSuQmCC")top left no-repeat !important;
    }

img[src="ngb_images_darkfish/statusicon/user-offline.png"] {
        height: 0 !important;
        padding-left: 16px !important;
        padding-top: 20px !important;
        background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAG9QTFRFAAAA////AAAAMzMzKioqKioqMDAwMTExREREREREPz8/QEBAQkJCSkpKeXl5aWlpZGRkd3d3gICAg4ODY2NjZ2dnaGhocXFxcnJyc3NzdnZ2d3d3eHh4e3t7fHx8fX19gICAgYGBhISEhYWFhoaGn2O7RgAAABR0Uk5TAAAEJm1ul5fa3ODt7fv7/f7+/v5C1R45AAAAeklEQVQY04WP2w6CMBBEl12kFFoBrRYcRLn8/zf6sMRUY+K8zclkZ5ayL9EPQCxF6a0RJgV8qK7HLgaXswKpm/NyAlonCorLss4TgGAU2Ps2PwAgWgX+9pxGAOj9nhhGIE2YoP59Q1wLIGnh3IXYJzuIxdh06f/nPvUC39AIrZDTwDkAAAAASUVORK5CYII=")top left no-repeat !important;
    }

img[src="ngb_images_darkfish/statusicon/user-online.png"] {
        height: 0 !important;
        padding-left: 16px !important;
        padding-top: 20px !important;
        background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHVQTFRFAAAA////AAAAHFAAGEEAGEIAG0wAG00AHE4AKG4AJ28AJGUAJWkAJmoAK3oAQtMAOLQAPKgAQc8AQ+oARuAANbAANrIAO6UAPtkAP80AQsQAQuYAQ+wARMAARO4ARPAARcAARdAARuAAR9YASNgAScwASc4AC+in/gAAABV0Uk5TAAAEJm1ul5eX2tzg7e37+/3+/v7+Pn/KvwAAAHpJREFUGNOFj1EPgjAMhEuLOIabguJUGKJ4/v+fyEMNGcbEe7svl96Vsi/RD0AsRemtESYFvKnO+yYGl7MC2R2O/QmonSjYtv3QTQCCUWAv9+4FANEq8Nfn9AaA0X8StweQJkxQv9wQVwNIWjh3IY7JDmIxNl36/7m1Zq01Cj/NZWu+AAAAAElFTkSuQmCC")top left no-repeat !important;
    }

 

[Kugelfisch]

nun kann man da ja durch doppelklick die einzelnen Foren als gelesen markieren, allerdings erscheint dann da wieder die alte Grafik(roter Punkt).

Der Grund dafür ist, dass das src-Attribut in diesem Fall zu

src="http://ngb.to/ngb_images_darkfish/statusicon/forum_old-48.png"

statt

src="ngb_images_darkfish/statusicon/forum_old-48.png"

geändert wird. Als Abhilfe könntest du Selektoren wie

img[src$="ngb_images_darkfish/statusicon/forum_old-48.png"]

nutzen, um zu überprüfen, ob das Attribut auf `ngb_images_darkfish/statusicon/forum_old-48.png` endet - das ist, anders als die Gleichheit, in beiden Fällen gegeben,

 

[Nukleos]

wow, prompte perfekt Lösung, tausend Dank!

Ist wohl ein gutes Beispiel dass man sich doch etwas mehr mit der Materie beschäftigen sollte.

Nochmal merci für die "Lektion"