Support Forums

goose + · 09-12-2007, 05:12 PM

How do I replace the standard 68C Header/Nav Buttons with my own Header Image (this is for V4 default template)?

Basically I just need to know what code should be removed, and the PHP/Smarty code to insert a header image on top of the pages.

thanks

civ + · 09-12-2007, 09:14 PM

templates/default/layout.tpl.php

goose + · 09-12-2007, 09:27 PM

I know where it is, I just want to make sure I remove the Header/Nav buttons only.

This is the original code from the layout.tpl.php-

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="content-type" content="text/html;charset={$smarty.const.LANG_CHARSET}" />
	<meta name="author" content="Luka Cvrk (www.solucija.com)" />
	<title>{$sitetitle}</title>
	<meta name="Keywords" content="{$sitekeywords}" />
	<meta name="Description" content="{$sitedescription}" />
	<base href="{$smarty.const.URL}/" />
	<link rel="stylesheet" href="templates/{$smarty.const.MAIN_TEMPLATE}/css/style.css" type="text/css" />
	<script type="text/javaScript">
	{literal}
	<!--
	function MM_openBrWindow(theURL,winName,features) 
	{
	  window.open(theURL,winName,features);
	}
	//-->
	{/literal}
	</script>
	{$header}
	<script type="text/javascript" src="javascript/toggle.js"></script>
	<link rel="stylesheet" type="text/css" media="all" href="javascript/calendar/calendar-blue.css" title="winter" />
	<script type="text/javascript" src="javascript/calendar/calendar.js"></script>
	<script type="text/javascript" src="javascript/calendar/lang/calendar-en.js"></script>
	<script type="text/javascript" src="javascript/calendar/calendar-setup.js"></script>
	{modulehook function="tpl_layout_head" options=""}
	<link rel="stylesheet" href="templates/{$smarty.const.MAIN_TEMPLATE}/css/cst_style.css" type="text/css" />
</head>
<body>
	<div id="wrapper">
		<div id="header">
			<p id="top_info">
				{if $smarty.session.username<>'' || $smarty.cookies.username<>""}
				Welcome {$smarty.session.username}
				{if $pmon=="Y"}
				<br />
				<a href="private.php">{$smarty.const.LANG_PRIVATE_MESSAGES}:</a> {$smarty.const.LANG_UNREAD} {$unreadpms}, {$smarty.const.LANG_TOTAL} {$totalpms}.
				{/if}
				{else}
				{$smarty.const.LANG_WELCOME_GUEST} <br />[<a href="login.php">{$smarty.const.LANG_USER_LOGIN}</a>, <a href="userjoin.php">{$smarty.const.LANG_USER_REGISTER}</a>]
				{/if}
			</p>
			<div id="logo">
				<h1><a href="index.php" title="68 Classifieds">68 <span class="title">Classifieds</span></a></h1>
				<p>Welcome to our classifieds site.</p>
			</div>
		</div>
		<div id="tabs">
			<ul>	
				<li><a href="{$smarty.const.URL}/index.php">{$smarty.const.LANG_TPL_HOME}</a></li>
				<li><a href="{$smarty.const.URL}/search.php">{$smarty.const.LANG_TPL_SEARCH}</a></li>
				<li><a href="{$smarty.const.URL}/category.php">{$smarty.const.LANG_TPL_BROWSE}</a></li>
				<li><a href="{$smarty.const.URL}/toplistings.php?pg=featured">{$smarty.const.LANG_TPL_FEATURED}</a></li>
				<li><a href="{$smarty.const.URLS}/usercheckout.php">{$smarty.const.LANG_TPL_PLACE_AD}</a></li>
				<li><a href="{$smarty.const.URL}/contactus.php">{$smarty.const.LANG_TPL_CONTACT}</a></li>
			</ul>
			<div id="search">
				<form method="post" action="searchresults.php">
					<p><input type="text" name="search" class="search" /> <input type="submit" value="{$smarty.const.LANG_SEARCH}" class="button" /></p>
				</form>
			</div>
		</div>

civ + · 09-12-2007, 09:50 PM

Hmm that looks like the v4 template... I've used that template on a different site (not 68C related) and you'll need to understand CSS well before making too many changes to that one. The header and menu images are all listed out in the CSS, not the HTML.

goose + · 09-12-2007, 10:15 PM

Yep it's the V4 Default.

I changed it to this, and it seems to have worked ok (just not sure if I did it correctly) -

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="content-type" content="text/html;charset={$smarty.const.LANG_CHARSET}" />
	<meta name="author" content="Luka Cvrk (www.solucija.com)" />
	<title>{$sitetitle}</title>
	<meta name="Keywords" content="{$sitekeywords}" />
	<meta name="Description" content="{$sitedescription}" />
	<base href="{$smarty.const.URL}/" />
	<link rel="stylesheet" href="templates/{$smarty.const.MAIN_TEMPLATE}/css/style.css" type="text/css" />
	<script type="text/javaScript">
	{literal}
	<!--
	function MM_openBrWindow(theURL,winName,features) 
	{
	  window.open(theURL,winName,features);
	}
	//-->
	{/literal}
	</script>
	{$header}
	<script type="text/javascript" src="javascript/toggle.js"></script>
	<link rel="stylesheet" type="text/css" media="all" href="javascript/calendar/calendar-blue.css" title="winter" />
	<script type="text/javascript" src="javascript/calendar/calendar.js"></script>
	<script type="text/javascript" src="javascript/calendar/lang/calendar-en.js"></script>
	<script type="text/javascript" src="javascript/calendar/calendar-setup.js"></script>
	{modulehook function="tpl_layout_head" options=""}
	<link rel="stylesheet" href="templates/{$smarty.const.MAIN_TEMPLATE}/css/cst_style.css" type="text/css" />
</head>
<body>
	<div id="wrapper">
		<div id="header">
			<p id="top_info">
				{if $smarty.session.username<>'' || $smarty.cookies.username<>""}
				Welcome {$smarty.session.username}
				{if $pmon=="Y"}
				<br />
				<a href="private.php">{$smarty.const.LANG_PRIVATE_MESSAGES}:</a> {$smarty.const.LANG_UNREAD} {$unreadpms}, {$smarty.const.LANG_TOTAL} {$totalpms}.
				{/if}
				{else}
				{$smarty.const.LANG_WELCOME_GUEST} <br />[<a href="login.php">{$smarty.const.LANG_USER_LOGIN}</a>, <a href="userjoin.php">{$smarty.const.LANG_USER_REGISTER}</a>]
				{/if}
			</p>
</div>
</div>

Basically I cut this out -

Code:

<div id="logo">
				<h1><a href="index.php" title="68 Classifieds">68 <span class="title">Classifieds</span></a></h1>
				<p>Welcome to our classifieds site.</p>
			</div>
		</div>
		<div id="tabs">
			<ul>	
				<li><a href="{$smarty.const.URL}/index.php">{$smarty.const.LANG_TPL_HOME}</a></li>
				<li><a href="{$smarty.const.URL}/search.php">{$smarty.const.LANG_TPL_SEARCH}</a></li>
				<li><a href="{$smarty.const.URL}/category.php">{$smarty.const.LANG_TPL_BROWSE}</a></li>
				<li><a href="{$smarty.const.URL}/toplistings.php?pg=featured">{$smarty.const.LANG_TPL_FEATURED}</a></li>
				<li><a href="{$smarty.const.URLS}/usercheckout.php">{$smarty.const.LANG_TPL_PLACE_AD}</a></li>
				<li><a href="{$smarty.const.URL}/contactus.php">{$smarty.const.LANG_TPL_CONTACT}</a></li>
			</ul>
			<div id="search">
				<form method="post" action="searchresults.php">
					<p><input type="text" name="search" class="search" /> <input type="submit" value="{$smarty.const.LANG_SEARCH}" class="button" /></p>
				</form>

civ + · 09-13-2007, 12:51 AM

Just test it in IE/FF and you should be fine.

goose + · 09-13-2007, 08:30 AM

I tested it and it seems ok. I'm just a novice though, so I can basically remove code and via trial/error sometimes make it work, but I'm not always 100% sure of exactly what I am taking out. That's why I wanted to check.

Second question, the "Weclome Guest - Login/Register" icon is now right below my header on the right side of the page. I can't figure out how to move it the the left side. Basically I want to put it right above the Left Side Column. Can anyone give me some pointers on how to move that over to the left side?

09-12-2007, 05:12 PM	#1
goose + Member Join Date: Mar 2007 Posts: 51 Rep Power: 20	Replacing the 68C Standard Header/Nav Buttons How do I replace the standard 68C Header/Nav Buttons with my own Header Image (this is for V4 default template)? Basically I just need to know what code should be removed, and the PHP/Smarty code to insert a header image on top of the pages. thanks

09-12-2007, 09:14 PM	#2
civ + Customer Join Date: Mar 2006 Location: Greer, SC Posts: 609 Rep Power: 35	templates/default/layout.tpl.php __________________ Civ's Modules: � Stop Incomplete Listings! (proven revenue booster!) � Scam Filter (Just say no to Nigerians and proxies!) updated � Similar Listings (keep visitors longer) � Feedback Mod (testimonial builder) � Listing Status Reminder free!

09-12-2007, 09:50 PM	#4
civ + Customer Join Date: Mar 2006 Location: Greer, SC Posts: 609 Rep Power: 35	Hmm that looks like the v4 template... I've used that template on a different site (not 68C related) and you'll need to understand CSS well before making too many changes to that one. The header and menu images are all listed out in the CSS, not the HTML. __________________ Civ's Modules: � Stop Incomplete Listings! (proven revenue booster!) � Scam Filter (Just say no to Nigerians and proxies!) updated � Similar Listings (keep visitors longer) � Feedback Mod (testimonial builder) � Listing Status Reminder free!

09-13-2007, 12:51 AM	#6
civ + Customer Join Date: Mar 2006 Location: Greer, SC Posts: 609 Rep Power: 35	Just test it in IE/FF and you should be fine. __________________ Civ's Modules: � Stop Incomplete Listings! (proven revenue booster!) � Scam Filter (Just say no to Nigerians and proxies!) updated � Similar Listings (keep visitors longer) � Feedback Mod (testimonial builder) � Listing Status Reminder free!

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

09-13-2007, 08:30 AM	#7
goose + Member Join Date: Mar 2007 Posts: 51 Rep Power: 20	I tested it and it seems ok. I'm just a novice though, so I can basically remove code and via trial/error sometimes make it work, but I'm not always 100% sure of exactly what I am taking out. That's why I wanted to check. Second question, the "Weclome Guest - Login/Register" icon is now right below my header on the right side of the page. I can't figure out how to move it the the left side. Basically I want to put it right above the Left Side Column. Can anyone give me some pointers on how to move that over to the left side?

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Rollover buttons	Nickb	Templates, HTML, CSS, and Design Help	1	08-24-2007 04:17 AM

Support Forums

Replacing the 68C Standard Header/Nav Buttons