Web szerkesztés

[Dew]

Originally Posted by Dus

Amúgy az option tag-nek berakod háttérnek a képet, meg beállítod, hogy ne ismételje, és jó lesz elvileg.

Pl.: [...]
Persze a paddinget belövöd a kép mérete alapján, meg biztos lehet rövidebb kóddal is, de ez így működik.

Nagyon szépen működik!! Köszi-köszi!

nekem ilyen lett megfűszerezve egy kis smarty-val:

css:

#topmenu #languageselect option {
	background-repeat:no-repeat;
	padding-left:20px;
}

#topmenu #languageselect #language {
	background-repeat:no-repeat;
	padding-left:20px;
}

#topmenu #languageselect #language #hu {
	background-image:url("flags/hu.gif");
}

#topmenu #languageselect #language #en {
	background-image:url("flags/en.gif");
}

#topmenu #languageselect #language #de {
	background-image:url("flags/de.gif");
}

html:

{literal}
<script>

function languagechange() {
	x=document.getElementById("language");
	y=document.getElementById("lang");
	y.value=x.options[x.selectedIndex].value;

	document.hidden_languageselect.submit();
}

</script>
{/literal}


<div id="languageselect">

<select name="language" id="language"  style="background-image:url('css/flags/{$lang}.gif');" onchange="languagechange()">
	<option value="hu"{if $lang==hu} selected {/if}id="hu">Magyar</option>
	<option value="en"{if $lang==en} selected {/if}id="en">English</option>
	<option value="de"{if $lang==de} selected {/if}id="de">Deutsch</option>
</select>

</div>

<form method=post name="hidden_languageselect">
<input type="hidden" name="lang" id="lang" />
</form>

annyit változtattam, hogy fenn is látszik az aktuális nyelv zászlaja, nem csak a lenyitáskor a nyelvek mellett...

Köszi szépen még egyszer! Nagyon boldog lettem, hogy sikerült megvalósítani!!