I'm a new member PLEASE HELP Web Design: colorway I want the top right corner HEADER (in the same row, where be LOGO) 3 - 4 PUT THE FLAG when you click on them I can open a Web site in the language of 2 and number 3 (I want to create a web site in 3 languages NO GOOGLE TRANSLATE) HOW TO DO THIS THANK YOU for your prompt response Dr
Hi, You have to do some custom coding in header.php file for putting flags in header section. put your custom code in between. <div class="logo"> </div> Section. Make hyperlink these flag to your different language versions site. So when the visitor visite your site and click on these flags So the related language site will open. You can also put multiple wordpress for diffect languages and hyperlink your flag to it. For doing this you have to install multiple wordpress in different language which you want to and hyper link your flat to these wordpress Please check out this site http://www.airquest.gr/ http://en.airquest.gr/ One site is in english and one in greek. He is one of our customer using multiple wordpress for different languages As you want. Thanks Harshvardhan
OK You can write code for the Header and where exactly copied? You can put 3 flags (in 3 languages) Russian German English and empty for http links Thanks for your help CODE HEADER: <!--Start Container Div--> <div class="container_24 container"> <!--Start Header Grid--> <div class="grid_24 header"> <div class="logo"> <a href="<?php bloginfo('url'); ?>"><img src="<?php if (get_option('colorway_logo') != '') { ?><?php echo get_option('colorway_logo'); ?><?php } else { ?><?php bloginfo('template_url'); ?>/images/logo.png<?php } ?>" alt="<?php bloginfo('name'); ?>" /></a> </div><div class="clear"></div> <!--Start MenuBar--> <div class="menu-bar"> <div id="MainNav"> <a href="#" class="mobile_nav closed">Pages Navigation Menu<span></span></a> <?php inkthemes_nav(); ?> </div> <div class="clearfix"></div> </div> <!--End MenuBar--> </div>
Go to the header.php file present in your theme directory and paste the code given below in that file Code: <div class="grid_12 alpha"> <div class="logo"> <a href="<?php bloginfo('url'); ?>"><img src="<?php if (get_option('colorway_logo') != '') { ?><?php echo get_option('colorway_logo'); ?><?php } else { ?><?php bloginfo('template_url'); ?>/images/logo.png<?php } ?>" alt="<?php bloginfo('name'); ?>" /></a> </div> </div> <div class="grid_12 omega"> <div class="flag"> <ul> <li><a href="Enter your url link here"><p>Flag 1</p></a></li> <li><a href="Enter your url link here"><p>Flag 2</p></a></li> <li><a href="Enter your url link here"><p>Flag 3</p></a></li> <li><a href="Enter your url link here"><p>Flag 4</p></a></li> </ul> </div> </div> and remove the code given below from that file as shown in the image given below. Code: <div class="grid_24 header"> <div class="logo"> <a href="<?php bloginfo('url'); ?>"><img src="<?php if (get_option('colorway_logo') != '') { ?><?php echo get_option('colorway_logo'); ?><?php } else { ?><?php bloginfo('template_url'); ?>/images/logo.png<?php } ?>" alt="<?php bloginfo('name'); ?>" /></a> </div> For the reference see the image given below Now, Paste the following code in your custom css Appearance -> Theme Options -> Styling Options -> Custom CSS Code: .flag ul li p { background: red; padding: 10px; } .flag ul li{ display: inline-block; list-style: none; } .flag ul { margin-right: 30px; margin-bottom: 0px; margin-top: 25px; text-align: right; } This will solve your issue.