--=REKLAMA=--

JA Purity/Obszar footer

Z Joomla!WikiPL

Zalążek artykułu To jest tylko zalążek artykułu. Jeśli potrafisz, rozbuduj go.
[ przeglądaj][edytuj][historia] JA Purity/Obszar footer - dokumentacja
Poniższy opis szablonu transkludowano (włączono) ze strony JA Purity/Obszar footer/doc.

Szablon:JA Purity/Obszar footer/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 pliki obrazków: but-css.gif, but-xhtml10.gif, vdot.gif, grad3.gif znajdują się w poniższych katalogach: 

    templates/ja_purity
                 index.php
                 css/
                     template.css
                 images/
                     but-css.gif
                     but-xhtml10.gif
                     vdot.gif
                     grad3.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/
                     but-css.gif
                     but-xhtml10.gif
                     vdot.gif
                     grad3.gif

Pliki HTML i PHP

ja_purity/index.php

  1. <!-- BEGIN: FOOTER -->
  2. <div id="ja-footerwrap">
  3. <div id="ja-footer" class="clearfix">
  4.  
  5. 	<div id="ja-footnav">
  6. 		<jdoc:include type="modules" name="user3" />
  7. 	</div>
  8.  
  9. 	<div class="copyright">
  10. 		<jdoc:include type="modules" name="footer" />
  11. 	</div>
  12.  
  13. 	<div class="ja-cert">
  14. 		<jdoc:include type="modules" name="syndicate" />
  15.     <a href="http://jigsaw.w3.org/css-validator/check/referer" target="_blank" title="<?php echo JText::_("CSS Validity");?>" style="text-decoration: none;">
  16. 		<img src="<?php echo $tmpTools->templateurl(); ?>/images/but-css.gif" border="none" alt="<?php echo JText::_("CSS Validity");?>" />
  17. 		</a>
  18. 		<a href="http://validator.w3.org/check/referer" target="_blank" title="<?php echo JText::_("XHTML Validity");?>" style="text-decoration: none;">
  19. 		<img src="<?php echo $tmpTools->templateurl(); ?>/images/but-xhtml10.gif" border="none" alt="<?php echo JText::_("XHTML Validity");?>" />
  20. 		</a>
  21. 	</div>
  22.  
  23. 	<br />
  24. </div>
  25. </div>
  26. <!-- END: FOOTER -->

Pliki CSS

ja_purity/css/template.css

  1. /* FOOTER
  2. --------------------------------------------------------- */
  3. #ja-footerwrap {
  4. 	border-top: 5px solid #CCCCCC;
  5. 	padding: 20px 0 30px;
  6. 	clear: both;
  7. 	background: url(../images/grad3.gif) repeat-x bottom #F6F6F6;
  8. }
  9.  
  10. #ja-footer {
  11. 	padding: 0;
  12. 	color: #666666;
  13. 	background: url(../images/vdot.gif) repeat-y 22% 0;
  14. 	position: relative;
  15. }
  16.  
  17. #ja-footer .copyright {
  18. 	clear: both;
  19. 	display: block;
  20. 	padding-left: 25%;
  21. 	color: #666666;
  22. 	font-style: normal;
  23. 	font-size: 92%;
  24. }
  25.  
  26. #ja-footnav {
  27. 	padding-left: 25%;
  28. }
  29.  
  30. #ja-footer ul {
  31. 	margin: 0 0 5px;
  32. 	padding: 0;
  33. }
  34.  
  35. #ja-footer li {
  36. 	margin: 0;
  37. 	padding: 0;
  38. 	display: inline;
  39. 	background: none;
  40. }
  41.  
  42. #ja-footer li a {
  43. 	padding: 0 15px 0 0;
  44. 	display: inline;
  45. 	color: #666666;
  46. 	font-weight: bold;
  47. 	font-size: 92%;
  48. 	line-height: normal;
  49. 	text-decoration: none;
  50. 	text-transform: uppercase;
  51. }
  52.  
  53. #ja-footer li a:hover, #ja-footer li a:active, #ja-footer li a:focus {
  54. 	color: #333333;
  55. 	text-decoration: none;
  56. }
  57.  
  58. .ja-cert {
  59. 	font-size: 92%;
  60. 	position: absolute;
  61. 	right: 0;
  62. 	top: 18px;
  63. }
  64.  
  65. .ja-cert a {
  66. 	margin: 0 0 0 5px;
  67. 	padding: 0;
  68. 	border: none;
  69. 	border: none;
  70. 	text-decoration: none;
  71. }
  72.  
  73. .ja-cert a span {
  74. 	display: none;
  75. }
  76.  
  77. .ja-cert a img {
  78. 	border: none;
  79. }

Pliki obrazków

  • but-css.gif
  • but-xhtml10.gif
  • vdot.gif
  • grad3.gif


Dziękujemy za wkład

» Stefan Wajda [zwiastun],

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