Multi language website Joomla 1.6/7 Video Tutorial

Joomla CSS has started with a series of video tutorials. The first video tutorial is about creating a multi language website for Joomla 1.6 / 1.7 / 2.5.

 

 

 

 

 

 

 

 

 

 

Applied CSS from de Video

These CSS statements are from the video and placed at the end of the Beez personal.css file. See Part 4 of the videos.

 

/* -------------------------
  Module language switcher
---------------------------- */
div.mod-languages_languageswitcher {
	position: relative;
	margin: 35px 20px 0 0;
}

div.mod-languages_languageswitcher ul li {
	float: left;
	margin: 0 0 0 10px;
}

div.mod-languages_languageswitcher ul li a {
	margin: 0 !important;
	padding: 0 !important;
	background: none;
}

div.mod-languages_languageswitcher ul li img {
	width: 24px;
	height: 16px;
}


div.mod-languages_languageswitcher ul li a img {
	padding: 1px;
	border: 1px #ccc solid;
}

div.mod-languages_languageswitcher ul li a:hover img,
div.mod-languages_languageswitcher ul li.lang-active a img {
	padding: 1px;
	border: 1px #666 solid;
}




Beijingpierre (25.11.2011 (09:37:18))
Problems with Firefox browser Thank you for the clear presentation, it was very helpful to me.
I have a problem with the code to add to personal.css! When present the top menu (Beez_20) is not working anymore in Firefox, still ok in IE.
Do you have a solution to this?

Thank you

Pierre
Quote
Rob van Oudheusden (25.11.2011 (09:50:40))
RE: Problems with Firefox browser You have to send me your website address to see what is wrong. Send it to info@joomla-css.nlQuote


Post a comment or ask a question!

1000 Characters left

Antispam Refresh image Case insensitive