Jump to content

Question about inserting 3 language flags


pwired
 Share

Recommended Posts

Hi,

I am setting up a blog on a test server here http://server7.bl.ee/

I want to insert 3 language flags between the headline Basic Blog Profile and the search bar
If I look at the code in the main.inc skeleton has a total of 16 columns available

<div id="masthead" class="sixteen columns">

     <div id="site-headline" class="twelve columns alpha">

	<?php echo "<a href='{$config->urls->root}'><h1>{$homepage->headline}</h1></a>"; ?>

	<?php if($homepage->summary) echo "<h5>{$homepage->summary}</h5>"; ?>
      </div>

               HERE I HAVE TO INSERT CODE FOR 3 LANGUAGE FLAGS

      <div id="site-search" class="four columns omega">

	<?php
	$searchPage = wire('pages')->get('template=search');
	$searchQuery = htmlentities(wire('input')->whitelist('q'), ENT_QUOTES, "UTF-8");
	?>

	<form id='site-search-form' class='clearfix' action='<?php echo $searchPage->url; ?>' method='get'>
	<input type='text' name='q' value='<?php echo $searchQuery; ?>' placeholder='<?php echo $searchPage->title; ?>'>
	</form>
      </div>

</div><!--/#wmasthead-->

I reduced the twelve columns in <div id="site-headline" class="twelve columns alpha">
to nine columns, to free up 3 columns needed for the language flags.
As a result the word quickly from the summary text is now moved to the right

but that is no problem.

Now I can insert code like this for 3 language flags and give it the right css

the inline css is only for trying things quickly.

          <div id="flag_images" class="three columns" style="position:absolute; top:15px">
          <a href="/ge/"><img src="/site/templates/styles/images/flag_ch.png" alt="" style="display: inline" border="0" /></a>
          <a href="/en/"><img src="/site/templates/styles/images/flag_en.png" alt="" style="display: inline" border="0" /></a>
          <a href="/es/"><img src="/site/templates/styles/images/flag_es.png" alt="" style="display: inline" border="0" /></a>
          </div>

My only question is, is this the right way of doing this to get 3 language flags
between the headline and the search bar ? I mean reducing twelve columns

to nine columns on the left to free up 3 columns for the language flags ?

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...