--=REKLAMA=--

JA Purity/Obszar spotlight

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 spotlight - dokumentacja
Poniższy opis szablonu transkludowano (włączono) ze strony JA Purity/Obszar spotlight/doc.

Szablon:JA Purity/Obszar spotlight/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 vdot2.gif znajdują się w poniższych katalogach: 

    templates/ja_purity
                 index.php
                 css/
                     template.css
                 images/
                     vdot2.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/
                     vdot2.gif

Pliki HTML i PHP

ja_purity/index.php

  1. <?php
  2. $spotlight = array ('user1','user2','top','user5');
  3. $botsl = $tmpTools->calSpotlight ($spotlight,99,22);
  4. if( $botsl ) :
  5. ?>
  6. <!-- BEGIN: BOTTOM SPOTLIGHT -->
  7. <div id="ja-botslwrap">
  8. 	<div id="ja-botsl" class="clearfix">
  9.  
  10. 	  <?php if( $this->countModules('user1') ): ?>
  11. 	  <div class="ja-box<?php echo $botsl['user1']['class']; ?>" style="width: <?php echo $botsl['user1']['width']; ?>;">
  12. 			<jdoc:include type="modules" name="user1" style="xhtml" />
  13. 	  </div>
  14. 	  <?php endif; ?>
  15.  
  16. 	  <?php if( $this->countModules('user2') ): ?>
  17. 	  <div class="ja-box<?php echo $botsl['user2']['class']; ?>" style="width: <?php echo $botsl['user2']['width']; ?>;">
  18. 			<jdoc:include type="modules" name="user2" style="xhtml" />
  19. 	  </div>
  20. 	  <?php endif; ?>
  21.  
  22. 	  <?php if( $this->countModules('top') ): ?>
  23. 	  <div class="ja-box<?php echo $botsl['top']['class']; ?>" style="width: <?php echo $botsl['top']['width']; ?>;">
  24. 			<jdoc:include type="modules" name="top" style="xhtml" />
  25. 	  </div>
  26. 	  <?php endif; ?>
  27.  
  28. 	  <?php if( $this->countModules('user5') ): ?>
  29. 	  <div class="ja-box<?php echo $botsl['user5']['class']; ?>" style="width: <?php echo $botsl['user5']['width']; ?>;">
  30. 			<jdoc:include type="modules" name="user5" style="xhtml" />
  31. 	  </div>
  32. 	  <?php endif; ?>
  33.  
  34. 	</div>
  35. </div>
  36. <!-- END: BOTTOM SPOTLIGHT -->
  37. <?php endif; ?>

Pliki CSS

ja_purity/css/template.css

  1. /* SPOTLIGHT
  2. --------------------------------------------------------- */
  3. /* Spotlight Box Style */
  4. .ja-box-full, .ja-box-left, .ja-box-center, .ja-box-right {
  5. 	float: left;
  6. 	overflow: hidden;
  7. }
  8.  
  9. .ja-box-left div.moduletable,
  10. .ja-box-full div.moduletable {
  11. 	padding-right: 30px;
  12. 	background: none;
  13. }
  14.  
  15. .ja-box-right div.moduletable {
  16. 	padding-left: 30px;
  17. 	background: url(../images/vdot2.gif) repeat-y left;
  18. }
  19.  
  20. .ja-box-center div.moduletable {
  21. 	padding: 0 30px;
  22. 	background: url(../images/vdot2.gif) repeat-y left;
  23. }
  24.  
  25. #ja-botsl h3 {
  26. 	background: none;
  27. }
  28.  
  29. #ja-botslwrap {
  30. 	border-top: 5px solid #CCCCCC;
  31. 	background: #444444;
  32. 	color: #CCCCCC;
  33. }
  34.  
  35. #ja-botsl {
  36. 	padding: 15px 0;
  37. }
  38.  
  39. #ja-botsl div.moduletable {
  40. 	padding-top: 0;
  41. 	padding-bottom: 0;
  42. 	margin: 0;
  43. }
  44.  
  45. #ja-botsl h3 {
  46. 	margin: 0 0 12px;
  47. 	padding: 0;
  48. 	color: #FFFFFF;
  49. }
  50.  
  51. #ja-botsl a {
  52. 	color: #CCCCCC;
  53. }
  54.  
  55. #ja-botsl a:hover, #ja-botsl a:active, #ja-botsl a:focus {
  56. 	color: #FFFFFF;
  57. }
  58.  
  59. #ja-botsl ul, #ja-botsl p, #ja-botsl ol {
  60. 	padding: 0;
  61. 	margin: 0 !important;
  62. }
  63.  
  64. #ja-botsl ul li {
  65. 	padding: 0 0 0 15px;
  66. 	margin: 0;
  67. 	background: url(../images/bullet2.gif) no-repeat 3px 8px;
  68. }
  69.  
  70. #ja-botsl ol li {
  71. 	margin-left: 25px;
  72. 	padding: 0 !important;
  73. }
  74.  
  75. #ja-botsl td {
  76. 	padding: 0;
  77. }
  78.  
  79. #ja-botsl .article_separator {
  80. 	display: none;
  81. }
  82.  
  83. #ja-botsl table {
  84. 	border-spacing: 0;
  85. 	border-collapse: collapse;
  86. }

Pliki obrazków

  • vdot2.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_spotlight&oldid=21243”