Titel der neuen Seite
Herzlich Wilkommen auf meiner kleinen HP.
Ich habe für euch auf meiner Hp einen kleinen Service gemacht. Es geht hierbei um deine Hp sogesagt den namen der HP ich erstelle euch soeinen wie bei mir nartürlich könnt ihr die Farben und alles andere Selber auswählen !
Ich wünsche euch viel Spaß mit euren HP Namen
Ich habe für euch auf meiner Hp einen kleinen Service gemacht. Es geht hierbei um deine Hp sogesagt den namen der HP ich erstelle euch soeinen wie bei mir nartürlich könnt ihr die Farben und alles andere Selber auswählen !
Ich wünsche euch viel Spaß mit euren HP Namen
Bitte wähle aus zwischen:
Blauwerte
Braunwerte
Gelbwerte
Grauwerte
Grünwerte
Orangewerte
Rotwerte
Violettwerte
Weißwerte
Teile uns nun dein R/G/B code zu! (Klicke dafür auf HP Name Bestellen)
Blauwerte
Braunwerte
Gelbwerte
Grauwerte
Grünwerte
Orangewerte
Rotwerte
Violettwerte
Weißwerte
Teile uns nun dein R/G/B code zu! (Klicke dafür auf HP Name Bestellen)
Weitere Folgen
So, damit es nicht staendig Fragen in den unterschiedlichsten Threads gibt, habt ihr hier zwei Methoden die funktionieren.
Der Moderne
Diese Methode funktioniert auf allen Browsern die Modernes CSS beherrschen also alle ausser die InternetExplorer Familie. Sie funktioniert auch ohne Javascript und ist mein persoenlicher Favorit:
Html:
<style type="text/css"><!-- a[href*="http://scripts.knuddels.de/ww/knuddels.de/"] { background: url('http://i41.tinypic.com/2cn2ut.jpg'); width: 600px; height: 60px; display: block; } font[size='5'] b { display: none; } --></style>
Dieses Script wurde hauptsaechlich von Mein Nick in folgendem Beitrag vorgestellt.
Der Faule
Beim Faulen, braucht man nichts weiter als zu kopieren und die Adresse der Grafik und die Dimensionen einzutragen und schon ist man fertig. Diese Methode funktioniert auf allen Browsern, hat allerdings den Nachteil, dass derjenige der eure Seite betrachtet, JavaScript eingeschalten haben muss. Wir jedoch sind hier in Knuddels und da hat man sein js immer eingeschalten.
Diesen Code kopieren
Html:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript"><!-- $(function(){ var myHeader = 'myHeader'; var header = $('font[size="5"]'); header.contents().filter( function() { var $this = header; if( $this.find('b').hide() || $this.find('a > b').hide() ); return false; } ); uri = header.children('a').attr('href').split('/'); $('a[href*=".de/'+uri[5]+'"]').addClass(myHeader); }); --></script> <!-- endjS // start css --> <style type="text/css"><!-- .myHeader{ background: url('http://i41.tinypic.com/2cn2ut.jpg')bottom left; width:600px; height: 60px; /* ab hier, die Werte nicht veraendern */ display: block; text-indent: -999em; outline: none; } --></style>
Im CSS Abschnitt, aendert ihr die URL, Breite und Hoehe, ganz so wie ihr es braucht.
Ich hab zu Demonstrationszwecken in beiden Beispielen einfach mal meine Grafik drin gelassen, die entfernt ihr und ersetzt sie durch eure. Solltet ihr nichts ersetzen, dann bekommt ihr im Headerbereich dieses Bild:
Conslusion
Sicher ist, die hier als faul bezeichnete Methode, noch ausbaufaehig und wer moechte, kann das gerne noch verbessern –bzw. modifizieren. Denkbar waere, dass man nach dem sechsten URI-Array ausschau haelt und diesen mittels Endattributselektor einbindet. Jedoch muesste man vorher erstmal filtern, was mir hier zu viel Aufwand war.
Hier koennt ihr noch ein Livebeispiel sehen:
Beispielseite auf Unite
Powered by
