--=REKLAMA=--

JA Purity/Obszar left

Z Joomla!WikiPL

Wersja Zwiastun (dyskusja | edycje) z dnia 18:53, 25 cze 2009

(różn.) ← poprzednia wersja | przejdź do aktualnej wersji (różn.) | następna wersja → (różn.)
Zalążek artykułu To jest tylko zalążek artykułu. Jeśli potrafisz, rozbuduj go.
[ przeglądaj][edytuj][historia] JA Purity/Obszar left - dokumentacja
Poniższy opis szablonu transkludowano (włączono) ze strony JA Purity/Obszar left/doc.

Szablon:JA Purity/Obszar left/doc

Oryginalny szablon JA Purity został wydany przez JoomlArt.com jako archiwum w formacie ZIP oraz został umieszczony w pakiecie instalacyjnym Joomla!. Odnoszące się do obszaru header pliki szablonu index.php, template.css oraz bullet.gif znajdują się w poniższych katalogach: 

    templates/ja_purity
                 index.php
                 css/
                     template.css
                 images/
                     bullet.gif

Jeśli korzystasz z samouczka, możesz pobrać specjalną wersję ćwiczebną wersję szablonu i zainstalować ją w następującym katalogu:

    templates/my_japurity
                 index.php
                 css/
                     template.css
                 images/
                     bullet.gif

Pliki HTML i PHP

ja_purity/index.php

  1. 		<?php if ($this->countModules('left')): ?>
  2. 		<!-- BEGIN: LEFT COLUMN -->
  3. 		<div id="ja-col1">
  4. 			<jdoc:include type="modules" name="left" style="xhtml" />
  5. 		</div><br />
  6. 		<!-- END: LEFT COLUMN -->
  7. 		<?php endif; ?>

Pliki CSS

ja_purity/css/template.css

  1. #ja-mainbody-fr #ja-col1 {
  2. 	width: 20%;
  3. }
  1. #ja-mainbody-fr #ja-col1 {
  2. 	width: 20%;
  3. 	float: left;
  4. }
  1. /* LEFT COLUMN + RIGHT COLUMN
  2. --------------------------------------------------------- */
  3. #ja-col1 {
  4. 	float: left;
  5. 	width: 24.99%;
  6. 	padding-top: 10px;
  7. 	overflow: hidden;
  8. }
  9.  
  10. #ja-col2 {
  11. 	float: right;
  12. 	width: 20%;
  13. 	overflow: hidden;
  14. }
  15.  
  16. #ja-col1 table,
  17. #ja-col2 table {
  18. 	border-collapse: collapse;
  19. 	border-spacing: 0;
  20. }
  21.  
  22. #ja-col1 ul li,
  23. #ja-col2 ul li {
  24. 	padding-left: 15px;
  25. 	margin: 0;
  26. 	background: url(../images/bullet.gif) no-repeat 5px 50%;
  27. }
  28.  
  29. #ja-col1 ul, #ja-col2 ul {
  30. 	margin: 0;
  31. }
  32.  
  33. #ja-col1 ol, #ja-col2 ol {
  34. 	margin-left: 5px;
  35. }
  36.  
  37. #ja-col1 .article_separator,
  38. #ja-col2 .article_separator {
  39. 	display: none;
  40. }

ja_purity/css/menu.css

  1. /* Default Joomla! Menu */
  2. #ja-container2 ul.menu {
  3. 	margin: 0;
  4. 	padding: 1px 0 0;
  5. 	list-style: none;
  6. 	background: url(../images/hdot2.gif) repeat-x top;
  7. }
  8.  
  9. #ja-container2 ul.menu li {
  10. 	margin: 0 !important;
  11. 	padding: 0 !important;
  12. 	background: none !important;
  13. }
  14.  
  15. #ja-container2 ul.menu li a {
  16. 	padding: 2px 0;
  17. 	display: block;
  18. 	color: #333333;
  19. 	background: url(../images/hdot2.gif) repeat-x bottom;
  20. 	text-decoration: none;
  21. 	outline: none;
  22. }
  23.  
  24. #ja-container2 ul.menu li a span {
  25. 	padding-left: 16px;
  26. 	background: url(../images/bullet.gif) no-repeat 5px 5px;
  27. }
  28.  
  29. #ja-container2 ul.menu li a:hover,
  30. #ja-container2 ul.menu li a:active,
  31. #ja-container2 ul.menu li a:focus {
  32. 	color: #333333;
  33. 	background: url(../images/hdot2.gif) repeat-x bottom #DDDDDD;
  34. 	text-decoration: none;
  35. }
  36.  
  37. #ja-container2 ul.menu li.active a {
  38. 	background: url(../images/hdot2.gif) repeat-x bottom #FFFFFF;
  39. 	color: #7BA566;
  40. 	font-weight: bold;
  41. 	text-decoration: none;
  42. }
  43.  
  44. #ja-container2 ul.menu li.active a span {
  45. 	background: url(../images/bullet3.gif) no-repeat 5px 5px;
  46. }
  47.  
  48. #ja-container2 ul.menu li li a span {
  49. 	background: none;
  50. }
  51.  
  52. #ja-container2 ul.menu li ul {
  53. 	margin: 0;
  54. 	padding: 0;
  55. 	list-style: none;
  56. }
  57.  
  58. #ja-container2 ul.menu li li {
  59. 	padding: 0 0 0 15px !important;
  60. 	list-style: none;
  61. }
  62.  
  63. #ja-container2 ul.menu li li a {
  64. 	color: #333333;
  65. 	background: none !important;
  66. 	font-size: 92%;
  67. 	font-weight: normal;
  68. }
  69.  
  70. #ja-container2 ul.menu li li a:hover,
  71. #ja-container2 ul.menu li li a:active,
  72. #ja-container2 ul.menu li li a:focus {
  73. 	color: #006699;
  74. }
  75.  
  76. #ja-container2 ul.menu li li a span {
  77. 	background: url(../images/bullet.gif) no-repeat 5px;
  78. 	font-weight: normal;
  79. }

Pliki obrazków

  • bullet.gif

Pliki Javascript

ja_purity/js/XXXXX.js

  1.  

Dziękujemy za wkład

» Stefan Wajda [zwiastun],

Źródło „https://wiki.joomla.pl/index.php?title=JA_Purity/Obszar_left&oldid=21262”