Folgendes:

Delicious hat eine Funktion, die automatisiert einen täglichen Blogpost erzeugt, welcher alle seit dem letzten Post gespeicherten Links enthält.

Das sieht dann so aus:

1. <ul class="delicious">
2. <li>
3. <div class="delicious-link"><a href="#">Hier steht ein Link.</a></div>
4. <div class="delicious-tags">(tags: <a href="#">Tag 1</a>)</div>
5. </li>
6. </ul>

Quelltext in Zwischenablage kopieren

Ich möchte nun, gerne das „(tags: “ und die schließende Klammer am Ende der Tags entfernt haben.

Wie mache ich das? Einfach auf Hintergrundfarbe setzen ist keine Option.

1. .delicious-tags {
2. text-indent:-9999px;
3. }
4. .delicious-tags a {
5. display:block;
6. text-indent:0px;
7. }

Quelltext in Zwischenablage kopieren

sowas vielleicht?

Hm, nein, da kommt dann sowas bei raus.

hmm, müsste man mal den restlichen code sehen, sollte aber so funken ...

edith: oder in das plugin reinhacken

Kaihawaii schrieb am 10.05.11, 12:23 Uhr:

hmm, müsste man mal den restlichen code sehen, sollte aber so funken ...

edith: oder in das plugin reinhacken

Es ist kein Plugin, sonst wäre es ja einfach.

1. .delicious li {
2. padding: 5px 10px;
3. border-bottom: 2px solid #fff;
4. background-color: #f9f9f9;
5. }
6.  
7. .delicious li:hover {
8. background-color: #fff;
9. }
10.  
11. .delicious li:first-child {
12. border-top-left-radius: 3px;
13. border-top-right-radius: 3px;
14. }
15.  
16. .delicious li:last-child {
17. border-bottom-left-radius: 3px;
18. border-bottom-right-radius: 3px;
19. border: none;
20. }
21.  
22. .delicious-link a {
23. border: none !important;
24. }
25.  
26. .delicious-link a:hover {
27. text-decoration: underline;
28. }
29.  
30. .delicious-tags {
31. font-size: 10px!important;
32. text-transform: capitalize!important;
33. color:#fff;
34. margin: 5px 0 2px -31px;
35. }
36.  
37. .delicious-tags a {
38. padding: 1px 3px 1px 3px;
39. color: #00c0df!important;
40. border: 1px solid #00c0df !important;
41. border-radius: 3px;
42. margin-right: 3px;
43.  
44. }
45.  
46. .delicious-tags a:hover {
47. color: #fff!important;
48. background-color:#00c0df!important;
49. border: 1px solid #00c0df !important;
50. }

Quelltext in Zwischenablage kopieren

Oder per JS den Inhalt der delicious-links-divs auslesen (getElementsByClassName) und nur den Link ausgeben lassen - kein Code-Bsp, müsste selbst erst anlesen und austesten, nur ein möglicher Fingerzeig :-p

e: Im Grunde wohl das, was honsey meinte.

Ah, keine schlechte Idee. Schau ich mir mal an.

Du müsstest das so machen... in etwa

1. $content = ' <ul class="delicious">
2. <li>
3. <div class="delicious-link"><a href="#">Hier steht ein Link.</a></div>
4. <div class="delicious-tags">(tags: <a href="#">Tag 1</a>)</div>
5. </li>
6. </ul>';

Quelltext in Zwischenablage kopieren

Also dein Inhalt in eine Variable. Anschließend ersetzt du es so:

1. $content = str_replace("\(tags:","",$content);
2. $content = str_replace("\)</div>","</div>",$content);

Quelltext in Zwischenablage kopieren

Hm, ja, klingt erstmal logisch. Vielleicht kann ich irgendwie den kompletten Beitrag in eine Variable packen und dann den String rausfiltern. Mal schauen.

marx schrieb am 10.05.11, 12:20 Uhr:

Hm, nein, da kommt dann sowas bei raus.

scheint doch aber schon korrekt zu sein, nur noch ein wenig formatieren

Hm, mal gucken.

Ich kann den Tags ja z.B. keine feste Breite geben. Da oben werden sie aber plötzlich auf eine bestimmte Breite gezogen.

E: HA! Geil, doch, hat geklappt. Danke.

float: left hatte schon gereicht.