This component allows you to add the LEO German dictionary / translator to your Joomla site.
The search results are displayed right inside
No more popup page. No more diversion to other pages.
Available for both Joomla 1.0.x and native 1.5.x!
Add more power with LEO dictionary module
You might also want to complement this component with the LEO dictionary module:
http://www.kksou.com/php-gtk2/Joomla/LEO-dictionary-module.php
The module allows you to add an additional LEO dictionary search box as a module. This means that you can place the search form in any module position you like. When the user clicks the search button, the search result will be displayed in your Joomla main body by the LEO dictionary component.
How to install
Set up is as easy as 1-2-3:
Install the component
Enter your desired width and height of the search result
That's all you need to get started! You'll now have LEO dictionary / translator right inside your Joomla page!
For advanced settings, please refer to Customizing the Component .
Be a Sponsor If you find this component useful,
Secure Payments by PayPal .
Download
Note: To upgrade to the newer version, simply uninstall the old version and install the new version of the plugin.
Customizing the Component
Log on as Administrator, from the Component Menu, select "LEO dictionary - configure", you will see the following config page.
Only the first two are required. The rest are optional settings that allow you to finetune the component to suit your needs.
Styling the Component and Module using CSS
You can set the style of every item within the LEO dictionary component/module to the exact format you want through CSS. For example, you can set the font family, font size, foreground and background color of the search field, radio label, search button, etc.
I've designed such that the css style for the component is independent of that of the module. So you can have different styles for the component and the module.
For example, if you're using the default Joomla 1.5 template, define the following style in <joomla root folder>/templates/rhuk_milkyway/css/template.css. If you're using the default Joomla 1.0 template, define the following style in <joomla root folder>/templates/rhuk_solarflare_ii/css/template_css.css.
Search Box
Component
Module
div.leodict input.inputbox {
font-family: Verdana;
font-size: 12pt;
font-style: italic;
}
div.mod_leodict input.inputbox {
font-family: Verdana;
font-size: 12pt;
font-style: italic;
}
Search Button
Component
Module
div.leodict input.button {
font-family: "Arial Bold";
font-size: 12pt;
margin-left: 4px;
}
div.mod_leodict input.button {
font-family: "Arial Bold";
font-size: 12pt;
margin-top: 6px;
}
Search Button Image (if you're using your self-defined image as search button)
Component
Module
div.leodict input.button_img {
margin-left: 4px;
}
div.mod_leodict input.button_img {
margin-left: 4px;
}
LEO Logo
Component
Module
div.leodict .leodict_logo {
margin-right: 6px;
}
div.mod_leodict .leodict_logo {
margin-right: 6px;
}
Radio Label (the radio buttons to select between search for web or domain)
Component
Module
div.leodict .radiolabel {
font-family: Verdana;
font-style: italic;
}
div.mod_leodict .radiolabel {
font-family: Verdana;
font-style: italic;
}
Radio Buttons (note: this only works on some of the browsers such as IE.)
Component
Module
div.leodict input.radio {
background-color: #0000ff;
}
div.mod_leodict input.radio {
background-color: #0000ff;
}
Radio Group (use this if you want to set the background or draw a border around the entire radio buttons group)
Component
Module
div.leodict .radiogrp {
border: 1px solid #ddd;
}
div.mod_leodict .radiogrp {
border: 1px solid #ddd;
}
The entire search form (use this if you want to set the background or draw a border around the entire search form)
Component
Module
div.leodict {
background: #33FF66;
}
div.mod_leodict {
background: #33FF66;
}
The table within the search form (use this if you want to right align the search form)
Component
Module
div.leodict table {
margin-left: auto;
margin-right: 6px;
}
div.mod_leodict table {
margin-left: auto;
margin-right: 6px;
}
Search Box (method #2)
Component
Module
div.leodict input{
font-family: Verdana;
font-size: 12pt;
font-style: italic;
}
div.mod_leodict input {
font-family: Verdana;
font-size: 12pt;
font-style: italic;
}
Comments
RSS feed for comments to this post