WEB site at Adding Links languages ​​flags (3-5 flags)

Discussion in 'ColorWay WordPress Theme' started by drstrugar, Mar 23, 2013.

  1. drstrugar

    drstrugar New Member

    Joined:
    Mar 11, 2013
    Messages:
    4
    Likes Received:
    0
    Location:
    Montenegro
    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
     
  2. Harshvardhan

    Harshvardhan Administrator

    Joined:
    Mar 23, 2013
    Messages:
    16
    Likes Received:
    0
    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
     
  3. drstrugar

    drstrugar New Member

    Joined:
    Mar 11, 2013
    Messages:
    4
    Likes Received:
    0
    Location:
    Montenegro
    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>
     
  4. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    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[​IMG]

    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.
     

Share This Page