<style>

ul, li { list-style-type: none}

.change-color { background:#f8f8f8

url(http://server.my-design1.ir/images/282bg.png); width: 130px;

font-size: .9em; padding: 10px; position: fixed; top: 15%; left: -150px;

border:1px solid white;-webkit-border-radius:0 4px 4px

0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px

0;-moz-box-shadow:inset 0 0 2px #FFF,0 0px 5px

#999;-webkit-box-shadow:inset 0 0 2px white,0 0px 5px

#999;box-shadow:inset 0 0 2px white,0 0px 5px

#999;z-index:999999999999;}

.bg-webniaz-blogfa-com { margin: 0; padding: 0; }

.bg-webniaz-blogfa-com a { width: 24px; height: 24px; display:

block; float: left; border: 1px solid #999; margin: 3px;

}.setting{width:35px;height:35px;display:block;background:#F7F7F7

url(http://server.my-design1.ir/images/282bg.png);position:absolute;right:-36px;top:20px;-webkit-border-radius:0

4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px

0;-moz-box-shadow:inset 0 0 2px #FFF,2px 0 5px

#999;-webkit-box-shadow:inset 0 0 2px white,2px 0 5px

#999;box-shadow:inset 0 0 2px white,2px 0 5px #999;cursor:pointer}

select#nav {width: 100%; border-radius: 0; background: white; font-size: .95em}

.setting span{background:

url(http://server.my-design1.ir/images/Palette-icon.png) no-repeat

center;display:block;height:35px;width:35px;opacity:0.9;}.setting

span:hover{opacity:0.9}</style>

<script> $(function(){

$('.setting').toggle(function() {

$('.change-color').animate({left:'0'});

}, function() {

$('.change-color').animate({left:'-150px'});

});

$('select#nav').change(function(){

var type = $(this).val();

console.log(type);

if ( type == 'text') {

$('header#text').show();

$('header#notext').hide();

} else {

$('header#text').hide();

$('header#notext').show();

}

})

$('.bg-webniaz-blogfa-com a').on('click', function(e){

e.preventDefault();

var bg = $(this).attr('style');

$('body').attr('style',bg);

});

$('.headfoot-style').miniColors({

change: function(hex, rgb) {

$('head').append('<style>.panel, .panel a {color:'+hex+'}</style>');

}

});

$('.panel-style').miniColors({

change: function(hex, rgb) {

$('head').append('<style>.profile .label, .colorbg,

.da-thumbs article a div, .nav-pills > li > a.active, .da-thumbs

article a div i {color:'+hex+' !important}</style>');

$('.main .wrap, .gmap, .profile h4 strong').css('background',hex);

}

});

$('.color-style').miniColors({

change: function(hex, rgb) {

$('head').append('<style> .main, #filter a, .main .contact a, .main .contact i {color:'+hex+'}</style>');

}

});

$('.link-style').miniColors({

change: function(hex, rgb) {

$('head').append('<style>.panel a:hover, .main a, .main

a:hover, #filter a.active, #filter a:hover, .main i, .tweet a,

.colorfont {color:'+hex+'} .profile .label, .colorbg, header#notext

a:hover, .da-thumbs article a div, .nav-pills > li > a.active

{background: '+hex+'} </style>');

}

});

})</script>

<div class="change-color visible-desktop"><div class="setting"><span></span></div>

<div class="clearfix"><img

src="http://server.my-design1.ir/images/bg3tozih.png"><ul

class="bg-webniaz-blogfa-com">

<li><a href="#" style="background:

url(http://server.my-design1.ir/images/abstract-summer-floral-background-vector-set_53-16682.jpg)"></a></li>

<li><a href="#" style="background:

url(http://server.my-design1.ir/images/playing-cards-symbols-pattern.png)"></a></li>

<li><a href="#" style="background:

url(http://server.my-design1.ir//images/retro_pattern_background_vector_4_151321.jpg)"></a></li>

<li><a href="#" style="background:

url(http://server.my-design1.ir/images/free-vintage-floral-background_52-13615.jpg)"></a></li>

<li><a href="#" style="background:

url(http://server.my-design1.ir/images/cartoon_pattern_background_01_vector_181353.jpg)"></a></li>

<li><a href="#" style="background:

url(http://server.my-design1.ir/images/cartoon_dessert_background_01_vector_181205.jpg)"></a></li>

<li><a href="#" style="background: url(http://server.my-design1.ir/images/bg7.jpg)"></a></li>

<li><a href="#" style="background: url(http://server.my-design1.ir//images/bg37.jpg)"></a></li>

<li><a href="#" style="background: url(http://server.my-design1.ir//images/bg29.png)"></a></li>

<li><a href="#" style="background: url(http://server.my-design1.ir/images/bg12.jpg)"></a></li>

<li><a href="#" style="background: url(http://server.my-design1.ir/images/bg20.png)"></a></li>

<li><a href="#" style="background:

url(http://server.my-design1.ir/images/24789587128258584885.png)"></a></li>

<li><a href="#" style="background: url(http://server.my-design1.ir/images/1392846005751.gif)"></a></li>

<li><a href="#" style="background:

url(http://server.my-design1.ir/images/15988700755561516096.png)"></a></li>

<li><a href="#" style="background: url(http://server.my-design1.ir/images/bg47.png)"></a></li>

<li><a href="#" style="background:

url(http://server.my-design1.ir/images/alice-grafixx-45.jpg)"></a></li>

<li><a href="#" style="background: url(http://server.my-design1.ir/images/282bg.png)"></a></li>

<li><a href="#" style="background: url(http://server.my-design1.ir/images/bg2.png)"></a></li>

<li><a href="#" style="background: url(http://server.my-design1.ir/images/bg41.jpg)"></a></li>

<li><a href="#" style="background:

url(http://www.backgroundlabs.com/wp-content/uploads/2013/04/black-mosaic-tiles.png)"></a></li>

<li><a href="#" style="background: url(http://server.my-design1.ir/images/100.gif)"></a></li>

<li><a href="#" style="background: url(http://server.my-design1.ir/images/10.gif)"></a></li>

<li><a href="#" style="background: url(http://server.my-design1.ir/images/bg55.png)"></a></li>

<li><a href="#" style="background: url(http://server.my-design1.ir/images/bg49.png)"></a></li>

</ul><center><a href="http://ziba-web.blogfa.com"

target="_blank" title="http://ziba-web.blogfa.com"><img

src="http://server.my-design1.ir//images/bg3daryaft.gif" border="0"

alt="http://server.my-design1.ir//images/bg3daryaft.gif"

/></a></div></div>