--=REKLAMA=--

JA Purity/Obszar right

Z Joomla!WikiPL

Zalążek artykułu To jest tylko zalążek artykułu. Jeśli potrafisz, rozbuduj go.

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
                 js/
                     ja.rightcol.js

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
                 js/
                     ja.rightcol.js

Pliki HTML i PHP

ja_purity/index.php

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

Pliki CSS

ja_purity/css/template.css

  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. }

Pliki obrazków

Pliki Javascript

ja_purity/js/ja.rightcol.js

  1. //JS script for Joomla template
  2.  
  3. var JA_Collapse_Mod = new Class({
  4.  
  5. 	initialize: function(myElements) {
  6. 		options = Object.extend({
  7. 			transition: Fx.Transitions.quadOut
  8. 		}, {});
  9. 		this.myElements = myElements;
  10. 		var exModules = excludeModules.split(',');
  11. 		exModules.each(function(el,i){exModules[i]='Mod'+el});
  12. 		myElements.each(function(el, i){
  13. 			el.elmain = $E('.jamod-content',el);
  14. 			el.titleEl = $E('h3',el);
  15. 			if(!el.titleEl) return;
  16.  
  17. 			if (exModules.contains(el.id)) {
  18. 				el.titleEl.className = '';
  19. 				return;
  20. 			}
  21.  
  22. 			el.titleEl.className = rightCollapseDefault;
  23. 			el.status = rightCollapseDefault;
  24. 			el.openH = el.elmain.getStyle('height').toInt();
  25. 			el.elmain.setStyle ('overflow','hidden');
  26.  
  27. 			el.titleEl.addEvent('click', function(e){
  28. 				e = new Event(e).stop();
  29. 				el.toggle();
  30. 			});
  31.  
  32. 			el.toggle = function(){
  33. 				if (el.status=='hide') el.show();
  34. 				else el.hide();
  35. 			}
  36.  
  37. 			el.show = function() {
  38. 				el.titleEl.className='show';
  39. 				var ch = el.elmain.getStyle('height').toInt();
  40. 				new Fx.Style(el.elmain,'height',{onComplete:el.toggleStatus}).start(ch,el.openH);
  41. 			}
  42. 			el.hide = function() {
  43. 				el.titleEl.className='hide';
  44. 				var ch = (rightCollapseDefault=='hide')?0:el.elmain.getStyle('height').toInt();
  45. 				new Fx.Style(el.elmain,'height',{onComplete:el.toggleStatus}).start(ch,0);
  46. 			}
  47. 			el.toggleStatus = function () {
  48. 				el.status=(el.status=='hide')?'show':'hide';
  49. 				Cookie.set(el.id,el.status,{duration:365});
  50. 			}
  51.  
  52. 			if(!el.titleEl.className) el.titleEl.className=rightCollapseDefault;
  53. 			if(el.titleEl.className=='hide') el.hide();
  54. 		});
  55. 	}
  56. });
  57.  
  58. window.addEvent ('load', function(e){
  59. 	var jamod = new JA_Collapse_Mod ($ES('.jamod'));
  60. });



Dziękujemy za wkład

» Stefan Wajda [zwiastun],

Źródło „http://wiki.joomla.pl/index.php?title=JA_Purity/Obszar_right&oldid=21260