resolvedJeg har indstalleret plugin'et qtranslate og i stedet for at bruge widget til at linke til de forskellige sprog. Vil jeg gerne lave 3 små ikoner/billeder nederst i footeren som er centreret. billederne skal selvfølgelig linke til engelske, tyske og så den danske (har selv fundet linksne).
Er der nogle som har en ide hvordan jeg gør det? jeg har prøvet med kodning til et billede og så sætte href på. Men syntes ikke det virker.
Håber i vil hjælpe :)
Jeg har selv lavet noget lignende, men det er ved at være et års tid siden, så det er står ikke helt skarpt længere:
[kode]
Kan se jeg indsætter nogle klasser, og tjekker navne, kan godt være det er unødvendigt i dit tilfælde.
EDIT: Kan se koden ikke bliver escapet ordentligt her, jeg har smidt det op på pastebin i stedet: http://pastebin.com/vjsqrjkh
Hmm. Forstår ikke helt hvad du skriver med den kode?
Er der nogle som har en ide hvordan jeg gør det? jeg har prøvet med kodning til et billede og så sætte href på. Men syntes ikke det virker.
Lad os se siden så er det nemmere at komme med forslag
Jeg skal prøve at simplicere det en anelse:
EDIT: Argh! Igen kodeformateringen. Se her: http://pastebin.com/6tXxTXHt
Hvis du indsætter dette i din footer der hvor du vil have flagene, udskrives linkede flag for de sprog du har aktiveret (hvis qTranslate API'en ikke er ændret det sidste år).
Smid det ind og se om det virker, kan ikke skade. Hvis ikke er det sikkert navnene på billederne, men et link til din side kan løse dette.
Siden er lige ned pt da jeg kom til at ændre links i wp-admin :S
Men skal nok lige sende link når den er oppe at køre igen. :)
Link: Hjemmesiden
Ingen med et bud?
Så vidt jeg kan læse mig til her:
http://www.qianqin.de/qtranslate/forum/viewtopic.php?f=3&t=1329&start=30
Så skal dette Tag ind i din footer:
<?php echo qtrans_generateLanguageSelectCode('image'); ?>
Til at starte med. Derefter skal du i styles.css tilføje lidt, så det står pænt.
Jeg ved ikke om det er nok information til at komme videre.
Tak for det :)
Det vil jeg lige kigge på.
Hmm. Det virker som det skal. Men kan ikke få den til at ligge i midten af footeren og ikonerne står oven på hinanden.
Har fundet en løsning!
Løste den med:
i header.php addede jeg:
<div id="qt">
<?php echo qtrans_generateLanguageSelectCode('image'); ?>
</div>
i style.css addede jeg:
#qt { position: absolute; top: 80px; right: 90px}
#qt .qtrans_language_chooser li { float: right; }
.qtrans_flag { margin-left: 5px; }
Ikke løst alligevel!!!!
Bruger dette script i footeren i stedet:
<?php
$currentLang = qtrans_getLanguage();
global $q_config;
$langs = $q_config['enabled_languages'];
$i = 0;
$lang_length = count($langs) - 1;
foreach($langs as $lang)
{
if($lang == 'da') $code = 'dk';
if( $lang == 'en') $code = 'gb';
if( $lang == 'de') $code = 'de';
echo '<div class="lang' . (($i == $lang_length) ? ' last' : '') . (($currentLang == $lang) ? ' currentLang' : '') . '">';
echo (($currentLang != $lang)? '' : '');
echo '<img src="' . get_bloginfo('url') . '/wp-content/plugins/qtranslate/flags/' . $code . '.png" />';
echo (($currentLang != $lang) ? '' : '') . '</div>';
$i++;
}
?>
Men synes ikke det ser rigtig ud. for det første står de oven på hinanden og for det andet, mangler der et link under det engelske flag.
Nogen der har en løsning?
Hver eneste gang jeg kikker på hjemmesiden:
http://www.jesperjrap.hostei.com/wordpress
Kan jeg ikke se en dyt.
@Mark
Kan jeg ikke se en dyt.
Alle billeder er stylet med float left.
tror du skal style hvert enkelt billede for at få dem ved siden af hinanden
Hvordan vil scriptet så se ud?
Problemet er som jeg ser det at billederne ikke bliver stylet, men henviser til :
img {
border:medium none;
}
style.css (linje 140)
img {
og det giver jo ingen mening.
Problemet er som jeg ser det at billederne ikke bliver stylet, men henviser til :
img {
border:medium none;
}
style.css (linje 140)
img {
og det giver jo ingen mening.
.qtrans_flag span { display:none }
.qtrans_flag { height:12px; width:18px; display:block }
.qtrans_flag_and_text { padding-left:20px }
.qtrans_flag_da { background:url(http://thyregod.com/wp-content/plugins/qtranslate/flags/dk.png) no-repeat }
.qtrans_flag_de { background:url(http://thyregod.com/wp-content/plugins/qtranslate/flags/de.png) no-repeat }
.qtrans_flag_en { background:url(http://thyregod.com/wp-content/plugins/qtranslate/flags/gb.png) no-repeat }
Ved ikke om det hjælper hvis du får flettet :float-left med i css for de enkelte billeder.
Normalt hvis jeg skal placere 3 billeder ved siden af hinanden giver jeg alle 3 samme egenskab float-left, så lægger de sig på side.
Svært at rode med når man ikke har temaet og plug-inet.
Andre må på banen
okay.
Jeg var inde og kigge på startsidens kilde kode, og der skriver den:
<div class="lang currentLang"><img src="http://thyregod.com/wp-content/plugins/qtranslate/flags/dk.png" /></div>
<div class="lang"><img src="http://thyregod.com/wp-content/plugins/qtranslate/flags/de.png" /></div>
<div class="lang last"><img src="http://thyregod.com/wp-content/plugins/qtranslate/flags/gb.png" /></div></div>
Og det fungere perfekt, bare bortset fra det med at de står oven på hinanden. Ved ikke om det giver jer nogle ide'er?
Fra FAQ på http://www.qianqin.de/qtranslate, er der link til forumindlæg http://www.qianqin.de/qtranslate/forum/viewtopic.php?f=3&t=3&p=16#p16, som fortæller at du skal indsætte
<?php echo qtrans_generateLanguageSelectCode('both'); ?>
for at få vist sprogflag.
Hvis du benytter ovenstående eller den widget, der følger med Qtranslate, er her vist hvilken CSS der skal til at få flagene vist vandret:
http://www.qianqin.de/qtranslate/forum/viewtopic.php?f=3&t=1329&p=6350
#flaggenmast { heigth: 12px; width: 56px; margin: 0; padding: 0; float: right; clear: right; }
ul.qtrans_language_chooser { list-style: none; margin: 0; padding: 0; }
ul.qtrans_language_chooser li { display: inline-block; float: left; position: relative; margin: 0; padding: 0; }
a.qtrans_flag { margin-left: 10px }
/Frank
Ps. jeg har ikke nærlæst indlæg ovenfor, så mit indlæg viser kun hvordan, jeg har fået det til at virke. Mit indlæg er derfor ikke svar på dine spørgsmål.
Nu kom Frank mig i forkøbet, men som han foreslår, så er en ul sat til 'inline' normalt løsningen på sådan noget.
Fordi jeg brugte det andet script var, fordi den som der bliver linket til længere oppe, kun virker med en hvis størrelse billeder, vil gerne have de billeder lidt større, og det kunne jeg med scriptet jeg tilsidst selv poster herinde. Men virker den som frank linker til med større ikoner?
Har fundet en løsning, hvor du kan ligge større ikoner ind, bare de overskrives med de andre med de lande du vil have i mappen til flagene.
Koden ser sådan ud:
<div class="lang currentLang"><img src="http://thyregod.com/wp-content/plugins/qtranslate/flags/dk.png" />
<img src="http://thyregod.com/wp-content/plugins/qtranslate/flags/de.png" />
<img src="http://thyregod.com/wp-content/plugins/qtranslate/flags/gb.png" /></div></div>
Hvorfor vises det hele af koden ikke?
Undskyld - men nu er jeg stået af den lange læsning foroven - for jeg er ved gud ingen haj til HTML kodning.
Men mon der er der nogen der - på pædagoisk vis - kan forklare en nybegynder hvordan man opsætter en dansk og en engelsk version - med klikbare flag øverst i headeren?
Og jeg forstår stadigvæk ikke hvordan man sætter sit eget logo op i headeren. Jeg har fået denne forklaring:
'Du skal vælge “Udseende”, derefter “Header”. Nu kan du uploade din grafikfil – bemærk at den skal være 240 x 198 pixels. Du kan altså ikke sætte dit logo direkte ind, men skal lave (eller få lavet) en baggrund med de nævnte mål.'
Jeg forstår det stadigvæk ikke ... for jeg ved ikke hvor jeg skal uploade mit logo .. suk.
Jeg håber der er nogen der gider at forbarme sig ... - min side er: http://metafilm.dk/site/
Vi kender ikke temaet, og mulighederne for at skifte logo evt i admin delen.
http://www.arrastheme.com/forums/forum4-general-help.html
Personligt gør jeg det altid via editering med en teksteditor backend og med FTP, men da det jo ikke er din stærke side så er det svært at hjælpe, og specielt når man ikke kender temaet og dets muligheder.
ps du skriver i en anden mands tråd ;-)
Du skal være logget ind for at skrive.
