[SOLVED]remove scrolling block language

[Sito Lab]

remove scrolling block language

 

 

Forgive me for my bad English.

I apologize, maybe the title of the topic is wrong, if so please to be able to inform and include a fair title.

 

this is my request, I would like to remove the drop-down menu, and make the flag appear on a single line like this site http://www.testsenvrac.com/

 

 

work on 1.5.4.1 ps this is the link http://iopistoia.wes...stoia/index.php where I installed ps to work on the topic

 

 

thanks

Edited August 10, 2013 by lui1969 (see edit history)

[Sito Lab]

maybe I explained evil in my application?

[vekia]

hello

 

everything is clear for me, but unfortunately it isn't as simple as it seems.

open the blocklanguages.tpl file and use this code:

<div id="languages_block_top">
<div id="countries">
{* @todo fix display current languages, removing the first foreach loop *}
 <ul>
 {foreach from=$languages key=k item=language name="languages"}
  <li {if $language.iso_code == $lang_iso}class="selected_language"{/if}>
  {if $language.iso_code != $lang_iso}
{assign var=indice_lang value=$language.id_lang}
{if isset($lang_rewrite_urls.$indice_lang)}
 <a href="{$lang_rewrite_urls.$indice_lang|escape:htmlall}" title="{$language.name}">
{else}
 <a href="{$link->getLanguageLink($language.id_lang)|escape:htmlall}" title="{$language.name}">
{/if}
  {/if}
 <img src="{$img_lang_dir}{$language.id_lang}.jpg" alt="{$language.iso_code}" width="16" height="11" />
  {if $language.iso_code != $lang_iso}
</a>
  {/if}
  </li>
 {/foreach}
 </ul>
</div>
</div>

 

then you will have to stylize it with css styles

[Sito Lab]

perfect, now I have to find a way to put everything in line

[vekia]

just use this simple code:

#languages_block_top li {display:inline-block; }

in this file: http://iopistoia.wesped.es/iopistoia/modules/blocklanguages/blocklanguages.css

[Sito Lab]

not enough for me to say thank you,

 

Thank you Thank you Thank

 

 

to install a new theme, without losing the settings of this theme, how can I do? because every time I install a new one I always have to change something, there is a remedy to this?

 

thanks

Edited August 10, 2013 by lui1969 (see edit history)

[vekia]

you can export the template with import / export theme tool. But remember, that this is only for export theme settings and theme files.

If you install new theme, and then change the sources of the /modules/ dir etc. (not related to the theme directory) then you will loose all changes for first theme.

[nguyenquocuy]

You saved my time! Thanks alot!

[Studio1one]

you can export the template with import / export theme tool. But remember, that this is only for export theme settings and theme files.

If you install new theme, and then change the sources of the /modules/ dir etc. (not related to the theme directory) then you will loose all changes for first theme.

Hi Vekia, but I try to figure out where exactly Im going to modify that?

 

Here is my code in blocklanguages.css

 

/* block top languages */

#header_right #languages_block_top {

    float:right;

    margin: 0;

    padding:2px 6px 1px 6px;

    -moz-border-bottom-right-radius: 3px;

    -moz-border-bottom-left-radius: 3px;

    -webkit-border-bottom-right-radius: 3px;

    -webkit-border-bottom-left-radius: 3px;

    border-bottom-right-radius: 3px;

    border-bottom-left-radius: 3px;

    background: none repeat scroll 0 0 #000;

}

#header_right #languages_block_top p {

    clear: left;

    padding-right:20px;

    font: 11px Arial,Verdana,sans-serif;

    color: #ccc;

    text-align: right;

    background: url("img/block_languages_top_p_bg.png") no-repeat scroll right 1px transparent;

}

#languages_block_top ul#first-languages li {

    float: left;

    margin-right: 3px

}

#languages_block_top ul#first-languages li.selected_language {

    float: left;

}

/*languages with jquery*/

#countries {

    cursor: pointer;

    position: relative;

    top: 1px;

}

#countries p {

    position: relative;

    top: 0;

    padding: 0;

}

#countries p img {

    padding-left: 5px;

}

#countries .countries_ul{

    display:none;

    z-index: 10000;

    padding:10px;

    list-style-type:none;

}

#countries .countries_ul_hover{

    display:block;

    z-index: 5000;

    position:absolute;

    right:6px;

    padding:5px 10px;

    height:auto;

    width:20px;

    background:#000000;

}

 

 

//Patrik

[vekia]

to override this file with your theme, you have to use this path:

/themes/YOUR_THEME/css/modules/blocklanguages/blocklanguages.css

[Studio1one]

to override this file with your theme, you have to use this path:

/themes/YOUR_THEME/css/modules/blocklanguages/blocklanguages.css

okey Vekia, but that file is empty.

Should I just copy / paste in the code above?

[vekia]

that's right, then your shop will use css styles from this file

[Studio1one]

that's right, then your shop will use css styles from this file

Yes I did, but the flags are still vertical not horizontal

[vekia]

can you share url + i've got one question, you changed also module .tpl file ?

[Studio1one]

can you share url + i've got one question, you changed also module .tpl file ?

It worked on one of the sites, but not this one

http://www.horzetack.com/sv/

[vekia]

other websites with the same theme?

it's related to the theme, it's not default one and css modification is not enough