[Plugin: qTranslate] Horizontal arrangement for flags

  • Dexter800

    (@punxsutawney-phil)


    13 years, 2 months ago

    In the FAQ section I found on the official site, I can read:

    I don’t use Widgets, how do I get a Language Switcher?
    Postby Qian Qin ? Thu Jun 19, 2008 2:42 pm
    Just put qtrans_generateLanguageSelectCode($type) in your Templates. If you set $type = ‘image’, flags will be used, $type = ‘both’ will show flags and language, $type=’dropdown’ will generated a dropdown list instead, default is ‘text’. Example:
    <?php echo qtrans_generateLanguageSelectCode(‘both’); ?>

    I used that code but flags appear in vertical arrangement, I’d like them to be side by side, on the same horizontal line. Is there a way? Could someone explain me what shoud I edit? Thanks a lot

    https://www.ads-software.com/extend/plugins/qtranslate/

Viewing 15 replies - 1 through 15 (of 15 total)
  • Thread Starter Dexter800

    (@punxsutawney-phil)

    Ok I solved by my own.

    Just put this:
    #qtranslate-chooser li { float:left; margin: 5px 5px 0 0; }
    in your theme style sheet.

    Hi Phil!

    I am new in the WordPress world and spending a lot of hours on my first website (that I am building for free!).

    I am just few steps from publishing it, but cannot find a way to put the three flags in horizontal. In which section of the stylesheet did you put

    #qtranslate-chooser li { float:left; margin: 5px 5px 0 0; }

    ?
    Is there any particular format to use to write it down? I can modify lines, but never added one by myself…
    I hope to read from you soon, I am going to throw my mac out of the window….

    Bye!!
    Silvia

    Thread Starter Dexter800

    (@punxsutawney-phil)

    Hi, I’m glad to help you if I can. I put that code at the top of the style.css file of the theme’s folder (not plugin’s files), actually I wrote this:

    #qtranslate-chooser { margin: 0 18px 0 0; }
#qtranslate-chooser li { float:left; margin: 8px 5px 0 0; }

    It works for me, but maybe you will have to fix it a little, try using Firebug, if you didn’t.

    Simply open the file style.css (you find inside the theme’s folder) using a Notepad or similar, add those lines at the topo, then save the file in the same original format and upload it into the server, at its right place.

    If you need some help, just reply. By the way, your name sounds Italian, if you are, we can also talk in Italian, ’cause I am too. Good luck!

    Si! Sono italiana!!!

    Ho nel frattempo trovato una soluzione che, tenendo le bandiere in verticale, sembra carina. Non so come ho fatto, ho spostato qui e là la stringa

    <?php echo qtrans_generateLanguageSelectCode(‘both’); ?>

    e ho usato trucchetti di layout per evitare sovrpposizioni.
    Se però al “committente” non dovesse piacere l’affare verticale, terrò presente i tuoi suggerimenti!!

    Grazie davvero! Fare un sito è una trappola se si è come me, un po’ ossessionati dalla precisione!!

    Thread Starter Dexter800

    (@punxsutawney-phil)

    E’ una trappola sempre e comunque, anche perché essere ossessionati dalla precisione in questo lavoro è fondamentale. In bocca al lupo!!!

    Ok rieccomi qui!
    A parte lo stile delle bandierine, che vabbè, mi faccio andare bene la loro verticalità per ora, queste stramaledette (si può dire?) si muovono a destra e sinistra al variare dello zoom.
    Per fartela breve devo poterle ancorare o nell’header o nella navigation bar o nel bandone centrale (sto usando il tema minimatica).
    Non so in realtà neanche come chiederti aiuto, se ti copio-incollo header.php puoi aiutarmi a piazzare la stringa?

    Vabbè io la copio poi se non ti va, non rispondermi che capisco!!! Da quello che ho capito, il banner è largo quanto lo schermo. Dovrei metterle nel campo che racchiude il titolo che credo sia site-title ed è largo 940 fissi…

    Grazie e scusa angelocustodedell’etere!

    <?php
/**
 * The Theme Header Template
 *
 * Used to display the document <head> section and page header
 *
 * @package WordPress
 * @subpackage Minimatica
 * @since Minimatica 1.0
 */
?><!DOCTYPE html><!-- HTML5, for the win! -->
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<title><?php minimatica_doc_title(); ?></title>
<link rel="profile" href="https://gmpg.org/xfn/11" />
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
<?php
/**
 * Hook used to isert content in the document's <head> section.
 * Always have this before closing the <head> tag.
 */
wp_head(); ?>
</head>

<body <?php body_class(); ?>>
	<div id="wrapper" class="hfeed">
		<header id="header" role="banner">
			<?php $heading_tag = ( is_home() || is_front_page() ) ? 'h1' : 'div'; ?>
			<<?php echo $heading_tag; ?> id="site-title"><a href="<?php echo home_url(); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?>
</a></<?php echo $heading_tag; ?>>
		</header><!-- #header -->

    non posso darti il link el sito perchè non è ancora pubblicato..

    henrih

    (@henrih)

    Would someone help me with this same problem. I would also like two flags at the top of my website. But I’m not sure I can do in a safe way. I hope someone can help with this.

    Henri

    Thread Starter Dexter800

    (@punxsutawney-phil)

    Henrich, well you just have to type some php code inside your theme’s code (usually in the header.php file). Take a look here for explanations: https://www.qianqin.de/qtranslate/forum/viewtopic.php?f=3&t=3&p=16#p16
    Hope it helped.

    Hi Mya, ti chiedo scusa se non ti ho risposto, non è che non volessi aiutarti ma sono stato molto impegnato e mi sono dimenticato! Ad ogni modo non avrei potuto aiutare granché, perché farlo così alla cieca è difficile, ti posso solo consigliare di inserire il tutto in un div che andrà poi messo in un div già esistente nel tema, può essere quello che racchiude il titolo o il search, o un banner, assegnando diverse caratteristiche ai div, via css puoi ottenere quello che vuoi, solitamente io provo con position, float, width e display. Ti consiglio nuovamente Firebug, perché è utilissimo in questi casi.

    mya78

    (@mya78)

    Non preoccuparti, ormai il sito è pubblicato e ai proprietari va bene così…mi risparmio un po’ di lavoro..
    Dagli un’occhiata se ti va
    https://www.fortecarlo.com
    Grazie per il pensiero

    henrih

    (@henrih)

    https://www.qianqin.de/qtranslate/forum/viewtopic.php?f=3&t=3&p=16#p16

    The requested topic does not exist.

    so how exactly did you mange to put those logos on the left of your footer links Carlos? non parlo tanto italiano

    Thread Starter Dexter800

    (@punxsutawney-phil)

    Hi lRlevolution. Just open your theme’s footer.php file and write in it this code:

    <?php if (function_exists("transposh_widget")) { transposh_widget(array(), array('title' => '', 'widget_file' => 'flags/tpw_flags_css.php')); } ?>

    Hope it helps. Sorry we wrote in Italian, anyway mya78 used a different code:

    <?php echo qtrans_generateLanguageSelectCode('both'); ?>

    I think both will work, just give’em a try.

    Hi IRIevolution, sorry for the delay!

    I modified the home.php and tried putting the code

    <?php echo qtrans_generateLanguageSelectCode('image'); ?>

    in all of the rows until it worked out. An empiric method, I know!!
    In my homepage, it is

    <?php if( 'gallery' == minimatica_get_option( 'homepage_view' ) ) : ?>
	<div id="slider">
		<?php get_template_part( 'loop', 'slider' ); ?>
		<?php echo qtrans_generateLanguageSelectCode('image'); ?>
	</div><!-- #slider -->
<?php else : ?>

    In the style sheet, I think you should put <margin-left: auto>
    to have the flags left aligned. Firebug will help you find where the corresponding row will be!

    Ops, I forgot to thank you Punxsutawney Phil!!
    Ciao!!

Viewing 15 replies - 1 through 15 (of 15 total)
  • The topic ‘[Plugin: qTranslate] Horizontal arrangement for flags’ is closed to new replies.