| HTML |
|---|
<div id="google_translate_element"></div>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element');
}
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> |
Customizing Portable Gadgets
| Table of Contents |
|---|
Customization Options
Portable Gadgets come with both built-in customization options as well as the ability to edit styles locally through CSS.
Required Settings:
...
Optional Settings:
These settings must be included as parameters when initializing the gadget. See Getting Started With Portable Gadgets.
...
Sample CSS Customization
Alternating Row Formatting:
| Code Block | ||
|---|---|---|
| ||
<style>
.pg-subtitle {
color: lightslategrey;
font-size:1.4em;
font-weight: bold;
}
.pg-field-name a:hover {
text-decoration: none;
color: white;
background-color: gray;
}
.pg-results tr:nth-child(2n+1) {
background: white;
}
.pg-results tr:nth-child(2n+0) {
background: lightgray;
}
</style> |