Cum fac si eu ca aici

2 participanți

Extrem Tutorials :: Alte servicii :: Probleme legate de script/cod :: Arhiva script-uri

Cum fac si eu ca aiciDum 27 Oct - 11:06

Salut cum pot face si eu cum e aici:

Cum fac si eu ca aici 2hf162s

Vreau si eu ca la voi cum arata peste tot detalii va multumesc.

Re: Cum fac si eu ca aiciDum 27 Oct - 12:56

Panoul de Administrare => Module => HTML & JAVASCRIPT => Gestiunea codurilor JavaScript.

Cod:

$(document).ready(function() {
$("a.mainmenu:last").after('

<br>

  <a style="margin-right: 12px;" class="mainmenu" href="link">Text</a>
  <a style="margin-right: 12px;" class="mainmenu" href="link">Text</a>
  <a style="margin-right: 12px;" class="mainmenu" href="link">Text</a>
  <a style="margin-right: 12px;" class="mainmenu" href="link">Text</a>
  <a style="margin-right: 12px;" class="mainmenu" href="link">Text</a>

');
});

Codul il amplasezi pe toate paginile si se numeste " Meniu Secundar "

Un exemplu cum ar trebui sa modifici in Javascript

[code][Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Re: Cum fac si eu ca aiciDum 27 Oct - 13:06

man eu zic ca peste tot unde pun sageata imi da tetali nu numai la meniu eu zic ca la voi unde pun sageata imd imi da detali cum fac si eu ?

Re: Cum fac si eu ca aiciDum 27 Oct - 13:22

Panoul de Administrare => Module => HTML & JAVASCRIPT => Gestiunea codurilor JavaScript.

Cod:

   // tipsy, facebook style tooltips for jquery
            // version 1.0.0a
            // (c) 2008-2010 jason frame [jason@onehackoranother.com]
            // releated under the MIT license
            (function($) {

            function fixTitle($ele) {
            if ($ele.attr('title') || typeof($ele.attr('original-title')) != 'string') {
            $ele.attr('original-title', $ele.attr('title') || '').removeAttr('title');
            }
            }

            function Tipsy(element, options) {
            this.$element = $(element);
            this.options = options;
            this.enabled = true;
            fixTitle(this.$element);
            }

            Tipsy.prototype = {
            show: function() {
            var title = this.getTitle();
            if (title && this.enabled) {
            var $tip = this.tip();

            $tip.find('.tipsy-inner')[this.options.html ? 'html' : 'text'](title);
            $tip[0].className = 'tipsy'; // reset classname in case of dynamic gravity
            $tip.remove().css({top: 0, left: 0, visibility: 'hidden', display: 'block'}).appendTo(document.body);

            var pos = $.extend({}, this.$element.offset(), {
            width: this.$element[0].offsetWidth,
            height: this.$element[0].offsetHeight
            });

            var actualWidth = $tip[0].offsetWidth, actualHeight = $tip[0].offsetHeight;
            var gravity = (typeof this.options.gravity == 'function')
            ? this.options.gravity.call(this.$element[0])
            : this.options.gravity;

            var tp;
            switch (gravity.charAt(0)) {
            case 'n':
            tp = {top: pos.top + pos.height + this.options.offset, left: pos.left + pos.width / 2 - actualWidth / 2};
            break;
            case 's':
            tp = {top: pos.top - actualHeight - this.options.offset, left: pos.left + pos.width / 2 - actualWidth / 2};
            break;
            case 'e':
            tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth - this.options.offset};
            break;
            case 'w':
            tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width + this.options.offset};
            break;
            }

            if (gravity.length == 2) {
            if (gravity.charAt(1) == 'w') {
            tp.left = pos.left + pos.width / 2 - 15;
            } else {
            tp.left = pos.left + pos.width / 2 - actualWidth + 15;
            }
            }

            $tip.css(tp).addClass('tipsy-' + gravity);

            if (this.options.fade) {
            $tip.stop().css({opacity: 0, display: 'block', visibility: 'visible'}).animate({opacity: this.options.opacity});
            } else {
            $tip.css({visibility: 'visible', opacity: this.options.opacity});
            }
            }
            },

            hide: function() {
            if (this.options.fade) {
            this.tip().stop().fadeOut(function() { $(this).remove(); });
            } else {
            this.tip().remove();
            }
            },

            getTitle: function() {
            var title, $e = this.$element, o = this.options;
            fixTitle($e);
            var title, o = this.options;
            if (typeof o.title == 'string') {
            title = $e.attr(o.title == 'title' ? 'original-title' : o.title);
            } else if (typeof o.title == 'function') {
            title = o.title.call($e[0]);
            }
            title = ('' + title).replace(/(^\s*|\s*$)/, "");
            return title || o.fallback;
            },

            tip: function() {
            if (!this.$tip) {
            this.$tip = $('<div class="tipsy"></div>').html('<div class="tipsy-arrow"></div><div class="tipsy-inner"/></div>');
            }
            return this.$tip;
            },

            validate: function() {
            if (!this.$element[0].parentNode) {
            this.hide();
            this.$element = null;
            this.options = null;
            }
            },

            enable: function() { this.enabled = true; },
            disable: function() { this.enabled = false; },
            toggleEnabled: function() { this.enabled = !this.enabled; }
            };

            $.fn.tipsy = function(options) {

            if (options === true) {
            return this.data('tipsy');
            } else if (typeof options == 'string') {
            return this.data('tipsy')[options]();
            }

            options = $.extend({}, $.fn.tipsy.defaults, options);

            function get(ele) {
            var tipsy = $.data(ele, 'tipsy');
            if (!tipsy) {
            tipsy = new Tipsy(ele, $.fn.tipsy.elementOptions(ele, options));
            $.data(ele, 'tipsy', tipsy);
            }
            return tipsy;
            }

            function enter() {
            var tipsy = get(this);
            tipsy.hoverState = 'in';
            if (options.delayIn == 0) {
            tipsy.show();
            } else {
            setTimeout(function() { if (tipsy.hoverState == 'in') tipsy.show(); }, options.delayIn);
            }
            };

            function leave() {
            var tipsy = get(this);
            tipsy.hoverState = 'out';
            if (options.delayOut == 0) {
            tipsy.hide();
            } else {
            setTimeout(function() { if (tipsy.hoverState == 'out') tipsy.hide(); }, options.delayOut);
            }
            };

            if (!options.live) this.each(function() { get(this); });

            if (options.trigger != 'manual') {
            var binder = options.live ? 'live' : 'bind',
            eventIn = options.trigger == 'hover' ? 'mouseenter' : 'focus',
            eventOut = options.trigger == 'hover' ? 'mouseleave' : 'blur';
            this[binder](eventIn, enter)[binder](eventOut, leave);
            }

            return this;

            };

            $.fn.tipsy.defaults = {
            delayIn: 0,
            delayOut: 0,
            fade: false,
            fallback: '',
            gravity: 'n',
            html: false,
            live: false,
            offset: 0,
            opacity: 0.8,
            title: 'title',
            trigger: 'hover'
            };

            // Overwrite this method to provide options on a per-element basis.
            // For example, you could store the gravity in a 'tipsy-gravity' attribute:
            // return $.extend({}, options, {gravity: $(ele).attr('tipsy-gravity') || 'n' });
            // (remember - do not modify 'options' in place!)
            $.fn.tipsy.elementOptions = function(ele, options) {
            return $.metadata ? $.extend({}, options, $(ele).metadata()) : options;
            };

            $.fn.tipsy.autoNS = function() {
            return $(this).offset().top > ($(document).scrollTop() + $(window).height() / 2) ? 's' : 'n';
            };

            $.fn.tipsy.autoWE = function() {
            return $(this).offset().left > ($(document).scrollLeft() + $(window).width() / 2) ? 'e' : 'w';
            };

            })(jQuery);

La amplasare, bifati: Toate paginile

Panou de Administrare => Afisare => Culori => Foaie de stil CSS

Cod:

 .tipsy {
            padding: 5px;
            font-size: 10px;
            position: absolute;
            z-index: 999;
            }

            .tipsy-inner {
            padding: 5px 8px 4px 8px;
            background-color: black;
            color: white;
            max-width: 200px;
            text-align: center;
            }

            .tipsy-inner {
            border-radius: 3px;
            -moz-border-radius:3px;
            -webkit-border-radius:3px;
            }

            .tipsy-arrow {
            position: absolute;
            background: url('http://onehackoranother.com/projects/jquery/tipsy/stylesheets/../images/tipsy.gif') no-repeat top left;
            width: 9px;
            height: 5px;
            }

            .tipsy-n .tipsy-arrow {
            top: 0;
            left: 50%;
            margin-left: -4px;
            }

            .tipsy-nw .tipsy-arrow {
            top: 0;
            left: 10px;
            }

            .tipsy-ne .tipsy-arrow {
            top: 0;
            right: 10px;
            }

            .tipsy-s .tipsy-arrow {
            bottom: 0;
            left: 50%;
            margin-left: -4px;
            background-position: bottom left;
            }

            .tipsy-sw .tipsy-arrow {
            bottom: 0;
            left: 10px;
            background-position: bottom left;
            }

            .tipsy-se .tipsy-arrow {
            bottom: 0;
            right: 10px;
            background-position: bottom left;
            }

            .tipsy-e .tipsy-arrow {
            top: 50%;
            margin-top: -4px;
            right: 0;
            width: 5px;
            height: 9px;
            background-position: top right;
            }

            .tipsy-w .tipsy-arrow {
            top: 50%;
            margin-top: -4px;
            left: 0;
            width: 5px;
            height: 9px;
            }

Re: Cum fac si eu ca aiciDum 27 Oct - 13:27

la mine nu functioneaza

Re: Cum fac si eu ca aiciDum 27 Oct - 14:48

Incercati acest cod javascript:

Cod:

(function($){function fixTitle($ele){if($ele.attr('title')||typeof($ele.attr('original-title'))!='string'){$ele.attr('original-title',$ele.attr('title')||'').removeAttr('title')}}function Tipsy(element,options){this.$element=$(element);this.options=options;this.enabled=true;fixTitle(this.$element)}Tipsy.prototype={show:function(){var title=this.getTitle();if(title&&this.enabled){var $tip=this.tip();$tip.find('.tipsy-inner')[this.options.html?'html':'text'](title);$tip[0].className='tipsy';$tip.remove().css({top:0,left:0,visibility:'hidden',display:'block'}).appendTo(document.body);var pos=$.extend({},this.$element.offset(),{width:this.$element[0].offsetWidth,height:this.$element[0].offsetHeight});var actualWidth=$tip[0].offsetWidth,actualHeight=$tip[0].offsetHeight;var gravity=(typeof this.options.gravity=='function')?this.options.gravity.call(this.$element[0]):this.options.gravity;var tp;switch(gravity.charAt(0)){case'n':tp={top:pos.top+pos.height+this.options.offset,left:pos.left+pos.width/2-actualWidth/2};break;case's':tp={top:pos.top-actualHeight-this.options.offset,left:pos.left+pos.width/2-actualWidth/2};break;case'e':tp={top:pos.top+pos.height/2-actualHeight/2,left:pos.left-actualWidth-this.options.offset};break;case'w':tp={top:pos.top+pos.height/2-actualHeight/2,left:pos.left+pos.width+this.options.offset};break}if(gravity.length==2){if(gravity.charAt(1)=='w'){tp.left=pos.left+pos.width/2-15}else{tp.left=pos.left+pos.width/2-actualWidth+15}}$tip.css(tp).addClass('tipsy-'+gravity);if(this.options.fade){$tip.stop().css({opacity:0,display:'block',visibility:'visible'}).animate({opacity:this.options.opacity})}else{$tip.css({visibility:'visible',opacity:this.options.opacity})}}},hide:function(){if(this.options.fade){this.tip().stop().fadeOut(function(){$(this).remove()})}else{this.tip().remove()}},getTitle:function(){var title,$e=this.$element,o=this.options;fixTitle($e);var title,o=this.options;if(typeof o.title=='string'){title=$e.attr(o.title=='title'?'original-title':o.title)}else if(typeof o.title=='function'){title=o.title.call($e[0])}title=(''+title).replace(/(^\s*|\s*$)/,"");return title||o.fallback},tip:function(){if(!this.$tip){this.$tip=$('<div class="tipsy"></div>').html('<div class="tipsy-arrow"></div><div class="tipsy-inner"/></div>')}return this.$tip},validate:function(){if(!this.$element[0].parentNode){this.hide();this.$element=null;this.options=null}},enable:function(){this.enabled=true},disable:function(){this.enabled=false},toggleEnabled:function(){this.enabled=!this.enabled}};$.fn.tipsy=function(options){if(options===true){return this.data('tipsy')}else if(typeof options=='string'){return this.data('tipsy')[options]()}options=$.extend({},$.fn.tipsy.defaults,options);function get(ele){var tipsy=$.data(ele,'tipsy');if(!tipsy){tipsy=new Tipsy(ele,$.fn.tipsy.elementOptions(ele,options));$.data(ele,'tipsy',tipsy)}return tipsy}function enter(){var tipsy=get(this);tipsy.hoverState='in';if(options.delayIn==0){tipsy.show()}else{setTimeout(function(){if(tipsy.hoverState=='in')tipsy.show()},options.delayIn)}};function leave(){var tipsy=get(this);tipsy.hoverState='out';if(options.delayOut==0){tipsy.hide()}else{setTimeout(function(){if(tipsy.hoverState=='out')tipsy.hide()},options.delayOut)}};if(!options.live)this.each(function(){get(this)});if(options.trigger!='manual'){var binder=options.live?'live':'bind',eventIn=options.trigger=='hover'?'mouseenter':'focus',eventOut=options.trigger=='hover'?'mouseleave':'blur';this[binder](eventIn,enter)[binder](eventOut,leave)}return this};$.fn.tipsy.defaults={delayIn:0,delayOut:0,fade:false,fallback:'',gravity:'n',html:false,live:false,offset:0,opacity:0.8,title:'title',trigger:'hover'};$.fn.tipsy.elementOptions=function(ele,options){return $.metadata?$.extend({},options,$(ele).metadata()):options};$.fn.tipsy.autoNS=function(){return $(this).offset().top>($(document).scrollTop()+$(window).height()/2)?'s':'n'};$.fn.tipsy.autoWE=function(){return $(this).offset().left>($(document).scrollLeft()+$(window).width()/2)?'e':'w'}})(jQuery);$(document).ready(function(){$('[title]').tipsy({gravity:'sw'});$('bb9Av')});

Si acest cod css:

Cod:

.tipsy {
            padding: 5px;
            font-size: 11px;
            position: absolute;
            z-index: 999;
            }

            .tipsy-inner {
            padding: 5px 5px 5px 5px;
            background: #004d65;
            color: white;
            max-width: 200px;
            text-align: center;
            }

            .tipsy-inner {
            border-radius: 3px;
            -moz-border-radius:3px;
            -webkit-border-radius:3px;
            }

            .tipsy-arrow {
            position: absolute;
            background: url('http://i75.servimg.com/u/f75/15/42/26/78/tipsy11.png') no-repeat top left;
            width: 9px;
            height: 5px;
            }

            .tipsy-n .tipsy-arrow {
            top: 0;
            left: 50%;
            margin-left: -4px;
            }

            .tipsy-nw .tipsy-arrow {
            top: 0;
            left: 10px;
            }

            .tipsy-ne .tipsy-arrow {
            top: 0;
            right: 10px;
            }

            .tipsy-s .tipsy-arrow {
            bottom: 0;
            left: 50%;
            margin-left: -4px;
            background-position: bottom left;
            }

            .tipsy-sw .tipsy-arrow {
            bottom: 0;
            left: 10px;
            background-position: bottom left;
            }

            .tipsy-se .tipsy-arrow {
            bottom: 0;
            right: 10px;
            background-position: bottom left;
            }

            .tipsy-e .tipsy-arrow {
            top: 50%;
            margin-top: -4px;
            right: 0;
            width: 5px;
            height: 9px;
            background-position: top right;
            }

            .tipsy-w .tipsy-arrow {
            top: 50%;
            margin-top: -4px;
            left: 0;
            width: 5px;
            height: 9px;
            }