Code:

<a href=WEBSITELINK><img src=BUTTONPICTURE></a>


Code:

<div class="second-image"><img src="LINK IMAGE"></div>

Code:

.second-image{
height: 0px;
position: relative;
float: right;
}


Spyro Dragon™ wrote:Im not sure what your trying to ask for, can you edite this through photoshop and and screenshot of what your trying to do with the site?

Spyro Dragon™ wrote:Try cutting your picture, and putting the rest of your picture into this code.

Code:

<a href=WEBSITELINK><img src=BUTTONPICTURE></a>


Code:

<div class="second-image"><img src="LINK IMAGE"></div>

Code:

.second-image{
    height: 0px;
    position: relative;
    top: -100px;
right: -500px;
    }


Code:

<div id="pun-intro" class="clearfix">
<a href="{U_INDEX}" id="pun-logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>
<!-- BEGIN switch_h1 -->
<div id="pun-title">{switch_h1.MAIN_SITENAME}</div>
<!-- END switch_h1 -->
<!-- BEGIN switch_desc -->
<p id="pun-desc">{switch_desc.SITE_DESCRIPTION}</p>
<!-- END switch_desc -->
</div>

Code:

<div id="pun-intro" class="clearfix">
<a href="{U_INDEX}" id="pun-logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>
<img class="animate" src="yourSRC" title="yourTITLE" />
<!-- BEGIN switch_h1 -->
<div id="pun-title">{switch_h1.MAIN_SITENAME}</div>
<!-- END switch_h1 -->
<!-- BEGIN switch_desc -->
<p id="pun-desc">{switch_desc.SITE_DESCRIPTION}</p>
<!-- END switch_desc -->
</div>

Code:

#pun-intro{position:relative}
.animate{position:absolute;right:10px;top:5px;display:block}