ساخت منوی تعویض بک گراند و تغییر فونت

ساخت منوی تعویض بک گراند و تغییر فونتبازديد : 312

رفقا ی منویی هست میشه معرفی کنین مثله همین عکس http://up.ghalebgraph.ir/up/galebgraph/file/1394/09/Cap11212121ture.JPG که سمت چپ ی

منوی کشویی هس که هم میشه تغییر بک گراند کرد هم تغییر فونت همچین چیزی هست

که کدش رو بهم معرفی کنین؟؟؟؟متاسفانه اینجا گشتم چیزی شبیهش پیدا نکردم برای وبلاگ میخواسم چون اگه ممنون میشم بگین یه جوری باشه که از داخل کد هم بشه عکسای مورد نظرمو داخل بزارم

پاسخ : 1 RE ساخت منوی تعویض بک گراند و تغییر فونت

پيام خصوصي نقل قول تشکر کنيد

سلام رفقا منم مثل همین دوستمون خیلی به این کد نیاز دارم. لطفا برامون کدشو بزارید ممنون

امضاي کاربر :

♫با توکل به خدا مسیر زندگی ات را ادامه بده♫
☺☺☺☺

پاسخ : 2 RE ساخت منوی تعویض بک گراند و تغییر فونت

پيام خصوصي نقل قول تشکر کنيد

قبل از تب body

کد:
<link rel='stylesheet' id='demo-style-css' href='http://yas98.ir/cod-web/23/style.css?ver=3.5.2' type='text/css' media='all' /><script src="http://yas98.ir/wp-content/uploads/2014/02/jquery.min_.js" type="text/javascript"></script><script> jQuery(document).ready(function() { $open = false ; jQuery("#style_Switcher").css('left','-158px'); jQuery("#tie-Settings").click(function() { if( $open ){ jQuery(this).parent().animate({left: '-158px'}, 500); $open = false ; }else{ jQuery(this).parent().animate({left: '0'}, 500); $open = true ; } }); jQuery("#theme-pattern a").click(function() { var pattern = jQuery(this).attr("rel"); jQuery(".background-cover").css('background-image',''); jQuery("body").css('background-image','url('+pattern+')'); }); jQuery("#theme-Skins a").click(function() { var skin = jQuery(this).attr("rel"); jQuery("#switcher-css").attr( 'href' , skin ); }); jQuery("#theme-img a").click(function() { var img = jQuery(this).attr("rel"); jQuery(".background-cover").css('background-image','url('+img+')'); }); jQuery('#BGcolorSelector').ColorPicker({ color: '', onShow: function (colpkr) { jQuery(colpkr).fadeIn(500); return false; }, onHide: function (colpkr) { jQuery(colpkr).fadeOut(500); return false; }, onChange: function (hsb, hex, rgb) { jQuery('#BGcolorSelector div').css('backgroundColor', '#' + hex); jQuery("body").css('backgroundColor', '#' + hex); } }); jQuery('#ThemecolorSelector').ColorPicker({ color: '', onShow: function (colpkr) { jQuery(colpkr).fadeIn(500); return false; }, onHide: function (colpkr) { jQuery(colpkr).fadeOut(500); return false; }, onChange: function (hsb, hex, rgb) { jQuery('#ThemecolorSelector div').css('cssText', 'background-color : #' + hex + '!important'); jQuery("::-webkit-scrollbar-thumb,.search-block .search-button, #topcontrol, #main-nav ul li.current-menu-item a, #main-nav ul li.current-menu-item a:hover, #main-nav ul li.current-menu-parent a, #main-nav ul li.current-menu-parent a:hover,#main-nav ul li.current-page-ancestor a,#main-nav ul li.current-page-ancestor a:hover,.pagination span.current,.share-post span.share-text,.flex-control-paging li a.flex-active,.ei-slider-thumbs li.ei-slider-element,#main-nav ul li.current-menu-item ul,#main-nav ul li.current-menu-parent ul, #main-nav ul li.current-page-ancestor ul, #topcontrol:hover, .review-percentage .review-item span span,.review-final-score ").css('cssText', 'background-color : #' + hex + '!important'); jQuery("#main-nav,.cat-box-content,#sidebar .widget-container,.post-listing,#main-nav ul li.current-menu-item ul li, #main-nav ul li.current-menu-item ul li:first-child,#main-nav ul li.current-menu-parent ul li, #main-nav ul li.current-menu-parent ul li:first-child,#main-nav ul li.current-page-ancestor ul li, #main-nav ul li.current-page-ancestor ul li:first-child").css('cssText', 'border-bottom-color :#' + hex + '!important'); jQuery("#main-nav ul li.current-menu-item ul li, #main-nav ul li.current-menu-item ul li:first-child,#main-nav ul li.current-menu-parent ul li, #main-nav ul li.current-menu-parent ul li:first-child,#main-nav ul li.current-page-ancestor ul li, #main-nav ul li.current-page-ancestor ul li:first-child,footer, .top-nav, .top-nav ul li.current-menu-item:after").css('cssText', 'border-top-color : #' + hex + '!important'); jQuery(".search-block:after").css('cssText', 'border-right-color : #' + hex + '!important'); } }); }); </script> <div id="style_Switcher"> <a id="tie-Settings" style=" background: #fff url(http://yas98.ir/cod-web/23/color.png) no-repeat center; " title="تنظيمات"><span></span></a> <h6><span style="font-family: B Yekan, Tahoma; "></span></h6><p style="text-align: center;"><strong>تنظیمات زمینه قالب:</strong></p> <hr> <center> <h6><span style="font-family: B Yekan, Tahoma; ">رنگ پس زمينه</span></h6> </center> <center> <div class="color-pic" id="BGcolorSelector"><div style="background-color:#0DA9D9"></div></div> </center> <p><br /></p> <hr> <h6><span style="font-family: B Yekan, Tahoma; ">پس زمينه ها</span></h6> <ul class="tie-options" id="theme-pattern"> <script type="text/javascript" src="http://yas98.ir/cod-web/23/images/css.js"></script> </ul> </div> <script src="http://yas98.ir/wp-content/uploads/2014/02/colorpicker.js?ver=3.5.2" type="text/javascript"></script>