Favicon der verlinkten Webseite vor Link anzeigen? Aber nur auf 1 Seite -nich überall

Dieses Thema im Forum "Webentwicklung" wurde erstellt von PsP.Hc11, 18. November 2009 .

  1. 18. November 2009
    Hallo,

    ich verwende WORDPRESS 2.8 als Blogsoftware und wollte Fragen, ob es irgendwie möglich ist, im Blogroll (nur im Blogroll - nicht in den Artikeln oder anderen seiten!) vor den Links die jeweiligen Favicons anzuzeigen.

    Wie hier leider weiß ich nicht, wie ich dieses Script wo einbauen soll, damit es nur auf der einen Seite (Blogroll) funktioniert.. ?

    Kann jemand helfen?

    Währe sehr Dankbar! Derjenige, der mir den "richtigen" Lösungsweg nennt (damit es funktioniert) bekommt natürlich eine TOP bw


    lg
     
  2. 18. November 2009
    AW: Favicon der verlinkten Webseite vor Link anzeigen? Aber nur auf 1 Seite -nich überall

    <a href="url"><img src="{URL_BASE}/favicon.ico" /> blabla</a>
    {URL_BASE} = ~http://(www\.)?([^/]+)~

    oder so
     
  3. 18. November 2009
    AW: Favicon der verlinkten Webseite vor Link anzeigen? Aber nur auf 1 Seite -nich überall

    Wow, super Motivation - 3 Renno! piu piu

    Nunja, der JS Code ist ja nicht lang ...
    Code:
    $("#css-before a")...
    Mit #css-before wird ein Feld angesprochen, dessen id="css-before" ist, also betrifft das nur alle Links in diesem Feld.

    Jetzt legst du ein <div id="css-before"> um deinen Blogroll et voila
     
  4. 19. November 2009
    AW: Favicon der verlinkten Webseite vor Link anzeigen? Aber nur auf 1 Seite -nich überall

    hm okay danke wohn soll aber der JS Code? der blogroll sieht dann so aus:

    PHP:
      < div id = "css-before" IHALT DES BLOGROLLS  </ div >
    und ähh.. der kompeltte JS Script sieht - glaube ich - so aus:
    PHP:

    jQuery . fn . favicon  = function ( titletxt , place , tag , errorgif ) {
      var 
    opstyle  "" ;   // helper for Opera
      
    if ($. browser . opera ) {
        var 
    opstyle  "vertical-align:middle;" ;
      }
      return 
    this . each (function() {
        var 
    hoststring  = /^ http :/;
        var 
    hrefvalue  this . getAttribute ( "href" );
        if (
    hrefvalue  &&  hrefvalue . search ( hoststring ) != - 1 ) {
          var 
    domain  this . hostname ;
          var 
    host  document . location . hostname
          
    if ( domain  !=  host ) {
            var 
    cuesrc  "http://" + domain + "/favicon.ico" ;
            if (
    tag  ==  "img" ) {
              var 
    cue  "<img style='padding:0 3px;vertical-align:text-bottom;width:16px;height:16px;" + opstyle + "'src=\"" + cuesrc + "\" alt=\"\" />" ;
              var 
    spantag  = "<span title='" + titletxt + " " + hrefvalue + "' style='white-space :nowrap;'><\/span>" ;
              if (
    place  !=  "after" ) {
                
    jQuery ( this ). wrap ( spantag ). before ( cue );
              } else {
                
    jQuery ( this ). wrap ( spantag ). after ( cue );
              }
            } else {
              var 
    dir  place  ==  "after"  'right'  'left' ;
                if($.
    browser . msie ) {
                  
    jQuery ( this ). wrap ( "<span title='" + titletxt + " " + hrefvalue + "' style='background: url(http://" + host + "/" + errorgif + ") no-repeat " + dir + " 3px;white-space:nowrap;'><\/span>" );
                  var 
    spantag  "<span style='background:url(" + cuesrc + ") no-repeat " + dir + " center;display:inline-block;height:16px;padding:0 1px;width:16px;'><\/span>" ;
                  if (
    dir  ==  "left" ) {
                  
    jQuery ( this ). before ( spantag );
                  } else {
                  
    jQuery ( this ). after ( spantag );
                  }
                } else {
                var 
    css  = {  background "url(" + cuesrc + ") no-repeat " + dir + " center"  };
                
    css [ "padding-" + dir ] =  '19px' ;
                
    jQuery ( this ). wrap ( "<span title='" + titletxt + " " + hrefvalue + "' style='background: url(http://" + host + "/" + errorgif + ") no-repeat " + dir + " center;white-space:nowrap;'><\/span>" )
                .
    css ( css );
              }
            }
          }
        }
      });
    };
    dieser ist *hier* zu finden und dann gibt's eben noch diese code-zeile..
    PHP:
    $( "#img-before a" ). favicon ( "externer Link:" , "" , "img" , "favicon.gif" );
    WO soll nun was hinnn?!

    lg und danke im voraus
     
  5. 19. November 2009
    AW: Favicon der verlinkten Webseite vor Link anzeigen? Aber nur auf 1 Seite -nich überall

    Den langen Code kannst du, denke ich ganz unten bei deiner jquery.js einfügen.

    Den anderen Code ($("#img-before ...) in einer andere *.js Datei packen und in deinem Haupttemplate laden.
     
  6. 19. November 2009
    AW: Favicon der verlinkten Webseite vor Link anzeigen? Aber nur auf 1 Seite -nich überall

    vielen dank! meinst du die jquery.js in folgendem verzeichnis: /html_*****/blog/wp-includes/js/jquery ? Denn in meinem Theme finde ich keine Datei mit diesem namen..

    und wie binde ich denn eine *.js-Datei in mein theme (header.php??) ein?

    lg

    ps. bw haste schonma
     
  7. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.