Art Contest

WordPress Page Content:

View Settings

Use Entries from Form: Demo: Art - Add Artwork
View Format: Both (Dynamic)
Detail Link: Parameter Name: artwork — Parameter Value: id

Before Content:

<style type="text/css">
.art-vote-links {margin-left:3px;}
ul.art-contest li {
background-image:none !important;
float:left;
display:inline;
box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
margin:5px 7px 10px 3px;
padding:0;
}
ul.art-contest img{
width:250px;
max-height: 150px;
vertical-align: middle;
opacity:1;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
position:relative;
}
ul.art-contest img:hover{opacity:.6;}
ul.art-contest a, ul.art-contest img{transition:all 0.3s ease 0s;}
ul.art-contest p a {color:#333333;}
ul.art-contest p a:hover{text-decoration:none;color:#298CBA;}
ul.art-contest p {margin:15px;color: #999999;}
ul.art-contest {clear:both;}
</style>

<div class="art-vote-links">
<a href="/demos/art-contest/my-vote/" rel="nofollow">View My Vote</a>   |   <a href="/demos/art-contest/all-the-votes/" rel="nofollow">View All Votes</a>
</div>

<ul class="art-contest">

Content:

<li>
<a href="[detaillink]/" rel="nofollow"><img src="[art-file size=thumbnail]" alt="No Image Found"/></a><p><a href="[detaillink]/" rel="nofollow">[art-title]</a>
by [art-fname] [art-lname]</p>
</li>

After Content:

</ul>
<div style="clear:both;"></div>

Dynamic Content:

<style type="text/css">.gray-text {color:#999999;}
.art-dynamic-block img.art-image {float:left;margin-right:20px;max-width:600px;}
.art-right-block {float:left;} .back-link{padding:10px 0; clear:both;}
.leftalign{float:left;} .art-dynamic-block .vote-num {margin: 5px 20px 5px 0px;} .art-right-block p{margin-bottom:0px;} .art-dynamic-block .with_frm_style .frm_message{margin:0; padding: 3px 20px;} .art-dynamic-block .with_frm_style .frm_message p{margin-bottom:0;}</style>

<div class="art-dynamic-block">
<img class="art-image" src="[art-file size=full]" alt="[1382]" />
<div class="art-right-block">
<h2>[art-title]</h2>
<p>by [art-fname] [art-lname]
<span class="gray-text">[art-media]</span></p>
<hr/>
<div class="leftalign vote-num">[frm-stats id=vote-art-title value=[id] type=count] votes</div><div class="leftalign">[display-frm-data id=art-contest-vote-button filter=1]</div>
</div>
</div>
<div class="back-link"><a href="?gallery">&larr; Back to Gallery</a></div>

Order: Entry creation date — descending
Page Size: 12