Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New to the CF scene
    Join Date
    Dec 2009
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Exclamation Help editing a snipit

    Ok i need help with editing a .tpl file and a css file.

    I want this:
    Code:
    http://screensnapr.com/u/3n8kgi.png
    To look like this
    Code:
    http://screensnapr.com/u/9dews7.png
    I have included the .tpl file with the css. If anyone could help me out. It would be great.

    Code:
    http://rapidshare.com/files/320466821/2files.zip
    If your going to take this on, please reply and tell me.
    Regards

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,686
    Thanks
    22
    Thanked 1,828 Times in 1,812 Posts
    Hello ACE8018,
    That is not enough information. The file you provide is basically the markup but you don't give us the CSS it is styled with.
    This would probably be alot easier if you could give us a link to the test site.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #3
    New to the CF scene
    Join Date
    Dec 2009
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    DId i not add the css style to the download link? That is the style sheet for it.

    The link to the site is reagantunes.com

    Thanks

  • #4
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,686
    Thanks
    22
    Thanked 1,828 Times in 1,812 Posts
    Yes you did - I didn't see it.

    Try moving your header stuff up into the header. Something like this
    Code:
    <div id="uni_container">
    		<div id="uni_header">
    			<div class="uni_header_leftCorner"></div>
    			
    		<div id="uni_header">
    			<div class="uni_header_leftCorner"></div>
    <img alt="" src="/templates/nStyle_Blufun/images/text_logo_215x58.gif" class="logo">
    			<div class="uni_header_inner">
    				<div class="brand_logo">
    				</div>
    				<div class="top_bar">
    					<ul class="link_list">
    				<li class="lower_newmail">
    					<img src="/templates/nStyle_Blufun/images/blank.gif" alt="" class="img_home"> <span class="home"></span> 
    						<div class="logo">				<img alt="" src="/templates/nStyle_Blufun/images/text_logo_215x58.gif">			</div>					<div class="login"><form method="post" action="">	<div class="form_login">		<input name="login_name" class="username" value="Username" onfocus="javascript:if(this.value='Username') this.value='';" onblur="if(this.value=='') this.value='Username'" type="text">		<input name="login_password" class="username password" value="" onfocus="javascript:if(this.value=='') this.style.backgroundPosition='top';" onblur="if(this.value=='') this.style.backgroundPosition='bottom';" onkeydown="if(event.keyCode==13){ checkFromLogin(); return false; }" type="password">		<input onclick="submit();" value="Login" type="submit">		<input name="login" id="login" value="submit" type="hidden">&nbsp;&nbsp;		</div>	<div class="text">		<a href="http://www.reagantunes.com/index.php?do=lostpassword" class="link">Lost Password?</a>		<span class="gach">|</span>		<a href="http://www.reagantunes.com/index.php?do=register" class="link">Regiser</a>	</div>	</form>	</div>
    
    
    					</li></ul>		
    				</div>
    				<div class="bottom_bar">					
    					<ul class="product_list">
    					</ul>
    							
    					
    				</div>
    			</div>
    			<div class="uni_header_rightCorner"></div>
    		</div>
    			
    		<div id="ym_header">
    			<!--<div class="logo">
    				<img alt="" src="/templates/nStyle_Blufun/images/text_logo_215x58.gif">
    			</div>	-->		
    		</div>		
    		<div id="box_menu">
    And some CSS to go with that -
    Code:
    .logo {
    width: 215px;
    float: left;
    }
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •