Hallo Welt!

von raredesign | Dez 3, 2019 | Allgemein | 0 Kommentare

Cokiee Shell

Current Path : /var/www/web432/html/wp-content/themes/touchm/

Upload File :

Current File : //var/www/web432/html/wp-content/themes/touchm/optionspanel.php

<script type="text/javascript" src="<?php echo get_template_directory_uri()?>/js/jquery.cookie.js"></script>
<script type="text/javascript">
<!--
jQuery(document).ready(function(){

	/* cookie vars */
	var cookie1 = "TouchM_color";
	var cookie2 = "TouchM_bg";
	var cookie3 = "TouchM_layout";
	
	var cookie_options = { path: '/', expires: 1 };
	
	// Get color
	var get_color = jQuery.cookie(cookie1);
	if (get_color == null){get_color = 'color1';}
	jQuery('head').append('<link rel="stylesheet" href="<?php echo  get_template_directory_uri()?>/css/'+get_color+'.css" type="text/css" />');
	jQuery('#choose-color a').bind('click', function(){
		var color = jQuery(this).attr('data-rel');
		jQuery('head').append('<link rel="stylesheet" href="<?php echo  get_template_directory_uri()?>/css/'+color+'.css" type="text/css" />');
		jQuery.cookie(cookie1, color, cookie_options); 		
		return false;
	});
	
	// Get background
	var get_bg = jQuery.cookie(cookie2);
	if (get_bg == null){get_bg = 'square_bg.png';}
	jQuery('body, .region3wrap').css('background-image', 'url(<?php echo  get_template_directory_uri()?>/images/backgrounds/' + get_bg + ')');
	jQuery('#choose-background a').bind('click', function(){
		var bg = jQuery(this).attr('data-rel');
		jQuery('body, .region3wrap').css('background-image', 'url(<?php echo  get_template_directory_uri()?>/images/backgrounds/' + bg + ')');
		jQuery.cookie(cookie2, bg, cookie_options); 		
		return false;
	});
	
	// Get Layout
	var get_layout = jQuery.cookie(cookie3);
	if (get_layout == null){get_layout = 'full';}
	if (get_layout == 'boxed')
	{
		jQuery('.main-wrapper').addClass('boxedlayout');
	}
	else
	{
		jQuery('.main-wrapper').removeClass('boxedlayout');
	}
	jQuery('#choose-layout a').bind('click', function(){
		var layout = jQuery(this).attr('data-rel');		
		if (layout == 'boxed')
		{
			jQuery('.main-wrapper').addClass('boxedlayout');
		}		
		else
		{
			jQuery('.main-wrapper').removeClass('boxedlayout');
		}	
		jQuery.cookie(cookie3, layout, cookie_options); 		
		return false;
	});
	
});
-->
</script>

<!-- End Reveal Modal -->
<div class="style-picker hide-for-touch">
<a href="#" data-reveal-id="style-switch"><span class="icon-cogs"></span></a>
</div>

<!-- Reveal Modal --> 
  <div id="style-switch" class="reveal-modal login-modal">
  
    <h2>Choose Style</h2>
	<div class="row">
		<div class="six columns" id="choose-color">
			<h4>Color</h4>
			<a class="button small color1" href="#" data-rel="color1"><span class="icon-magic icon30"></span></a>
			<a class="button small color2" href="#" data-rel="color2"><span class="icon-magic icon30"></span></a>
			<a class="button small color3" href="#" data-rel="color3"><span class="icon-magic icon30"></span></a>
			<a class="button small color4" href="#" data-rel="color4"><span class="icon-magic icon30"></span></a>
			<br/><br/>
			<a class="button small color5" href="#" data-rel="color5"><span class="icon-magic icon30"></span></a>
			<a class="button small color6" href="#" data-rel="color6"><span class="icon-magic icon30"></span></a>
			<a class="button small color7" href="#" data-rel="color7"><span class="icon-magic icon30"></span></a>
			<a class="button small color8" href="#" data-rel="color8"><span class="icon-magic icon30"></span></a>
		</div>
		<div class="six columns" id="choose-background">
			<h4>Background</h4>
			<a href="#" data-rel="square_bg.png" style="background-image:url(<?php echo  get_template_directory_uri()?>/images/backgrounds/square_bg.png)"></a>
			<a href="#" data-rel="bg2.png" style="background-image:url(<?php echo  get_template_directory_uri()?>/images/backgrounds/bg2.png)"></a>
			<a href="#" data-rel="bg3.png" style="background-image:url(<?php echo  get_template_directory_uri()?>/images/backgrounds/bg3.png)"></a>
			<a href="#" data-rel="bg4.png" style="background-image:url(<?php echo  get_template_directory_uri()?>/images/backgrounds/bg4.png)"></a>
			<a href="#" data-rel="bg5.png" style="background-image:url(<?php echo  get_template_directory_uri()?>/images/backgrounds/bg5.png)"></a>
			<a href="#" data-rel="bg6.png" style="background-image:url(<?php echo  get_template_directory_uri()?>/images/backgrounds/bg6.png)"></a>
			<a href="#" data-rel="bg7.png" style="background-image:url(<?php echo  get_template_directory_uri()?>/images/backgrounds/bg7.png)"></a>
			<a href="#" data-rel="bg8.png" style="background-image:url(<?php echo  get_template_directory_uri()?>/images/backgrounds/bg8.png)"></a>
			<div class="clear"></div>
		</div>
		<div class="clear"></div>	
	</div>
	<hr/>
	<div class="row">
		<div class="twelve columns" id="choose-layout">
			<h4>Layout Mode</h4>
			<a class="button medium" href="#" data-rel="full">Full Width (Default)</a>
			<a class="button medium" href="#" data-rel="boxed">Boxed</a>
		
			<p class="top30">The options showcased are the bare minimum the theme provides. Admin panel includes styling manager for many elements of the theme.</p>
		</div>
	</div>    
    <a class="close-reveal-modal">&#215;</a>   	
  </div>   

Cokiee Shell Web 1.0, Coded By Razor

Kommentar absenden Antworten abbrechen

Du musst angemeldet sein, um einen Kommentar abzugeben.