Nicetitle

Javascript, das den Titel eines Links, den Accesskey und die jeweilige URL anzeigt.

Nicetitle, ein Javascript, das den Titel eines Links, den accesskey und die jeweilige URL anzeigt.
[toter link electrolund.com] Rob , fragte mich in einem Kommentar, ob er das “Plugin” haben kann, dass für den *hübschen Effekt* bei den Links hier auf webdesign-in.de sorgt.

Nicetitle Efffekt, Linkbeschreibungen mit URl und accesskey Angabe

Zu sehen ist dieser Effekt, wenn Sie mit der Maus über einen Link fahren oder den Link mit der Tabulatortaste ansteuern.

Nicetitle zeigt sowohl den Linkbeschreibungstext wie den accesskey und die URL des Links an.

Diesen Effekt erzeugt ein JavaScript.

Hat jemand jedoch JavaScript nicht aktiviert so ist das lesbar was in dem (X)HTML title tag steht.

Ich habe dieses Script nicht geschrieben, dennoch kann ich es hier zum Download anbieten, denn es ist unter der MIT licence veröffentlicht und hat bereits eine “Weltreise” hinter sich.

Download:Nicetitle

Einbau des Nicetitle JavaScripts:

  • Herunterladen also auf Download klicken.
  • Entpacken.
  • In der nicetitle.css finden Sie alle Angaben, die für die Hintergrundfarbe, Linkfarbe usw. zuständig sind.
  • Laden Sie sowohl die nicetitle.js wie die nicetitle.css Datei in den Ordner wo Sie das Script verwenden wollen.
  • Schreiben Sie zwischen «head» und «/head» folgendes hinein:
<script type="text/javascript" src="http://www.yourdomain.tld/script/nicetitle.js"></script>
<link rel="stylesheet" media="handheld" type="text/css" href="http://yourdomain.com/nicetitle.css" />

Rob ist Amerikaner daher die Beschreibung auch auf English:

Nicetitle is a javascript and it is released under the MIT licence, so I can share this script although I’m not the coder.

Description:

  • Download the script.
  • Unzip it.
  • Upload both files.
  • “Link” to the script between «head» und «/head»
<script type="text/javascript" src="http://www.yourdomain.tld/script/nicetitle.js"></script>
<link rel="stylesheet" media="handheld" type="text/css" href="http://yourdomain.com/nicetitle.css" />
mts


Basis Know-how CSS
InternetmarketingInternetmarketing Buchempfehlung

Top

7Kommentare zu : Nicetitle

7 Kommentare
  1. 1

    Hallo,
    danke für dein Feedback…weiß immer noch nicht in welchen bzw in welche Datei ich das Script einbinden muss.

    Grüsse

    Andreas

  2. Autor mts von WebDesign-in.de mts
    2

    Hi Andreas

    die Angaben <head> und </head>

    findest Du in der header.php.

    oben steht was Du da dazwischen eintragen musst.

    lg

  3. 3

    Hallo.
    habe das script nun in die header php eingefügt und es funktioniert fast…leider ist der Linkeffekt total verschoben und nur am Seitenende zu sehen. Könntest du evt. mal die header.php mit nicetitel vom wp default Temlate posten?

    Thanks

    Andreas

  4. Autor mts von WebDesign-in.de mts
    4

    Andreas
    sorry ich habe dieses Theme nicht – ich nutze es nicht und lösche es immer.
    doch wenn Du mir den Link -von mir aus per email schickst- sehe ich mir dies an und dann kann ich gezielter helfen.

    lg

  5. 5

    habs denne doch noch hinne bekommen, habe die nicetitel css in die Template css gepackt…und Mann oder Frau staune, es funzt(warum auch immer!?).

    Jetzt möchte ich bloß noch die Link Url in nice Titel raus haben.

    so… schon spät.

    Gut Nächtle

    Andreas

  6. Autor mts von WebDesign-in.de mts
    6

    Hi Andreas
    da führen ganz viele Wege nach Rom..

    einer geht so:
    öffne die style css und suche nach
    div.nicetitle p.destination

    zwischen den geschwungengen Klammern schreibe dazu:

    position:absolute;  left:-2999px;  width:9px;

    Damit bringst Du die Anzeige der URL aus dem Gesichtsfeld.

    Vorteil: Du musst nichts in der js Datei machen, kannst die Anzeige der URLs jederzeit wieder aktivieren.
    Es geht in Sekundenschnelle.

    zu Deiner Lösung wie oben beschrieben:
    ich nehme an, dass Du die nicetitle.css nicht korrekt verlinkt hattest,
    freu mich, dass “Du” die Lösung fandst.
    ;)

    lg

  7. 7

    Bei mir kommt immer folgender Fehler:

    nicetitle has no properties
    showNiceTitle(mouseover clientX=0, clientY=0)nicetitle.js (line 96)
    [Break on this error] } else { h = nicetitle.length; }

Deine Meinung
... zum Thema
Name und E-mail sind nötig


WebDesign Angebot

mein Angebot

Ich biete benutzerfreundliches, barrierefreies WebDesign und InternetMarketing, denn was nützt die schönste Homepage, wenn sie keiner findet. Schalk und Support ist inclusive.
Kontakten Sie mich einfach » E-Mail

InternetMarketing Angebot

Mieten Sie meine Kreativität

Ich habe jede Menge Idee und Können, wie man auch ihren Shop, ihre Homepage und ihr Business im Internet bekannt macht.
Kontakten Sie mich einfach » E-Mail

WebDesign Preise

Preise by mts

Professionelles WebDesign ist eine Investition. Billig und günstig sind andere ..ich bin gut und bezahlbar.
Kontakten Sie mich einfach » E-Mail


Achtung: Sie haben JavaScripts und/oder CSS deaktiviert. Sie können diese Inhalte nutzen, einiges an Funktionen steht jedoch nicht zur Verfügung.

Zu den Inhalten springen

« zurück

vor »

  • WebDesign Icon

    WebDesign

    WebDesign ist mehr als Grafik- und Printdesign. WebDesign und Website Marketing sind Geschwister. Rund um WebDesign.
  • WebDesign Tutorials Icon

    WebDesign Tutorial

    Kein WebDesigner fällt vom Himmel. Mal ein Online Shop, mal Community, mal Web 2.0 social Media oder Wiki. Erfahrungen uvm.
  • CSS Icon

    CSS

    Ich habe zig CSS Beispiele, Erkenntnisse irgendwo auf der Festplatte meines PCs und Gehirns. Ich gebe diese gern weiter :-).
  • InternetMarkering Icon

    InternetMarketing

    Wie verkauft man im WWW unter Ausnutzung der SUMAs, der Social Media Dienste. Internet Marketing Praxis uvm..
    und Website Promotion
  • SEO Icon

    SEO

    SEO ist weder Geheimwissen noch 0815 Tätigkeit, - schlicht notwendig für den Erfolg im WWW. Meine Erfahrung mit SEO.
  • Internet Recht Icon

    Internet Recht

    Was tun bei Abmahnungen. Rechtsfallen sind u.a. free Download, Fotos, Marken, Forum, Kommentare. Wo gibt es Hilfe.
  • Schokolade Icon

    ..und außerdem ...

    mein Blog | mein Netzwerk | barrierefreies WebDesign | Usability im WebDesign | Net-Lexikon | WordPress Themes

©  2004 - 2010Professional Webdesign barrierefrei auf WebDesign-in.de, ImpressumImpressum Lizenz||Top