Dear Multilingualizer.
First of all, thank you for making this great system. It is just for my case, the (.... text..translation...) format does not work on my squarespace account.
My website is Rayora.com and i'm still working on it to make it into 2 languages, English and Japanese (日本語).
I really like the way floating language selector looks and and i have tried all the guide written on your instruction page.
Since i want it to be English and 日本語 with pink background, i changed the code a little bit, so instead of :
<div class="languagewrapper">
<div class="language"><a href="#" onclick="languageClicked(0);">English</a></div>
<div class="language"><a href="#" onclick="languageClicked(1);">Français</a></div>
</div>
<style>
.languagewrapper {
position:fixed;
top:0;
right:0;
z-index:999999;
background-color: black;
padding: 2px;
}
.languagewrapper .language {
float:left;
}
.languagewrapper .language {
display:block;
}
.languagewrapper .language.active {
display:block;
}
.languagewrapper .language.active a {
color:white;
font-weight:bold;
}
.languagewrapper .language a {
padding:2px 5px;
text-decoration:none;
color:white;
}
</style> I changed it into : <div class="languagewrapper">
<div class="language"><a href="#" onclick="languageClicked(0);">English</a></div>
<div class="language"><a href="#" onclick="languageClicked(1);">日本語</a></div>
</div>
<style>
.languagewrapper {
position:fixed;
top:0;
right:0;
z-index:999999;
background-color: pink;
padding: 2px;
}
.languagewrapper .language {
float:left;
}
.languagewrapper .language {
display:block;
}
.languagewrapper .language.active {
display:block;
}
.languagewrapper .language.active a {
color:white;
font-weight:bold;
}
.languagewrapper .language a {
padding:2px 5px;
text-decoration:none;
color:white;
}
</style> By this, the appareance is exactly what i wanted, but it won't change between languages even if i clicked the floating language selector's language section. I also have tried the ....text..translation.... format, but it shows as it is Please check this link to see pic that can explain more about my situation : https://drive.google.com/open?id=1G-WYLY6iohHJxiFLCaPbb_cql8wildoU or visit www.rayora.com Looking forward to your reply. Best Regards, Rara
<div class="language"><a href="#" onclick="languageClicked(0);">English</a></div>
<div class="language"><a href="#" onclick="languageClicked(1);">Français</a></div>
</div>
<style>
.languagewrapper {
position:fixed;
top:0;
right:0;
z-index:999999;
background-color: black;
padding: 2px;
}
.languagewrapper .language {
float:left;
}
.languagewrapper .language {
display:block;
}
.languagewrapper .language.active {
display:block;
}
.languagewrapper .language.active a {
color:white;
font-weight:bold;
}
.languagewrapper .language a {
padding:2px 5px;
text-decoration:none;
color:white;
}
</style> I changed it into : <div class="languagewrapper">
<div class="language"><a href="#" onclick="languageClicked(0);">English</a></div>
<div class="language"><a href="#" onclick="languageClicked(1);">日本語</a></div>
</div>
<style>
.languagewrapper {
position:fixed;
top:0;
right:0;
z-index:999999;
background-color: pink;
padding: 2px;
}
.languagewrapper .language {
float:left;
}
.languagewrapper .language {
display:block;
}
.languagewrapper .language.active {
display:block;
}
.languagewrapper .language.active a {
color:white;
font-weight:bold;
}
.languagewrapper .language a {
padding:2px 5px;
text-decoration:none;
color:white;
}
</style> By this, the appareance is exactly what i wanted, but it won't change between languages even if i clicked the floating language selector's language section. I also have tried the ....text..translation.... format, but it shows as it is Please check this link to see pic that can explain more about my situation : https://drive.google.com/open?id=1G-WYLY6iohHJxiFLCaPbb_cql8wildoU or visit www.rayora.com Looking forward to your reply. Best Regards, Rara