qTranslate – úprava widgetu

[BaronParticipant Web]

Zdravím.

qTranslate má celkem pěkný widget pro výběr jazyka. Mám jej na stránce nastaven jako “Zobrazit pouze vlaječky” jenže tyto vlajky se zobrazují stylem seznam, tj, pod sebou. Nevíte někdo jak je dostat vedle sebe do řádky? Vypadalo by to mnohem lépe a nezabíralo to tolik místa v sidebaru.

Vidět to můžete zde http://www.blackcube.biz/shoc/

Na foru autora jsem našel tohle (viz link), ale nevím jestli je to ono a pokud ano, tak vůbec netušim co s tím a kam ty řádky umístit :-(

http://www.qianqin.de/qtranslate/forum/viewtopic.php?f=3&t=3#p12

[adminKeymaster Web]

Řekl bych, že to odkazované vlákno fóra je přesně to, co potřebujete. Jde pouze o změnu stylování, kterou provedete v souboru style.css (v adresáři aktuálně používané šablony).

Pomocí prvního kódu odstraníte odrážky u vlaječek:

.qtrans_language_chooser { list-style-type:none }

Pomocí druhého kódu zarovnáte vlaječky na jeden řádek:

.qtrans_language_chooser li { float:left; margin-right:3px }

A poslední kód přidává barevné orámování vlaječek (můžete experimentovat např. s barvou):

.qtrans_flag { border:1px solid #b6b6b6 }

Netestováno, ale mělo by to fungovat…

P.S. Ten úplně první kód je vlastně pouze ukázka HTML, které je generováno widgetem a nikam se nevkládá, automaticky se zobrazuje na webu…

[BaronParticipant Web]

Super. Děkuji mnohokrát za Vaše objasnění.

Funguje to.

Pouze ta první řádka, která by měla odstraňovat ony odrážky u vlaječek nefunguje :-(

[neteyesczParticipant]

Nefunguje?

Pak budete muset nastavit daný parametr celému sdružení widgetů.

Ve style.css vaši šablony jsem ale bohužel selektor pro widgety jako celek nenašel.

Nevadí, vkládáte ten první do css správně?

[BaronParticipant Web]

Pouze jsem je vložil pod sebe na konec style.css.

Ale ono to až tak nevadí. Je tam nastaven rozestup mezi vlajkami 3px takže jsem je roztáhl na 25px a ve výsledku to nevypadá vůbec zle :-)

[neteyesczParticipant]

Já že je ten kód uvedený i na zahraničních fórech a webech a tam píší, že funguje.

Tak pokud vám to vyhovuje, pak je to dobré ;-)

[adminKeymaster Web]

Vypadá to, že je toto nastavení přepisováno používanou šablonou, konkrétně pak pomocí .widget-area ul ul (v souboru style.css), kde jsou definovány čtvercové odrážky. Budete to tam muset upravit nebo trochu zvýšit prioritu pro jazyky, tzn. změnit .qtrans_language_chooser na .widget-area ul ul.qtrans_language_chooser (nezkoušel jsem, možná to bude třeba ještě trochu upravit, např. .widget-area ul .qtrans_language_chooser ul). Pokud se zadaří, tak dejte prosím vědět, co nakonec pomohlo…

[Autor]

Příspěvky