Разработка Web-приложения на CMS Joomla "Рок-музыка"
Денвер как набор дистрибутивов и программная оболочка, предназначенные для создания, а также отладки сайтов на локальном ПК под управлением Windows. Описание CMS JOOMLA. Разработка сайта и требования, предъявляемые к нему. Работа с шаблонами и запросами.
| Рубрика | Программирование, компьютеры и кибернетика |
| Вид | курсовая работа |
| Язык | русский |
| Дата добавления | 09.06.2014 |
| Размер файла | 3,0 M |
Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже
Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.
$zenDocRoot = str_replace ($scriptName, '', ZEN_SCRIPT_FILENAME);
// Strip possible trailing slash
$zenDocRoot = preg_replace ('/\/$/', «, $zenDocRoot);
}
// Non Framework variables
$ribbonText = $this->params->get («ribbonText», «»);
// Javascript that gets loaded for individual templates and are not needed in the framework
$extraTemplateScript = «jQuery ('#ribbon span').easyRotate({degrees: 45});»;
$extraTemplateScripts = '<script type= «text/JavaScript» src=» '.$this->baseurl.'/templates/'.$this->template.'/js/jquery.easyRotate.js»></script>';
$logopath = «templates/$this->template/images/logo»;
if (file_exists ($zenDocRoot.$zenBaseUrl. "/templates/zengridframework/index.php»)):
require («templates/zengridframework/index.php»);
else:
?>
<body style= «background:#f9f9f9»>
<div style= «width:500px; margin:140px auto; height:70px; background:#fffbcc; padding:20px; border:1px solid #ddd; color:#444; line-height:2em»>The template you are attempting to use requires the Zen Grid2 Framework.<br /> Please refer to the Zen Grid2 framework documentation for more information.</div>
</body>
<? php
endif;
?>
Приложение Б
Themes.css
/* @override
http://showcase.joomlabamboo.com/foliolife/templates/zengrid/themes/style/base/theme.css
http://localhost:8888/joomla/1515/zengrid_1515/templates/zengrid/themes/foliolife/theme.css
http://localhost:8888/joomla/repo/templates/foliolife/css/theme.css
http://localhost:8888/joomla/1.5/foliodev/templates/foliolife/css/theme.css
http://showcase.joomlabamboo.com/foliolife/templates/foliolife/css/theme.css
*/
/* These styles set the background colour and any other style you want to attach to the rows int he theme. */
/* Used mainly to set the bottom footer colour and to create a faux footer */
body {background: #121212 url (../images/bgGrunge.jpg) repeat-x left top; color: #fff}
containerBG {margin-top: 0px; padding: 20px 0}
fullWrap {margin-top: 0px; background: url (../images/footer.jpg) repeat-x left bottom; padding-bottom: 160px; border-bottom: 10px solid #1a1a1a}
topContainer {margin: 60px auto 0;}
#topShadow {background: url (../images/topShadow.png) no-repeat center 0px; padding-top: 20px; float: left; width: 100%;}
#ribbon {position: absolute; width: 110px; height: 85px; right: -28px; top: -4px; z-index: 1;}
#ribbon span {-webkit-transform: rotate(45deg); position: absolute; margin-top: 18px; margin-left: 33px; font-size: 90%; text-transform: uppercase; - moz-transform: rotate(45deg);}
topInner {background:#1a1a1a url (../images/containerBG.jpg) repeat-x 0px top; float: left; position: relative; z-index: 2;}
topRow {padding: 0}
topRow.containerBG {padding: 4px 0 0 0}
topRow ul li {list-style-type: none; margin: 0 20px 0 0}
topRow ul li {float: left}
topRow ul li a {float: left}
#top4 ul {float: right}
#top4 ul li a {color: #fff;}
logoRow {}
logoRow.containerBG {margin: 0}
#tagline {font-size: 90%; margin-top: -10px}
navRow {padding: 0; margin-top: 40px}
navRow.containerBG {padding-bottom: 0}
#navWrapper {background: url (../images/divider.png) repeat-x left bottom; float: left; width: 100%;}
bannerRow {}
bannerRow.containerBG {padding: 30px 0 0 0}
grid1Row {}
grid1Row.containerBG {padding: 30px 0 0}
grid2Row {}
grid2Row.containerBG {padding: 0px 0;}
grid3Row {}
grid3Row.containerBG {padding: 8px 0}
grid4Row {}
grid4Row.containerBG {padding: 30px 0; background: #1a1a1a url (../images/divider.png) repeat-x left bottom;}
grid5Row {}
grid5Row.containerBG {padding: 30px 0; background: #1a1a1a url (../images/divider.png) repeat-x left bottom;}
grid6Row {}
grid6Row.containerBG {padding: 30px 0; background: url (../images/divider.png) repeat-x left bottom;}
mainRow {background: url (../images/divider.png) repeat-x left bottom;}
sliderRow {background:#1a1a1a; padding-top: 15px; border-bottom: 1px solid #0A0A0A; border-top: 1px solid #2a2a2a}
sliderRow.containerBG {padding: 10px 0 0 0}
/* @group Slider */
#sliderWrap {float: left; color: #fff; display: inline; padding-bottom: 20px; background: url (../images/divider.png) repeat-x left top; padding-top: 10px;}
#sliderArea {margin-left: 0px; padding-bottom: 30px; float: left; width: 100%; height: 20px; background: url (../images/divider.png) repeat-x left bottom;}
span.slideTrigger {height: 30px; margin: 0 10px 0 0; padding: 8px 25px 5px 0px; color: #ddd; font-size: 14px; display: block; float: left; text-transform: lowercase; overflow: hidden}
span.slidePrev {background: url (../images/prev.png) no-repeat; width: 25px; height: 25px; position: absolute; cursor: pointer; margin-top: -20px}
span.slideNext {background: url (../images/next.png) no-repeat; width: 25px; height: 25px; position: absolute; margin-top: -20px; cursor: pointer; margin-left: 30px}
#slideWrapper {width: 100%}
#slides {padding-top: 10px; float: left}
#slides img {padding: 4px; background: #1C1919}
#sliderWrap ul {margin: 0}
#sliderWrap ul li {list-style-type: none; margin: 0}
#sliderWrap ul li a {display: block; width: 100%; border-bottom: 1px solid #333; text-decoration: none; padding: 4px 0}
#sliderWrap ul.tweet_list li a {display: inline}
#sliderWrap ul li a:hover {color: #AEBA34}
slideTrigger {cursor: pointer}
#slideWrapper.border {border: 1px solid #1C1919; background: #222}
#sliderWrap h3 {color: #fff; font-weight: normal; line-height: 1.8em; background: none; padding-left: 0}
#sliderWrap.jTweet_bird1,#sliderWrap.jTweet_bird2,#sliderWrap.jTweet_bird3,#sliderWrap.jTweet_bird4,#sliderWrap.jTweet_bird5 {clear: none}
#sliderWrap.jTweetClear {clear: none}
sliderDouble.moduletable {float: left; width: 48%; margin-right: 2%}
sliderTriple.moduletable {float: left; width: 30%; margin-right: 3%}
sliderQuad.moduletable {float: left; width: 23%; margin-right: 2%}
/* @end */
bottomRow {background: #1a1a1a; padding-bottom: 50px;}
bottomRow.containerBG {}
bottomRow ul li {margin: 0; list-style-type: none; padding: 0;}
bottomRow ul li a {display: block; background: #1a1a1a url (../images/divider.png) repeat-x left bottom; color: #fff; padding: 4px 0;}
footerRow {font-size: 90%}
footerRow.containerBG {}
footerRow a {color: #fff}
/* Pathway Classes */
#breadcrumb {margin: 0 0 0px; width: 100%; padding: 8px 0; font-size: 90%; background: url (../images/divider.png) repeat-x left bottom}
#breadcrumb.moduletable {text-align: left}
pathway img {margin: 6px 10px 0}
#above {padding-top: 30px;}
/* Center Column */
#center {}
/* Main Content Row Classes */
/* Left Column */
#leftCol {padding-top: 20px}
#midCol {}
#mainContent {margin-bottom: 10px; padding-top: 30px}
#mainContent.nopadding {margin-bottom: 0px; padding-top: 0}
/* Right Column */
#right.moduletable {margin-top: 18px; margin-bottom: 0}
/* Footer Row Classes */
footerRow {padding-bottom: 50px}
footerRow.containerBG {border: 0; padding: 8px 0 0 0}
/* Search Styling */
#search {}
#search.inputbox,#search_searchword {border: 1px solid #333; padding: 8px; margin: 4px 0; background: url (../images/fieldShadow.jpg) repeat-x;
border: 1px solid #c8c8c8; font-size: 13px; color: #333333; padding-bottom: 0; margin: 0 20px}
#searchForm.button {margin-top: 8px}
form.search_result input#search_searchword {margin: 0; width: 60%; padding: 10px; background: #fff url (../images/fieldShadow.jpg) repeat-x;}
/* Links */
/* Headings */
h2.contentheading {clear: both; background: url (../images/divider.png) repeat-x left bottom; padding-bottom: 4px; margin-bottom: 10px;}
h2 a {clear: both; padding-bottom: 4px}
h2.dateheading.contentheading {background: none; padding: 0 0 0 100px; margin: 0;}
contentheading {font-size: 1.6em}
h2.noborder, h2.noborder a {background: none; margin-bottom: 0; padding-bottom: 0;}
h3.moduletable h3 {font-size: 1.1em; background: url (../images/navParent.png) no-repeat left 4px; padding-left: 20px; margin-bottom: 0px; padding-bottom: 8px; clear: both;}
moduletable-heading {background: url (../images/divider.png) repeat-x left bottom; padding-bottom: 4px}
h5 {padding: 2px 0 2px 4px}
h6 {padding: 2px 0 2px 4px}
/*Nav - Top levels */
#navWrap.navLeft {float: left}
#navWrap.navLeft ul {float: left; margin: 8px 20px 2px 0}
#navWrap.navLeft ul li {margin: 0}
#navWrap {float: right; padding-top: 30px}
#nav ul {float: right; margin: 0}
#nav ul li {margin: 0; padding: 0}
#nav ul li a,#nav ul li span.mainlevel,#nav ul li span.sublevel {font-size: 1em; padding: 8px 20px}
#nav ul li a#active_menu,#nav ul li a.mainlevel_active {}
#nav a.mainlevel.sf-with-ul,#nav a.mainlevel_active.sf-with-ul, #nav ul li span.mainlevel span.expanded,#nav ul li a.sf-with-ul.moduletable-superfish ul li a.sf-with-ul {background: url (../images/navParent.png) no-repeat left 10px; padding-left: 24px;}
#nav a.mainlevel.sf-with-ul:hover,#nav a.mainlevel_active.sf-with-ul:hover,#nav a.mainlevel_active.sf-with-ul, #nav ul li span.mainlevel span.expanded:hover {background: url (../images/navParent.png) no-repeat center 39px; padding-bottom: 39px}
#nav ul li li a.sf-with-ul, #nav ul li li span.sublevel span.expanded {background: url (../images/arrow.png) no-repeat 5px center; padding: 8px 0; text-indent: 10px;}
#nav a.mainlevel_active,#nav.mainlevel_current,#nav ul li a:hover {}
/* Nav - Second and third levels */
#nav li:hover ul,#nav ul li.sfHover ul {left:-1px; top:32px}
#nav li ul,#navWrap.navLeft ul ul.moduletable-superfish ul ul {background: url (../images/blackOverlay.png); border: 1px solid #121212; border-width: 0 1px 0 1px; padding: 0; margin: 0}
#nav ul li li a, #nav ul li li span.sublevel {border-bottom: 1px solid #121212; font-size: 0.9em}
#nav ul li li span.sublevel {padding-left:16px; padding-right:0px}
#nav ul li li span.expanded, #nav ul li li a.sf-with-ul {padding-left: 16px; padding-right: 0px}
#nav span.sublevel {padding-left: 15px; font-size: 90%}
/* Left and right lists and panel menu */
#leftCol ul li, #rightCol ul li {margin: 0; padding: 0}
#leftCol ul li {background: url (../images/divider.png) repeat-x left bottom; display: block}
/* Left and right Sub menus */
#leftCol ul li li a,#rightCol ul li li a {font-weight: normal; padding-left: 20px}
/* Styling for parent on panel menu */
#leftCol span.expanded,#rightCol span.expanded,#leftCol ul li span.separator,#rightCol ul li span.separator {background: url (../images/divider.png) repeat-x left bottom; display: block; padding-left: 20px; cursor: pointer; padding: 4px 0 4px 20px; background: url (../images/navParent.png) no-repeat left 12px}
/* Hidden Panel Styling */
#toppanel a#open {color: #fff; padding: 8px 10px; background: #000; border-bottom: 1px solid #2a2a2a; z-index: 100;}
#toppanel a#open:hover {color: #333}
overlay div.close {background:url (../images/panelClose.png) no-repeat}
#panelInner {background: url (../images/blackOverlay.png); border: 1px solid #000}
/* Input Styling */
inputbox, input#email {background: #fff url (../images/fieldShadow.jpg) repeat-x;
border: 1px solid #fff;
font-size: 13px; color: #333333; display: block; padding: 8px; clear: both; margin-bottom: 10px;}
button.validate {padding: 4px;}
/* Overrides */
article_row.leading {padding: 0 0 30px; margin: 0 0 10px; clear: both;}
leading {float: left; width: 100%}
/* Page classes */
div.jbFrontPage {clear: both; float: left; background: url (../images/divider.png) repeat-x left top; padding-top: 8px; position: relative; width: 100%;}
div#jbArticle {background: url (../images/divider.png) repeat-x left top; padding-top: 8px; position: relative;}
div.jbSection {background: url (../images/divider.png) repeat-x left top; padding-top: 8px; position: relative;}
div.jbCategory {background: url (../images/divider.png) repeat-x left top; padding-top: 8px; position: relative; clear: both;}
/* Pdf Buttons etc */
div.buttons {position: absolute; right: 0; margin-top: -40px}
div.buttons.noborder {margin-top: -25px;}
/* Div around the title and author, date etc */
div.jbMeta {background: url (../images/divider.png) repeat-x left bottom; height: 30px; float: left; width: 100%; margin-bottom: 20px; color: #ccc; font-size: 90%; position: relative}
/* Section and Categories */
div.jbSectCat.dateheading {padding-left: 100px}
jbCategory {clear: both; float: left; width: 100%;}
/* Author and date styling */
div.jbAuthorDate {float: right; width: 100%;}
span.jbModifydate {float: right; font-size: 90%; font-style: italic; color: #999}
div.jbAuthor {float: right; position: absolute; right: 0; top: 0px; font-style: italic; text-align: right;}
div.jbCreatedate {position: absolute; width: 60px; height: 50px; text-align: center; z-index: 10; background: url (../images/dividerVert.png) no-repeat right top; padding-right: 20px}
div.jbCreatedate span.datemonth {margin-right: 8px;}
div.jbCreatedate span.dateyear {font-size: 2em; display: block; text-align: center; line-height: 1em;}
/* Read more */
div.jbReadmore {float: left; padding-left: 15px; margin-top: 8px; font-size: 90%}
blog_more ul li {list-style-type: none; margin: 0;}
blog_more ul li a {background: #1a1a1a url (../images/divider.png) repeat-x left bottom; padding-bottom: 8px; border: none; display: block;}
ul.pagination {margin: 0;}
ul.pagination li {float: left; list-style-type: none; margin: 0 20px 0 0}
ul.pagination li a {border: 1px solid #2a2a2a; padding: 4px 8px}
ul.pagination li a:hover {background: #101010; border: 1px solid #333}
mbRow {font-size: 80%; color: #999}
mbImage.mbImageFlat {border: 2px solid #121212; padding: 0; margin: 0 0 10px 0; float: left;}
mbWrap {margin: 0 0 8px;}
mbWrapFlat {padding: 16px 0 4px}
mbitemFlat {width: 100%;}
mbWrapFlat h2 a {margin-bottom: 8px; background: none; font-size: 90%; line-height: 1em; float: none}
mbImageFlat {margin-right: 20px}
mbMoreFlat.readon {float: left; padding-left: 15px; font-size: 90%}
mbWrapFlat {background: url (../images/divider.png) repeat-x left bottom; border: none}
slideshowImage img {border: 2px solid #121212}
mbColImage img {margin: 0 0 4px;}
mbitemCols h2 {display: block; margin: 0; padding: 0 0 4px;}
moduletable-heading p {display: none}
ul.three {float: left; width: 30%; margin-right: 10px; display: block}
#right ul.three li {display: block; float: none; clear: both}
border {border: 2px solid #121212; padding: 0}
#colorbox {color: #333}
slideshowContent {color: #fff;}
th.pagenav_next {text-align: right;}
results ol li {background: url (../images/divider.png) repeat-x left bottom; padding-bottom: 10px; margin-bottom: 10px;}
div.clear-body {display:none;}
Приложение В
Template.js
/*
*
jquery.easyRotate 1.0 - 3-11-2010
* author: Jordan Andree (jordan@noblegiant.com)
* http://noblegiant.com
*
Written to ease the implementation of element rotation for cross-browser support
*
Feel free to do whatever you want with this file
*/
(function($) {$.fn.extend({easyRotate:function(options) {var defaults={degrees:0}; var options=$.extend (defaults, options); return this.each (function() {var obj=this; var deg=options.degrees; var deg2radians=Math.PI*2/360; var rad=deg*deg2radians; var costheta=Math.cos(rad); var sintheta=Math.sin(rad); var a=parseFloat(costheta).toFixed(8); var c=parseFloat(-sintheta).toFixed(8); var b=parseFloat(sintheta).toFixed(8); var d=parseFloat(costheta).toFixed(8); var matrix=«matrix («+a+», «+b+», «+c+», «+d+», 0, 0);»; if (obj.filters) {obj.style.filter= «progid:DXImageTransform. Microsoft. Matrix (sizingMethod='auto expand');»; obj.filters.item(0).M11=costheta; obj.filters.item(0).M12=-sintheta; obj.filters.item(0).M21=sintheta; obj.filters.item(0).M22=costheta} else {obj.setAttribute («style», «position:absolute; - moz-transform: «+matrix+»; - webkit-transform: «+matrix+»; - o-transform: «+matrix+»»)}})}})}) (jQuery);
jQuery ('#ribbon span').easyRotate({degrees: 45});
* Accordion Script
-*/
jQuery(document).ready (function() {jQuery ('.moduletable-panelmenu ul ul').hide(); var cookieValue=jQuery.cookie('menuCookie')||''; jQuery ('.moduletable-panelmenu ul > li > span').each (function(index) {var $this=jQuery(this),$checkElement=$this.next('ul'); if (cookieValue.indexOf (bigIndex(index))>-1) {$checkElement.show()}$this.click (function() {if ($checkElement.is (':hidden')) {$checkElement.slideDown («fast»); cookieValue=cookieValue+bigIndex(index); jQuery.cookie ('menuCookie', cookieValue)} else {$checkElement.slideUp(); cookieValue=cookieValue.replace (bigIndex(index), ''); jQuery.cookie ('menuCookie', cookieValue)}})}); jQuery('button').click (function() {jQuery.cookie ('menuCookie', '', {expires: - 1}); jQuery ('.moduletable-panelmenu > li ul').hide(); showCookie()})}); function bigIndex(inival) {return inival<10?'0'+inival+'-':''+inival+'-'}
/*-
* JQuery Cookie
-*/
jQuery.cookie=function (name, value, options) {if (typeof value!='undefined') {options=options||{}; if (value===null) {value=''; options.expires=-1} var expires=''; if (options.expires&&(typeof options.expires=='number'||options.expires.toUTCString)) {var date; if (typeof options.expires=='number') {date=new Date(); date.setTime (date.getTime()+(options.expires*24*60*60*1000))} else {date=options.expires} expires='; expires='+date.toUTCString()} var path=options.path?'; path='+(options.path):''; var domain=options.domain?'; domain='+(options.domain):''; var secure=options.secure?'; secure':''; document.cookie=[name, '=', encodeURIComponent(value), expires, path, domain, secure].join('')} else {var cookieValue=null; if (document.cookie&&document.cookie!='') {var cookies=document.cookie.split (';'); for (var i=0; i<cookies.length; i++) {var cookie=jQuery.trim (cookies[i]); if (cookie.substring (0, name.length+1)==(name+'=')) {cookieValue=decodeURIComponent (cookie.substring (name.length+1)); break}}} return cookieValue}};
/*-
* JQuery Superfish
-*/
; (function($) {$.fn.superfish=function(op) {var sf=$.fn.superfish, c=sf.c,$arrow=$(['<span class=» ', c.arrowClass, '"></span>'].join('')), over=function() {var $$=$(this), menu=getMenu($$); clearTimeout (menu.sfTimer);$$.showSuperfishUl().siblings().hideSuperfishUl()}, out=function() {var $$=$(this), menu=getMenu($$), o=sf.op; clearTimeout (menu.sfTimer); menu.sfTimer=setTimeout (function() {o.retainPath=($.inArray($$[0], o.$path)>-1);$$.hideSuperfishUl(); if (o.$path.length&&$$.parents(['li.', o.hoverClass].join('')).length<1) {over.call (o.$path)}}, o.delay)}, getMenu=function($menu) {var menu=$menu.parents(['ul.', c.menuClass, ':first'].join('')) [0]; sf.op=sf.o [menu.serial]; return menu}, addArrow=function($a) {$a.addClass (c.anchorClass).prepend ($arrow.clone())}; return this.each (function() {var s=this.serial=sf.o.length; var o=$.extend({}, sf.defaults, op); o.$path=$('li.'+o.pathClass, this).slice (0, o.pathLevels).each (function() {$(this).addClass([o.hoverClass, c.bcClass].join (' ')).filter ('li:has(ul)').removeClass (o.pathClass)}); sf.o[s]=sf.op=o;$('li:has(ul)', this) [($.fn.hoverIntent&&! o.disableHI)?'hoverIntent':'hover'] (over, out).each (function() {if (o.autoArrows) addArrow($('>a:first-child', this))}).not ('.'+c.bcClass).hideSuperfishUl(); var $a=$('a', this);$a.each (function(i) {var $li=$a.eq(i).parents('li');$a.eq(i).focus (function() {over.call($li)}).blur (function() {out.call($li)})}); o.onInit.call(this)}).each (function() {menuClasses=[c.menuClass]; if (sf.op.dropShadows&&! ($.browser.msie&&$.browser.version<7)) menuClasses.push (c.shadowClass);$(this).addClass (menuClasses.join (' '))})}; var sf=$.fn.superfish; sf.o=[]; sf.op={}; sf.IE7fix=function() {var o=sf.op; if ($.browser.msie&&$.browser.version>6&&o.dropShadows&&o.animation.opacity!=undefined) this.toggleClass (sf.c.shadowClass+'-off')}; sf.c={bcClass:'sf-breadcrumb', menuClass:'sf-js-enabled', anchorClass:'sf-with-ul', arrowClass:'sf-sub-indicator', shadowClass:'sf-shadow'}; sf.defaults={hoverClass:'sfHover', pathClass:'overideThisToUse', pathLevels:1, delay:800, animation: {opacity:'show'}, speed:'normal', autoArrows:true, dropShadows:true, disableHI:false, onInit:function(){}, onBeforeShow:function(){}, onShow:function(){}, onHide:function(){}};$.fn.extend({hideSuperfishUl:function() {var o=sf.op, not=(o.retainPath===true)? o.$path:''; o.retainPath=false; var $ul=$(['li.', o.hoverClass].join(''), this).add(this).not(not).removeClass (o.hoverClass).find ('>ul').hide().css ('visibility', 'hidden'); o.onHide.call($ul); return this}, showSuperfishUl:function() {var o=sf.op, sh=sf.c.shadowClass+'-off',$ul=this.addClass (o.hoverClass).find ('>ul:hidden').css ('visibility', 'visible'); sf.IE7fix.call($ul); o.onBeforeShow.call($ul);$ul.animate (o.animation, o.speed, function() {sf.IE7fix.call($ul); o.onShow.call($ul)}); return this}})}) (jQuery);
/*
* Supersubs v0.2b - jQuery plugin
* Copyright (c) 2008 Joel Birch
*
* Dual licensed under the MIT and GPL licenses:
*
http://www.opensource.org/licenses/mit-license.php
*
http://www.gnu.org/licenses/gpl.html
*
*
* This plugin automatically adjusts submenu widths of suckerfish-style menus to that of
* their longest list item children. If you use this, please expect bugs and report them
* to the jQuery Google Group with the word 'Superfish' in the subject line.
*
*/
; (function($) {$.fn.supersubs=function(options) {var opts=$.extend({},$.fn.supersubs.defaults, options); return this.each (function() {var $$=$(this); var o=$.meta?$.extend({}, opts,$$.data()):opts; var fontsize=$('<li id= «menu-fontsize»>—</li>').css({'padding':0,'position':'absolute', 'top':'-999em', 'width':'auto'}).appendTo($$).width();$('#menu-fontsize').remove();$ULs=$$.find('ul');$ULs.each (function(i) {var $ul=$ULs.eq(i); var $LIs=$ul.children(); var $As=$LIs.children('a'); var liFloat=$LIs.css ('white-space', 'nowrap').css('float'); var emWidth=$ul.add($LIs).add($As).css({'float':'none', 'width':'auto'}).end().end() [0].clientWidth/fontsize; emWidth+=o.extraWidth; if (emWidth>o.maxWidth) {emWidth=o.maxWidth} else if (emWidth<o.minWidth) {emWidth=o.minWidth} emWidth+='em';$ul.css ('width', emWidth);$LIs.css({'float':liFloat, 'width':'100% ', 'white-space':'normal'}).each (function() {var $childUl=$('>ul', this); var offsetDirection=$childUl.css('left')!==undefined?'left':'right';$childUl.css (offsetDirection, emWidth)})})})};$.fn.supersubs.defaults={minWidth:9, maxWidth:25, extraWidth:0}}) (jQuery);
/***************************/
// @Author: Adrian «yEnS» Mato Gondelle
// @website: www.yensdesign.com
// @email: yensamg@gmail.com
// @license: Feel free to use it, but keep this credits please!
/***************************/
varpopupStatus=0; function loadPopup() {if (popupStatus==0) {jQuery («#backgroundPopup»).css({«opacity»: «0.7», «background-color»: «#FAFAFA»}); jQuery («#backgroundPopup»).fadeIn («slow»); jQuery («#panelInner»).fadeIn («slow»); popupStatus=1}} function disablePopup() {if (popupStatus==1) {jQuery («#backgroundPopup»).fadeOut («slow»); jQuery («#panelInner»).fadeOut («slow»); popupStatus=0}} function centerPopup() {var windowWidth=document.documentElement.clientWidth; var windowHeight=document.documentElement.clientHeight; var popupHeight=jQuery («#panelInner»).height(); var popupWidth=jQuery («#panelInner»).width(); jQuery («#panelInner»).css({«position»: «absolute», «top»:windowHeight/2-popupHeight/2, «left»:windowWidth/2-popupWidth/2}); jQuery («#backgroundPopup»).css({«height»:windowHeight})} jQuery(document).ready (function() {jQuery («#open»).click (function() {centerPopup(); loadPopup()}); jQuery (».close»).click (function() {disablePopup()}); jQuery («#backgroundPopup»).click (function() {disablePopup()}); jQuery(document).keypress (function(e) {if (e.keyCode==27&&popupStatus==1) {disablePopup()}})});
Размещено на Allbest.ru
Подобные документы
Создание обучающей презентации о создании сайта в программе для конструирования сайтов "Joomla". Установка локального сервера "Denwer" и программы "Joomla". Создание меню, загрузка изображений. Смена шаблона, работа с текстом в программе MS PowerPoint.
дипломная работа [3,8 M], добавлен 04.03.2013Разработка структуры web-сайта новостей, наполнение его содержательной информацией. Выбор платформы для создания сайта, его обоснование. Установка и редактирование шаблона, создание разделов и категорий. Добавление материала на сайт, его тестирование.
дипломная работа [1,5 M], добавлен 24.01.2016Выбор средства реализации программного продукта. Разработка программного комплекса (ПК). Руководство администратору и пользователю к нему. CMS Joomla - программа, включающая в себя различные инструменты для изготовления веб-сайта. Обработка ошибок в ПК.
курсовая работа [695,6 K], добавлен 19.06.2010Освоение процесса установки на локальный компьютер и настройки инструментальной среды разработки веб-сайтов Joomla 3. Изучение порядка создания, редактирования и публикации материалов на веб-сайте с использованием администраторской панели Joomla 3.
контрольная работа [2,4 M], добавлен 16.01.2015Анализ структуры и технологий создания сайтов машиностроительных предприятий, автоматизирующих систему продвижения товара через интернет. Установка и конфигурация системы управления контентом Joomla. Дизайн сайта, подбор необходимых модулей и плагинов.
дипломная работа [2,6 M], добавлен 21.06.2015Виды, классификация и понятие Web-сайта, программные средства для его разработки. Создание сайта для энергосбытовой компании: постановка задачи, структура, описание программных блоков и руководство пользователя. Использование системы управления Joomla!.
дипломная работа [5,2 M], добавлен 01.10.2011История образования ТОО "ABC Design". Разработка программного и информационного обеспечения компьютерных сетей, автоматизированных систем вычислительных комплексов и сервисов. Работа с CRM системой Task Manager и с панелью управления сайтов JOOMLA.
отчет по практике [727,4 K], добавлен 13.07.2017Обоснование потребности в web-сайте. Описание установки CMS Joomla. Постановка задачи при проектировании web-сайта. Обоснование выбора CMS (Content Management System). Разработка базы данных и интерфейса. Классификация и проектирование web-сайтов.
дипломная работа [1,9 M], добавлен 13.05.2009Системы создания и управления мультимедийными дистанционными учебными курсами. Настройка и установка на сайт шаблонов системы Joomla, его возможности и особенности. Варианты настройки и использования множества существующих расширений для Joomla.
учебное пособие [2,1 M], добавлен 30.04.2009Применение систем визуализации показателей качества воды. Принципы создания информационных систем, их назначение, цели и требования к ним. Разработка сайта и возможности CMS Joomla. Построение модели информационной системы с помощью CASE-технологий.
дипломная работа [2,5 M], добавлен 12.08.2017
