= Shortcode-Example using CSS =
To show 9 random images:
- In your article just post the following (in html, not wysiwyg-mode)
PHP-Code:
<div class=”testClass”>
[ getGWImages max=9 order=random linkclass='testClass' ]
</div>
- Add the following to the style.css of your theme
PHP-Code:
/* TestClass */
.testClass {
overflow: hidden !important;
padding: 10px 5px !important;
}
.testClass ul {
float: left !important;
}
.testClass li {
list-style-type: none !important;
display: inline !important;
padding: 5px !important;
float: left !important;
margin: 5px !important;
width: 150px !important; /* size of the thumbnail */
height: 150px !important; /* size of the thumbnail */
}
.testClass li a img, .testClass li a:visited img {
border: solid 1px #fff !important;
}
.testClass li a:hover img {
border: solid 1px #000 !important;
}