1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

change logo image on hover

Discussion in 'Styling and Customization Questions' started by Trover, Nov 13, 2012.

  1. Trover

    Trover Member

    How could I go about doing this ?
     
  2. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    Admin CP -> Appearance -> Templates -> logo_block

    Code:
    <div id="logoBlock">
    	<div class="pageWidth">
    		<div class="pageContent">
    			<xen:include template="ad_header" />
    			<xen:hook name="header_logo">
    			<div id="logo"><a href="{$logoLink}">
    				<span><xen:comment>This span fixes IE vertical positioning</xen:comment></span>
    				<img onmouseover="this.src='styles/default/xenforo/node-sprite.png';" onmouseout="this.src='@headerLogoPath';" src="@headerLogoPath" alt="{$xenOptions.boardTitle}" />
    			</a></div>
    			</xen:hook>
    			<span class="helper"></span>
    		</div>
    	</div>
    </div>
    
     
    Trover likes this.
  3. Trover

    Trover Member

    you da man jake
     

Share This Page