Blank Template für Joomla!
0 gefällt mir4,100 aufrufe
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
- 3. Features • CSS-Reset • Modernizr • Twitter Bootstrap • PIE • Compressor ...
- 4. Voraussetzung • Joomla! (lokal oder auf Webspace) • Editor (Notepad++, TextWrangler) • FTP-Client (WinSCP, Cyperduck) • Browser (Firefox mit Firebug, Chrome)
- 5. Skills? • PHP • HTML und CSS • JavaScript • J!-API • XML
- 6. Anfang • Download http://blank.vc • Entpacken
- 9. index.php
- 10. Quelltext
- 14. • Infos • Dateien • Modulpositionen • Parameter
- 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
- 26. CSS-Reset /* quick‘n‘dirty */ * {margin:0; padding:0;}
- 28. CSS Link
- 29. CSS Link
- 32. Modernizr
- 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 <html class=“no-js“>
- 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. PIE
- 42. JavaScripte
- 43. template.js.php • Header • Parameterabfrage • Dateienimplementierung
- 44. template.js.php Header
- 45. template.js.php Parameterabfrage
- 47. War‘s das?
- 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>
- 53. mobile addons
- 54. Und jetzt? • Overrides • Sprachdateien • Druckversion • Fehler- und Offline-Seite • Bilder und Icons
- 55. Overrides /html/
- 56. Overrides
- 57. Overrides
- 58. Overrides
- 59. Overrides
- 60. Overrides
- 61. Overrides
- 62. Overrides
- 63. Sprachdateien
- 64. Sprachdateien
- 65. Sprachdateien
- 66. Sprachdateien
- 67. Sprachdateien
- 68. Sprachdateien
- 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. - ENDE -
- 74. Fragen?
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