|
Меню для сайта 14 г., 5 мес. назад
|
Репутация: 0
|
привет всем можете подсказать возможно ли создать такое меню как на этом сайте gigart.ru при помощи какого нибудь компонента или скрипта для джумлы ? пробовал через css ,но у меня знаний мало для этого!!! |
|
|
|
|
|
|
Меню для сайта 14 г., 5 мес. назад
|
Репутация: 16
|
Это которое слева? Аккордион?
Можно решить проблему 3мя методами:
1 - поставить шаблон от ютимсов (или какой другой студии с встроенным аккордеоном), у них почти всегда меню в боковой позиции оформляется аккордеоном,
2 - прописать на модуль с меню скрипт аккордона и оформить все это посредством css,
либо 3 - поставить модуль меню в стиле аккордеона, например S5 Accordion Menu , JV Accordion Menu или какой другой, их вообщемто много. |
|
|
|
|
|
|
Меню для сайта 14 г., 5 мес. назад
|
Репутация: 0
|
|
вообще-то меня интерисует не аккордион а сами стили меню как плавно переходят они с черного на оранжевый..... и передвижение самих пунктов меню.... а шаблон создаю сам ....
|
|
|
|
|
|
|
Меню для сайта 14 г., 5 мес. назад
|
Репутация: 16
|
Там передвижения и смена цвета основана на ява скрипте.
В принципе такое сейчас можно и на css3 организовать.
Я тут даже в блогах постил по поводу дизайна joomla-master.org/index.php?option=com_idoblog&task=viewpost&id=2016&Itemid=75
Смотрите в сторону transition и transform, смену цвета, увеличение и выезжание можно спокойно на них организовать. |
|
|
|
|
|
|
Меню для сайта 14 г., 5 мес. назад
|
Репутация: 0
|
|
спасибо буду смотреть дальше ,потом отпишусь
|
|
|
|
|
|
|
Меню для сайта 14 г., 5 мес. назад
|
Репутация: 26
|
Код верхнего меню
 Предупреждение: Помехи!
| Код: |
var menuwidth='165px';var disappeardelay=1000;var hidemenu_onclick="yes";var ie4=document.all;var ns6=document.getElementById&&!document.all;if(ie4||ns6)document.write('<div id="dropmenudiv" style="visibility:hidden;position:absolute;z-index:100;
width:'+menuwidth+';" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>');function getposOffset(what,offsettype){var totaloffset=(offsettype=="left")?what.offsetLeft:what.offsetTop;var parentEl=what.offsetParent;while(parentEl!
=null){totaloffset=(offsettype=="left")?totaloffset+parentEl.offsetLeft:totaloffset+parentEl.offsetTop;parentEl=parentEl.offsetParent}return totaloffset};function showhide(obj,e,visible,hidden,menuwidth){if(ie4||ns6)
dropmenuobj.style.left=dropmenuobj.style.top=-500;if(menuwidth!=""){dropmenuobj.widthobj=dropmenuobj.style;dropmenuobj.widthobj.width=menuwidth}if(e.type=="click"&&obj.visibility==hidden||e.type=="mouseover")obj.visibility=visible;
else if(e.type=="click")obj.visibility=hidden}function iecompattest(){return(document.compatMode&&document.compatMode!="BackCompat")?document.documentElement:document.body};function clearbrowseredge(obj,whichedge){var edgeoffset=0;
if(whichedge=="rightedge"){var windowedge=ie4&&!window.opera?iecompattest().scrollLeft+iecompattest().clientWidth-15:window.pageXOffset+window.innerWidth-15;dropmenuobj.contentmeasure=dropmenuobj.offsetWidth;if(windowedge-
dropmenuobj.x<dropmenuobj.contentmeasure)edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth}else{var topedge=ie4&&!window.opera?iecompattest().scrollTop:window.pageYOffset;var windowedge=ie4&&!window.opera?iecompattest().scrollTop+iecompattest()
.clientHeight-15:window.pageYOffset+window.innerHeight-18;dropmenuobj.contentmeasure=dropmenuobj.offsetHeight;if(windowedge-dropmenuobj.y<dropmenuobj.contentmeasure){edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight;if((dropmenuobj.y-topedge)
<dropmenuobj.contentmeasure)edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge}}return edgeoffset};function populatemenu(what){if(ie4||ns6)dropmenuobj.innerHTML=what.join("")};function dropdownmenu(obj,e,menucontents,menuwidth){if(window.event)
event.cancelBubble=true;else if(e.stopPropagation)e.stopPropagation();clearhidemenu();dropmenuobj=document.getElementById?document.getElementById("dropmenudiv"):dropmenudiv;populatemenu(menucontents);if(ie4||ns6)
{showhide(dropmenuobj.style,e,"visible","hidden",menuwidth);dropmenuobj.x=getposOffset(obj,"left");dropmenuobj.y=getposOffset(obj,"top");dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj,"rightedge")+"px";dropmenuobj.style.top=dropmenuobj.y-
clearbrowseredge(obj,"bottomedge")+obj.offsetHeight+"px"}return clickreturnvalue()};function clickreturnvalue(){if(ie4||ns6)return false;else return true};function contains_ns6(a,b){while(b.parentNode)if((b=b.parentNode)==a)return true;return false};
function dynamichide(e){if(ie4&&!dropmenuobj.contains(e.toElement))delayhidemenu();else if(ns6&&e.currentTarget!=e.relatedTarget&&!contains_ns6(e.currentTarget,e.relatedTarget))delayhidemenu()};function hidemenu(e){if(typeof dropmenuobj!="undefined")
{if(ie4||ns6)dropmenuobj.style.visibility="hidden"}};function delayhidemenu(){if(ie4||ns6)delayhide=setTimeout("hidemenu()",disappeardelay)};function clearhidemenu(){if(typeof delayhide!="undefined")clearTimeout(delayhide)};
if(hidemenu_onclick=="yes")document.onclick=hidemenu;
|
код меню с акардеоном
| Код: |
/**
* YOOtheme Javascript file, accordionmenu.js
*
* @author yootheme.com
* @copyright Copyright (C) 2007 YOOtheme Ltd. & Co. KG. All rights reserved.
*/
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};
while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('4 e=7 A({n:2(){B{l:\'m\'}},C:2(k,j,9){0.D(0.n(),9);0.6=k;0.c=j;t(0.9.l){x\'E\':0.f();F;m:0.o()}},o:2(){4 5=-1;$d(0.6).g(2(3,i){r(3.s(\'5\'))5=i}.q(0));
4 P=7 a.L(0.6,0.c,{K:5})},f:2(){$d(0.6).g(2(3,i){4 8=3.p(\'8\');4 h=3.p(0.c);4 b=7 a.N(h,{G:a.O.J,I:H});r(!3.s(\'5\'))b.M();8.w(\'v\',2(){b.y()})}.q(0))}});e.u(7 z);
',52,52,'this||function|tog|var|active|togs|new|span|options|Fx|fx|elms|ES|YtAccordionMenu|createSlide|each|ul||elements|togglers|accordion|default|getOptions|createDefault|getElement|bind|if|hasClass|switch|implement|click|addEvent|case|toggle|Optio
ns|Class|return|initialize|setOptions|slide|break|transition|250|duration|linear|show|Accordion|hide|Slide|Transitions|accordionMenu'.split('|'),0,{}))
|
|
|
|
|
Последнее редактирование: 15.02.2012 15:11 Редактировал Fidelity.
|
|
|
Форум
