linktitle styling per css

    Hallo liebe Wordpressforumsmitglieder!

    Ich möchte gerne die link-titel optisch anpassen. Hier auf dieser Testseite wird mein Problem dargestellt: http://testdemo.bplaced.net/

    Ich habe zwar herausgefunden wie ich das was ich möchte per CSS einstellen kann - aber nun habe ich zwei Linktitle. Einmal den "gestylten" und einmal den Standard.
    Kann mir bitte jemand verraten wie ich es anstelle, dass der Standard-Title verschwindet und nur noch der gestylte angezeigt wird?

    Ich verwende das Theme bluegray ( child) mit dem Plugin responsive-lightbox.

    Ich benötige das dazu - weil viele Farbkarten angezeigt werden sollen, die per mouse-hover die Farbnummer anzeigen sollen.

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    Die Darstellung der Title wird über jQuery geladen. Demnach musst du mal im Plugin in der .js Datei nachschauen

    danke ViableArt, Ok - ich habe unter anderem eine jquery.tosrus.min.all.js gefunden. Leider verstehe ich von jquery nix. Und wenn ich den verantwortlichen Code jemals finden würde - was dann? Wenn dieser entfernt wird dann sind doch beide Link-title weg oder? Kann man das nicht per CSS mit Display None nicht irgendwie einfach ausblenden?

    Es gibt 2 Lösungen dazu. Wenn Du das Element zusätzlich verschachtelst und dort einen Whitespace-Title setzt, wird er nicht angezeigt. Da ich diesbzgl. nicht auf der Höhe bin, ob das noch W3C-valid ist, musst Du das selber recherchieren.

    Die einfachere Alternative ist jQuery:

    Code
    [COLOR=#000000][FONT=Consolas]$[/FONT][/COLOR][COLOR=#000000][FONT=Consolas]([/FONT][/COLOR] 'a["title"]' ).on( 'mouseenter',fun[COLOR=#00008B][FONT=Consolas]ction[/FONT][/COLOR][COLOR=#000000][FONT=Consolas]([/FONT][/COLOR][COLOR=#000000][FONT=Consolas]e[/FONT][/COLOR][COLOR=#000000][FONT=Consolas]) {
[/FONT][/COLOR][COLOR=#000000]    e[/COLOR][COLOR=#000000].[/COLOR][COLOR=#000000]preventDefault[/COLOR][COLOR=#000000]();
[/COLOR][COLOR=#000000][FONT=Consolas]} );[/FONT][/COLOR]

    Bitte beachte, dass das alle title-Attribute betrifft - den passenden Selektor (bspw. eine Klasse) musst Du dann noch ergänzen.

    PS: Ein adäquates Tooltip-Plugin für jQuery erledigt das automatisch. :)

    Danke Für Deine Hilfe. Leider verstehe ich es nicht, das ist mir einfach zu schwierig - eiß nicht wo das hineingehört und was es damit zu tun hat dass die Standardvariante nicht mehr angezeigt wird.
    Habe auch verschiedene tooltip Plugins angeschaut - aber das funktioniert nicht. Damit kann man einem einzelnen Element im Editor so ein tooltip geben - aber ich habe ja die einzelnen Bilder in der Galerie und davon dann 200Stück.

    Ich habe ca. 15Galerien, mit jeweils ca. 35 Bildchen ( Farb-Materialmuster-tafeln ) Beim mousehover soll die Farbnummer erscheinen. Könnte das vielleicht auch anders gelöst werden? Wäre für jeden Tipp dankbar

    Vielen Dank für Deine Hilfe ViableArt!
    Ich habe das im Header eingebunden - aber es verändert sich nichts ( weil schlichtweg zu dämlich bin und es sicher falsch gemacht habe )

    Zitat

    Datei auch erst nach der jQuery Datei

    welche Datei? Ich bin damit überfordert bräuchte aber diese Funktion.

    füge die datei einfach im footer unten vor dem Body Close ein:

    HTML
    <script type="text/javascript" scr="DEIN_PFAD_ZUR_DATEI/titlenone.js"></script>

    Ich danke Dir für Deine Geduld, das ist seeehr nett von Dir. Ich habe es im Footer vor dem schließenden bodytag eingefügt - der Pfad ist auch richtig. Aber es ändert sich nichts.

    Werde mal schauen ob ich im laufe des Tages mal das Plugin Lokal mir einspielen kann und dann schauen kann ob ich dir weiter helfen kann

    Ich habe die Lösung gefunden:

    In der zusständigen PHP Datei im Plugin

    PHP
    if ( $title ) {
 
                                                               $link = str_replace( '<a href', '<a title="'. $title .'" href', $link );
 
                                               }

    geändert auf:

    PHP
    if ( $title ) {


                                                               $link = str_replace( '<a href', '<a tooltip="'. $title .'" href', $link );


}

    Tjoo... leider habe ich mich zu früh gefreut. Nun hab ich zwar was ich wollte, es wird nur mehr die gestylte Variante des linktitles angezeigt - aber beim Anklicken eines Thumbnails, also wenn man weiter zur Lightbox kommt, wird natürlich auch der Titel nicht mehr angezeigt. Den bräuchte ich aber, ich muss den Titel auch in der Bildgroßansicht dabei haben. Kann mir bitte bitte noch mal jemand helfen?

    Da ich hier leider immer noch nicht weiter gekommen bin und die Funktion mit dem Plugin responsive Lightbox so wahrscheinlich nicht hin bekomme - wollte ich fragen, ob mir jemand ein anderes Plugin nennen kann mit dem ich das lösen könnte. Ich benötige: viele einzelne Galerien mit jeweils zahlreichen Farbmusterbildchen (kleine Thumbnails, 11stk in einer Reihe ). Beim mouse-hover sollte der Imagetitle ( tooltip?) eingeblendet werden ( der Title sollte auch in der Lightbox beim Bild angezeigt werden ) Ich habe schon 15 verschiedene Galerie-plugins ausprobiert - aber mit keinem lässt sich das machen. Ich möchte die WP-Standard-Galerie nutzen und responsive soll es auch sein.

    Es sollte eigentlich genau so sein wie hier:http://testdemo.bplaced.net/ nur soll eben in der Lightbox auch der title angezeigt werden

    Einmal editiert, zuletzt von mr_krabs (22. September 2015 um 10:48)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden