Step 1: | Step 2: |
Optional: | |
YG Final Fantasy XI Search Boxes
| Type 1: 120px by 100px |
<script src="http://ffxi.yg.com/tools/yg_searchbox.js"></script>
<script>
YG.Search.Type = 1;
YG.Search.Lang = 'de';
YG.Search.UseJavaScript = false;
YG.Search.OpenNewWindow = false;
YG.Search.Get();
</script>
|
| Type 2: 160px by 125px |
<script src="http://ffxi.yg.com/tools/yg_searchbox.js"></script>
<script>
YG.Search.Type = 2;
YG.Search.Lang = 'de';
YG.Search.UseJavaScript = false;
YG.Search.OpenNewWindow = false;
YG.Search.Get();
</script>
|
Type 3: 480px by 22px
<script src="http://ffxi.yg.com/tools/yg_searchbox.js"></script>
<script>
YG.Search.Type = 3;
YG.Search.Lang = 'de';
YG.Search.UseJavaScript = false;
YG.Search.OpenNewWindow = false;
YG.Search.Get();
</script>
|
Type 4: 189px by 44px
<script src="http://ffxi.yg.com/tools/yg_searchbox.js"></script>
<script>
YG.Search.Type = 4;
YG.Search.Lang = 'de';
YG.Search.UseJavaScript = false;
YG.Search.OpenNewWindow = false;
YG.Search.Get();
</script>
|
Customizable: If you prefer not to use our pre-defined search box styles and want to be creative by styling our search tool.
<script src="http://ffxi.yg.com/tools/yg_searchbox.js"></script>
<script>
YG.Search.Lang = 'de';
YG.Search.UseJavaScript = false;
YG.Search.OpenNewWindow = false;
YG.Search.Styles = {
SearchWrapper: 'your_own_css_class',
SearchInput: 'your_own_css_class',
SearchButton: 'your_own_css_class',
SearchButtonText: 'your_preferred_text'
}
YG.Search.Get();
</script>
Parameters Definition:
You can use the parameters below to define your own CSS class names and customize your YG Search Box's style.
: Allows you to customize the main search box container by defining your own CSS rules for width, height, background color/image, border, and so on.
: Allows you to define your own CSS rules for the search input box.
: Allows you to customize the CSS for the search button.
: Allows you to change the text of the search button. If you want to remove the text found within the search button, keep this parameter empty.
Note: Setting will overwrite any custom styles applied to the search box because the parameter handles our own pre-defined styles.
|
