Eyeonu Webdesign

Joomla und Magento Webdesign Berlin Nico Jacobs eyeonu
  +49 (0)30 43725769
  +49 (0)173 844 2178
  This e-mail address is being protected from spambots. You need JavaScript enabled to view it.

Code und Syntax highlighting in blogger oder tumbler

Oh, ich sehe grad ich hab ja noch n alten Blogger Account, mal gucken ob ich den nicht dafür verwenden kann meine Snippet Sammlung anzulegen.

Eigentlich wollte ich das ja mit Joomla und ner CCK Komponente machen, aber ich werde der einfach heit halber mal hier starten.

Da ich in diesem Blog also Code Snippets zusammentragen werde, ist das Code highlighting ziemlich essentiell.

Ich bin nach einiger Suche auf Snippet gestoßen, Snippet is a jQuery syntax highlighting Plugin, dass sich relativ einfach einbinden läßt.

jQuery, das Snippet Plugin + Css Datei einfach vor Ende des </head> Tags einfügen

<link href='http://cdn.ucb.org.br/Scripts/snippet/jquery.snippet.css' rel='stylesheet' type='text/css'/> <script src='http://cdn.ucb.org.br/Scripts/jquery-1.5.1.js' type='text/javascript'></script> <script src='http://cdn.ucb.org.br/Scripts/snippet/jquery.snippet.js' type='text/javascript'></script>

dahinter und ebenfalls for dem Tag wird noch die Funktion definiert
<script> $(document).ready(function(){$("pre.htmlCode").snippet("html",{style:"emacs",clipboard:"http://zeroclipboard.googlecode.com/svn-history/r10/trunk/ZeroClipboard.swf"});$("pre.styles").snippet("css",{style:"emacs",clipboard:"http://zeroclipboard.googlecode.com/svn-history/r10/trunk/ZeroClipboard.swf"});$("pre.js").snippet("javascript",{style:"emacs",clipboard:"http://zeroclipboard.googlecode.com/svn-history/r10/trunk/ZeroClipboard.swf"});});</script>

Mehr zur Funktionsweise auf der Seite steamdev.com/snippet/

Details http://www.webdesign-ecommerce.de/2011/08/h1-tag-h3-html-is-awesome-womp.html


Meine Leistungen

Portfolio

Aktuelle Seite: Startseite Blog Schriftzeichen finden mit shapecatcher
  • 1
  • 2
Prev Next

Eyeonu Webdesign erstellt Websites auf Grundlage der jeweiligen Anforderungen und Bedürfnisse seiner Kunden. Es Kommen als System vor allem das Open Source CMS Joomla und Magento für den E-Commerce Bereich zum Einsatz.

Auf der Suche nach eine Webdesigner in Berlin? Eyeonu Webdesign zeigt, dass modernes Webdesign nicht teuer sein muss. Schauen Sie doch mal im Portfolio der Website und im Website Preiskalkulator rein, und machen Sie sich ein Bild vom Preisleistungsverhältniss.

© 2012 eyeonu.org Webdesign Berlin
Joomla! is Free Software released under the GNU/GPL License.