Als KEY, PPTX herunterladen
Hochgeladen vonAlexander Schmidt
Blank Template für Joomla!
Das Dokument bietet eine Anleitung für die Entwicklung eines Joomla!-Templates und enthält Informationen über erforderliche Tools, Kenntnisse und einzelne Template-Komponenten. Es beschreibt Schritte wie das Herunterladen und Entpacken des Templates sowie die Implementierung von CSS und JavaScript. Zusätzlich werden Bootstrap und andere nützliche Ressourcen erwähnt, um die Funktionalität und das Design des Templates zu verbessern.
Blank Template für Joomla!
- 1. Blank Template für Joomla! Ein praktischer Einstieg in die Template-Entwicklung
- 2.
- 3. Features • CSS-Reset • Modernizr •Twitter Bootstrap • PIE • Compressor ...
- 4. Voraussetzung • Joomla! (lokaloder auf Webspace) • Editor (Notepad++, TextWrangler) • FTP-Client (WinSCP, Cyperduck) • Browser (Firefox mit Firebug, Chrome)
- 5. Skills? • PHP • HTMLund CSS • JavaScript • J!-API • XML
- 6. Anfang • Download http://blank.vc •Entpacken
- 9.
- 10.
- 13.
- 14. • Infos • Dateien •Modulpositionen • Parameter
- 18.
- 19. • Cascading Stylesheets •Modernizr • Browserweiche • Twitter Bootstrap • PIE
- 21. index.html <html><body bgcolor="#FFFFFF"></body></html> Is‘n Sicherheitsding.
- 22. template.css.php • Parameterabfrage • Compressor •Dateienimplemetierung
- 23. template.css.php Parameterabfrage
- 24. template.css.php Compressor
- 25.
- 26. CSS-Reset /* quick‘n‘dirty */ * {margin:0; padding:0;}
- 27.
- 28.
- 29.
- 30.
- 31.
- 32.
- 33. Modernizr <html class=“no-js“> <html class=" js no-flexbox canvas canvastext postmessage no-websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients no-cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers applicationcache">
- 34. Browserweiche <htmlclass=“no-js“>
- 35.
- 36.
- 37. Bootstrap Components • Button groups • Alerts • Button dropdowns • Progress bars • Tabs, pills, and lists • Modals • Navbar • Dropdowns • Labels • Tooltips • Badges • Popovers • Page headers • Accordion Thumbnails Carousel
- 38. Bootstrap Beispiel http://itr.im/2c7
- 39. Bootstrap Voraussetzung jQuery http://jquery.com
- 40. PIE PIE.htc http://css3pie.com
- 41.
- 42.
- 43. template.js.php • Header • Parameterabfrage •Dateienimplementierung
- 44. template.js.php Header
- 45. template.js.php Parameterabfrage
- 46.
- 47.
- 48. Nö! • debug module •pageclass • generator tag • mobile addons
- 49. debug module index.php <jdoc:include type="modules" name="debug" />
- 50. debug module templateDetails.xml <positions> <position>debug</position> </positions>
- 51.
- 52.
- 53.
- 54. Und jetzt? • Overrides •Sprachdateien • Druckversion • Fehler- und Offline-Seite • Bilder und Icons
- 55. Overrides /html/
- 56.
- 57.
- 58.
- 59.
- 60.
- 61.
- 62.
- 63.
- 64.
- 65.
- 66.
- 67.
- 68.
- 69. Druckversion component.php print.css
- 70. Fehlerseite error.php error.css
- 71. Offline-Seite offline.php offline.css
- 72. Bilder & Icons /images/ /psd/
- 73.
- 74.
Hinweis der Redaktion
- #2 \n
- #3 \n
- #4 \n
- #5 \n
- #6 \n
- #7 \n
- #8 \n
- #9 \n
- #10 \n
- #11 \n
- #12 \n
- #13 \n
- #14 \n
- #15 \n
- #16 \n
- #17 \n
- #18 \n
- #19 \n
- #20 \n
- #21 \n
- #22 \n
- #23 \n
- #24 \n
- #25 \n
- #26 \n
- #27 \n
- #28 \n
- #29 \n
- #30 \n
- #31 \n
- #32 \n
- #33 \n
- #34 \n
- #35 \n
- #36 \n
- #37 \n
- #38 \n
- #39 \n
- #40 \n
- #41 \n
- #42 \n
- #43 \n
- #44 \n
- #45 \n
- #46 \n
- #47 \n
- #48 \n
- #49 \n
- #50 \n
- #51 \n
- #52 \n
- #53 \n
- #54 \n
- #55 \n
- #56 \n
- #57 \n
- #58 \n
- #59 \n
- #60 \n
- #61 \n
- #62 \n
- #63 \n
- #64 \n
- #65 \n
- #66 \n
- #67 \n
- #68 \n
- #69 \n
- #70 \n
- #71 \n
- #72 \n
- #73 \n
- #74 \n
- #75 \n