Admin المدير العام
مشاركاتي » : 312 العمر » : 25
| موضوع: إضافة سلايدشو إلى مدونات بلوجر في قمة الاحترافية الجمعة فبراير 08, 2013 11:20 am | |
| إضافة سلايدشو إلى مدونات بلوجر في قمة الاحترافية طريقة تركيب سلايدشو احترافي مقدم حصريا من جي سوفتتوجه في مدونتك إلى: تصميم > تحرير HTML > أخذ نسخة احتياطية من القالب ثم ابحث عن الكود التالي: ]]> احذف الرقم 5 وأضف فوقه مباشرة الكود التالي كود بلغة HTML: - الكود:
-
.featuredposts{margin:15px 0 15px 0px;border:1px solid #C0C0C0;width:608px;height:426px;overflow:hidden;background:#F6F6F6;} .fp-slides{} .fp-post{padding:13px} .fp-thumbnail{width:580px;height:300px;margin-bottom:10px;overflow:hidden} .fp-title{color:#2C2A2D;font:bold 16px Arial,Helvetica,Sans-serif;padding:0 0 4px 0;margin:0} .fp-title a{color:#2C2A2D;text-decoration:none} .fp-title a:hover{color:#3C88B2;text-decoration:none} .fp-label{color:#2C2A2D;margin:15px 15px 0 15px;padding:0;text-transform:uppercase;font:bold 16px/16px Arial,Helvetica,Sans-serif} .fp-post p{color:#535353;padding:0;margin:0;font:12px/16px Tahoma,Helvetica,Sans-serif;height:32px;overflow:hidden;} .fp-more,.fp-more:hover{color:#3C88B2;font-weight:bold} .fp-nav{width:590px;padding:8px 10px;border-top:0px solid #ccc;height:17px;} .fp-pager a{background-image:url(http://1.bp.blogspot.com/_4HKUHirY_2U/TTFKQ5Ymn5I/AAAAAAAALY0/C78j0MP9U9o/s1600/featured-pager.png);cursor:pointer;margin:3px 6px 0 0;padding:0;height:10px;width:10px;display:block;float:right;overflow:hidden;text-indent:-999px;background-position:0 0} .fp-pager a:hover,.fp-pager a.activeSlide{text-decoration:none;background-position:0 -110px} .fp-prev{float:right;margin-right:4px;width:15px;height:17px;opacity:0.7;background:url(http://3.bp.blogspot.com/_4HKUHirY_2U/TTFKRJ8r3OI/AAAAAAAALY8/NRSWppjcPt4/s1600/featured-prev.png) top right no-repeat} .fp-prev:hover{opacity:1} .fp-prev:active{opacity:0.7} .fp-next{float:right;width:15px;height:17px;margin-right:4px;opacity:0.7;background:url(http://3.bp.blogspot.com/_4HKUHirY_2U/TTFKQ6W0VqI/AAAAAAAALYs/4CiD4Za36Lo/s1600/featured-next.png) top right no-repeat} .fp-next:hover{opacity:1} .fp-next:active{opacity:0.7} ثم ابحث عن الكود التالي كود بلغة HTML: ]]> وأضف فوقه مباشرة الكود التالي - الكود:
-
// (function($){ /* hoverIntent by Brian Cherne */ $.fn.hoverIntent = function(f,g) { // default configuration options var cfg = { sensitivity: 7, interval: 100, timeout: 0 }; // override configuration options with user supplied object cfg = $.extend(cfg, g ? { over: f, out: g } : f );
// instantiate variables // cX, cY = current X and Y position of mouse, updated by mousemove event // pX, pY = previous X and Y position of mouse, set by mouseover and polling interval var cX, cY, pX, pY;
// A private function for getting mouse position var track = function(ev) { cX = ev.pageX; cY = ev.pageY; };
// A private function for comparing current and previous mouse position var compare = function(ev,ob) { ob.hoverIntent_t = clearTimeout(ob.hoverIntent_t); // compare mouse positions to see if they've crossed the threshold if ( ( Math.abs(pX-cX) Math.abs(pY-cY) ) < cfg.sensitivity ) { $(ob).unbind("mousemove",track); // set hoverIntent state to true (so mouseOut can be called) ob.hoverIntent_s = 1; return cfg.over.apply(ob,[ev]); } else { // set previous coordinates for next time pX = cX; pY = cY; // use self-calling timeout, guarantees intervals are spaced out properly (avoids JavaScript timer bugs) ob.hoverIntent_t = setTimeout( function(){compare(ev, ob);} , cfg.interval ); } };
// A private function for delaying the mouseOut function var delay = function(ev,ob) { ob.hoverIntent_t = clearTimeout(ob.hoverIntent_t); ob.hoverIntent_s = 0; return cfg.out.apply(ob,[ev]); };
// A private function for handling mouse 'hovering' var handleHover = function(e) { // next three lines copied from jQuery.hover, ignore children onMouseOver/onMouseOut var p = (e.type == "mouseover" ? e.fromElement : e.toElement) || e.relatedTarget; while ( p && p != this ) { try { p = p.parentNode; } catch(e) { p = this; } } if ( p == this ) { return false; }
// copy objects to be passed into t (required for event object to be passed in IE) var ev = jQuery.extend({},e); var ob = this;
// cancel hoverIntent timer if it exists if (ob.hoverIntent_t) { ob.hoverIntent_t = clearTimeout(ob.hoverIntent_t); }
// else e.type == "onmouseover" if (e.type == "mouseover") { // set "previous" X and Y position based on initial entry point pX = ev.pageX; pY = ev.pageY; // update "current" X and Y position based on mousemove $(ob).bind("mousemove",track); // start polling interval (self-calling timeout) to compare mouse coordinates over time if (ob.hoverIntent_s != 1) { ob.hoverIntent_t = setTimeout( function(){compare(ev,ob);} , cfg.interval );}
// else e.type == "onmouseout" } else { // unbind expensive mousemove event $(ob).unbind("mousemove",track); // if hoverIntent state is true, then call the mouseOut function after the specified delay if (ob.hoverIntent_s == 1) { ob.hoverIntent_t = setTimeout( function(){delay(ev,ob);} , cfg.timeout );} } };
// bind the function to the two event listeners return this.mouseover(handleHover).mouseout(handleHover); }; })(jQuery);
//]]>
// /* * Superfish v1.4.8 - jQuery menu widget * 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 * * CHANGELOG: http://users.tpg.com.au/j_birch/plugins/superfish/changelog.txt */
;(function($){ $.fn.superfish = function(op){
var sf = $.fn.superfish, c = sf.c, $arrow = $([' »'].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 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, // true disables hoverIntent detection onInit : function(){}, // callback functions 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);
//]]>
// /* * jQuery Cycle Plugin (with Transition Definitions) * Examples and documentation at: http://jquery.malsup.com/cycle/ * Copyright (c) 2007-2010 M. Alsup * Version: 2.88 (08-JUN-2010) * Dual licensed under the MIT and GPL licenses. * http://jquery.malsup.com/license.html * Requires: jQuery v1.2.6 or later */ (function($){var ver="2.88";if($.support==undefined){$.support={opacity:!($.browser.msie)};}function debug(s){if($.fn.cycle.debug){log(s);}}function log(){if(window.console&&window.console.log){window.console.log("[cycle] " Array.prototype.join.call(arguments," "));}}$.fn.cycle=function(options,arg2){var o={s:this.selector,c:this.context};if(this.length===0&&options!="stop"){if(!$.isReady&&o.s){log("DOM not ready, queuing slideshow");$(function(){$(o.s,o.c).cycle(options,arg2);});return this;}log("terminating; zero elements found by selector" ($.isReady?"":" (DOM not ready)"));return this;}return this.each(function(){var opts=handleArguments(this,options,arg2);if(opts===false){return;}opts.updateActivePagerLink=opts.updateActivePagerLink||$.fn.cycle.updateActivePagerLink;if(this.cycleTimeout){clearTimeout(this.cycleTimeout);}this.cycleTimeout=this.cyclePause=0;var $cont=$(this);var $slides=opts.slideExpr?$(opts.slideExpr,this):$cont.children();var els=$slides.get();if(els.lengthmaxh?h:maxh;}if(maxw>0&&maxh>0){$cont.css({width:maxw "px",height:maxh "px"});}}if(opts.pause){$cont.hover(function(){this.cyclePause ;},function(){this.cyclePause--;});}if(supportMultiTransitions(opts)===false){return false;}var requeue=false;options.requeueAttempts=options.requeueAttempts||0;$slides.each(function(){var $el=$(this);this.cycleH=(opts.fit&&opts.height)?opts.height:($el.height()||this.offsetHeight||this.height||$el.attr("height")||0);this.cycleW=(opts.fit&&opts.width)?opts.width:($el.width()||this.offsetWidth||this.width||$el.attr("width")||0);if($el.is("img")){var loadingIE=($.browser.msie&&this.cycleW==28&&this.cycleH==30&&!this.complete);var loadingFF=($.browser.mozilla&&this.cycleW==34&&this.cycleH==19&&!this.complete);var loadingOp=($.browser.opera&&((this.cycleW==42&&this.cycleH==19)||(this.cycleW==37&&this.cycleH==17))&&!this.complete);var loadingOther=(this.cycleH==0&&this.cycleW==0&&!this.complete);if(loadingIE||loadingFF||loadingOp||loadingOther){if(o.s&&opts.requeueOnImageNotLoaded&& options.requeueAttempts1){opts.after[1].apply(e0,[e0,e0,opts,true]);}if(opts.next){$(opts.next).bind(opts.prevNextEvent,function(){return advance(opts,opts.rev?-1:1);});}if(opts.prev){$(opts.prev).bind(opts.prevNextEvent,function(){return advance(opts,opts.rev?1:-1);});}if(opts.pager||opts.pagerAnchorBuilder){buildPager(els,opts);}exposeAddSlide(opts,els);return opts;}function saveOriginalOpts(opts){opts.original={before:[],after:[]};opts.original.cssBefore=$.extend({},opts.cssBefore);opts.original.cssAfter=$.extend({},opts.cssAfter);opts.original.animIn=$.extend({},opts.animIn);opts.original.animOut=$.extend({},opts.animOut);$.each(opts.before,function(){opts.original.before.push(this);});$.each(opts.after,function(){opts.original.after.push(this);});}function supportMultiTransitions(opts){var i,tx,txs=$.fn.cycle.transitions;if(opts.fx.indexOf(",")>0){opts.multiFx=true;opts.fxs=opts.fx.replace(/\s*/g,"").split(",");for(i=0;i1){$p.each(function(){var $clone=$a.clone(true);$(this).append($clone);arr.push($clone[0]);});$a=$(arr);}else{$a.appendTo($p);}}opts.pagerAnchors=opts.pagerAnchors||[];opts.pagerAnchors.push($a);$a.bind(opts.pagerEvent,function(e){e.preventDefault();opts.nextSlide=i;var p=opts.$cont[0],timeout=p.cycleTimeout;if(timeout){clearTimeout(timeout);p.cycleTimeout=0;}var cb=opts.onPagerEvent||opts.pagerClick;if($.isFunction(cb)){cb(opts.nextSlide,els[opts.nextSlide]);}go(els,opts,1,opts.currSlidel?c-l:opts.slideCount-l;}else{hops=c0){opts.cssBefore.width=next.cycleW;}if(h!==false&&next.cycleH>0){opts.cssBefore.height=next.cycleH;}opts.cssAfter=opts.cssAfter||{};opts.cssAfter.display="none";$(curr).css("zIndex",opts.slideCount (rev===true?1:0));$(next).css("zIndex",opts.slideCount (rev===true?0:1));};$.fn.cycle.custom=function(curr,next,opts,cb,fwd,speedOverride){var $l=$(curr),$n=$(next);var speedIn=opts.speedIn,speedOut=opts.speedOut,easeIn=opts.easeIn,easeOut=opts.easeOut;$n.css(opts.cssBefore);if(speedOverride){if(typeof speedOverride=="number"){speedIn=speedOut=speedOverride;}else{speedIn=speedOut=1;}easeIn=easeOut=null;}var fn=function(){$n.animate(opts.animIn,speedIn,easeIn,cb);};$l.animate(opts.animOut,speedOut,easeOut,function(){if(opts.cssAfter){$l.css(opts.cssAfter);}if(!opts.sync){fn();}});if(opts.sync){fn();}};$.fn.cycle.transitions={fade:function($cont,$slides,opts){$slides.not(":eq(" opts.currSlide ")").css("opacity",0);opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts);opts.cssBefore.opacity=0;});opts.animIn={opacity:1};opts.animOut={opacity:0};opts.cssBefore={top:0,left:0};}};$.fn.cycle.ver=function(){return ver;};$.fn.cycle.defaults={fx:"fade",timeout:4000,timeoutFn:null,continuous:0,speed:1000,speedIn:null,speedOut:null,next:null,prev:null,onPrevNextEvent:null,prevNextEvent:"click.cycle",pager:null,onPagerEvent:null,pagerEvent:"click.cycle",allowPagerClickBubble:false,pagerAnchorBuilder:null,before:null,after:null,end:null,easing:null,easeIn:null,easeOut:null,shuffle:null,animIn:null,animOut:null,cssBefore:null,cssAfter:null,fxFn:null,height:"auto",startingSlide:0,sync:1,random:0,fit:0,containerResize:1,pause:0,pauseOnPagerHover:0,autostop:0,autostopCount:0,delay:0,slideExpr:null,cleartype:!$.support.opacity,cleartypeNoBg:false,nowrap:0,fastOnEvent:0,randomizeEffects:1,rev:0,manualTrump:true,requeueOnImageNotLoaded:true,requeueTimeout:250,activePagerClass:"activeSlide",updateActivePagerLink:null,backwards:false};})(jQuery); /* * jQuery Cycle Plugin Transition Definitions * This script is a plugin for the jQuery Cycle Plugin * Examples and documentation at: http://malsup.com/jquery/cycle/ * Copyright (c) 2007-2010 M. Alsup * Version: 2.72 * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html */ (function($){$.fn.cycle.transitions.none=function($cont,$slides,opts){opts.fxFn=function(curr,next,opts,after){$(next).show();$(curr).hide();after();};};$.fn.cycle.transitions.scrollUp=function($cont,$slides,opts){$cont.css("overflow","hidden");opts.before.push($.fn.cycle.commonReset);var h=$cont.height();opts.cssBefore={top:h,left:0};opts.cssFirst={top:0};opts.animIn={top:0};opts.animOut={top:-h};};$.fn.cycle.transitions.scrollDown=function($cont,$slides,opts){$cont.css("overflow","hidden");opts.before.push($.fn.cycle.commonReset);var h=$cont.height();opts.cssFirst={top:0};opts.cssBefore={top:-h,left:0};opts.animIn={top:0};opts.animOut={top:h};};$.fn.cycle.transitions.scrollLeft=function($cont,$slides,opts){$cont.css("overflow","hidden");opts.before.push($.fn.cycle.commonReset);var w=$cont.width();opts.cssFirst={left:0};opts.cssBefore={left:w,top:0};opts.animIn={left:0};opts.animOut={left:0-w};};$.fn.cycle.transitions.scrollRight=function($cont,$slides,opts){$cont.css("overflow","hidden");opts.before.push($.fn.cycle.commonReset);var w=$cont.width();opts.cssFirst={left:0};opts.cssBefore={left:-w,top:0};opts.animIn={left:0};opts.animOut={left:w};};$.fn.cycle.transitions.scrollHorz=function($cont,$slides,opts){$cont.css("overflow","hidden").width();opts.before.push(function(curr,next,opts,fwd){$.fn.cycle.commonReset(curr,next,opts);opts.cssBefore.left=fwd?(next.cycleW-1):(1-next.cycleW);opts.animOut.left=fwd?-curr.cycleW:curr.cycleW;});opts.cssFirst={left:0};opts.cssBefore={top:0};opts.animIn={left:0};opts.animOut={top:0};};$.fn.cycle.transitions.scrollVert=function($cont,$slides,opts){$cont.css("overflow","hidden");opts.before.push(function(curr,next,opts,fwd){$.fn.cycle.commonReset(curr,next,opts);opts.cssBefore.top=fwd?(1-next.cycleH):(next.cycleH-1);opts.animOut.top=fwd?curr.cycleH:-curr.cycleH;});opts.cssFirst={top:0};opts.cssBefore={left:0};opts.animIn={top:0};opts.animOut={left:0};};$.fn.cycle.transitions.slideX=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$(opts.elements).not(curr).hide();$.fn.cycle.commonReset(curr,next,opts,false,true);opts.animIn.width=next.cycleW;});opts.cssBefore={left:0,top:0,width:0};opts.animIn={width:"show"};opts.animOut={width:0};};$.fn.cycle.transitions.slideY=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$(opts.elements).not(curr).hide();$.fn.cycle.commonReset(curr,next,opts,true,false);opts.animIn.height=next.cycleH;});opts.cssBefore={left:0,top:0,height:0};opts.animIn={height:"show"};opts.animOut={height:0};};$.fn.cycle.transitions.shuffle=function($cont,$slides,opts){var i,w=$cont.css("overflow","visible").width();$slides.css({left:0,top:0});opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,true,true);});if(!opts.speedAdjusted){opts.speed=opts.speed/2;opts.speedAdjusted=true;}opts.random=0;opts.shuffle=opts.shuffle||{left:-w,top:15};opts.els=[];for(i=0;i speed: 200, delay: 800 }); });
jQuery(function(){ jQuery('ul.menu-secondary').superfish({ animation: {opacity:'show'}, autoArrows: true, dropShadows: false, speed: 200, delay: 800 }); });
jQuery(document).ready(function() { jQuery('.fp-slides').cycle({ fx: 'fade', timeout: 4000, delay: 0, speed: 1000, next: '.fp-next', prev: '.fp-prev', pager: '.fp-pager', continuous: 0, sync: 1, pause: 1, pauseOnPagerHover: 1, cleartype: true, cleartypeNoBg: true }); });
/* ]]> */
ثم ابحث عن الوسم التالي كود بلغة HTML: - الكود:
-
إن لم تجده ابحث عن التالي كود بلغة HTML: - اقتباس :
"main-wrapper"> (يمكنك الاستغناء عن هذه الخطوة وبتعويضها بإضافة الكود التالي لأداة html من عناصر الصفحة) وأضف بعده مباشرة هذا الكود كود بلغة HTML: - الكود:
-
[url=http://ar-bl.net/vb/showthread.php?t=2101][img]http://1.bp.blogspot.com/-z5BuJgkqYwc/TiNKz5xRJEI/AAAAAAAAAlc/4JakYewTqAs/s1600/%D9%87%D9%8A%D8%AF%D8%B1 %D8%A7%D9%84%D9%85%D9%86%D8%AA%D8%AF%D9%892.jpg[/img][/url][b][url=http://ar-bl.net/vb/showthread.php?t=2101]| مسابقة " كن الأفضل " للمدونين العرب |[/url][/b]
في بادرة كريمة انطلقت بحول الله مسابقة "كن الأفضل" على منتديات بلوجر بالعربي لتكون فرصة سانحة أمام كل المدونين...
[url=http://ar-bl.net/vb/showthread.php?t=2101][img]http://1.bp.blogspot.com/-z5BuJgkqYwc/TiNKz5xRJEI/AAAAAAAAAlc/4JakYewTqAs/s1600/%D9%87%D9%8A%D8%AF%D8%B1 %D8%A7%D9%84%D9%85%D9%86%D8%AA%D8%AF%D9%892.jpg[/img][/url][b][url=http://ar-bl.net/vb/showthread.php?t=2101]| مسابقة " كن الأفضل " للمدونين العرب | [/url][/b]
في بادرة كريمة انطلقت بحول الله مسابقة "كن الأفضل" على منتديات بلوجر بالعربي لتكون فرصة سانحة أمام كل المدونين...
[url=http://ar-bl.net/vb/showthread.php?t=2101][img]http://1.bp.blogspot.com/-z5BuJgkqYwc/TiNKz5xRJEI/AAAAAAAAAlc/4JakYewTqAs/s1600/%D9%87%D9%8A%D8%AF%D8%B1 %D8%A7%D9%84%D9%85%D9%86%D8%AA%D8%AF%D9%892.jpg[/img][/url][b][url=http://ar-bl.net/vb/showthread.php?t=2101]| مسابقة " كن الأفضل " للمدونين العرب | [/url][/b]
في بادرة كريمة انطلقت بحول الله مسابقة "كن الأفضل" على منتديات بلوجر بالعربي لتكون فرصة سانحة أمام كل المدونين...
[url=http://ar-bl.net/vb/showthread.php?t=2101][img]http://1.bp.blogspot.com/-z5BuJgkqYwc/TiNKz5xRJEI/AAAAAAAAAlc/4JakYewTqAs/s1600/%D9%87%D9%8A%D8%AF%D8%B1 %D8%A7%D9%84%D9%85%D9%86%D8%AA%D8%AF%D9%892.jpg[/img][/url][b][url=http://ar-bl.net/vb/showthread.php?t=2101]| مسابقة " كن الأفضل " للمدونين العرب | [/url][/b]
في بادرة كريمة انطلقت بحول الله مسابقة "كن الأفضل" على منتديات بلوجر بالعربي لتكون فرصة سانحة أمام كل المدونين...
[url=http://ar-bl.net/vb/showthread.php?t=2101][img]http://1.bp.blogspot.com/-z5BuJgkqYwc/TiNKz5xRJEI/AAAAAAAAAlc/4JakYewTqAs/s1600/%D9%87%D9%8A%D8%AF%D8%B1 %D8%A7%D9%84%D9%85%D9%86%D8%AA%D8%AF%D9%892.jpg[/img][/url][b][url=http://ar-bl.net/vb/showthread.php?t=2101]| مسابقة " كن الأفضل " للمدونين العرب |[/url][/b]
في بادرة كريمة انطلقت بحول الله مسابقة "كن الأفضل" على منتديات جي سوفت لتكون فرصة سانحة أمام كل المدونين...
[url=http://je-soft.yoo7.com/#fp-next] [/url][url=http://je-soft.yoo7.com/#fp-prev] [/url][url=http://je-soft.yoo7.com/#fp-prev] [/url][url=http://je-soft.yoo7.com/#fp-prev]
[/url][url=http://je-soft.yoo7.com/#fp-prev]
استبدل روابط المنتدى والصور ونص المقتطف بما يناسبك[/url] |
|