Gossamer Forum
Home : Products : Gossamer Links : Discussions :

Help Getting Customizations Just Right

(Page 2 of 3)
> > > >
Quote Reply
Re: [therelief] Help Getting Customizations Just Right In reply to
When you view your pages the layout looks like this:

Nav Bar----------------------
Search-----------------Login


but when you look at your code it is actually set out like this:

Login------------Nav Bar-------------Search

You have no formatting or layout to your code. Try creating a table and move your login from before the Nav Bar code to after the Search code.
Quote Reply
Re: [MJB] Help Getting Customizations Just Right In reply to
I apologize, but I'm lost. Where do I put the table? What template? Because I thought I already did that. Plus, when I did it any other way, it messed the nav bar/search/login & register stuff up entirely.

If I put the code here, could tell me what is going wrong?

Last edited by:

therelief: Sep 27, 2006, 1:08 PM
Quote Reply
Re: [therelief] Help Getting Customizations Just Right In reply to
It's basic HTML. You need to create something like this:

Code:
<table><tr><td colspan="2">Nav Bar Code</td>
<td>Search Code</td><td>Login Code</td></tr></table>
Quote Reply
Re: [MJB] Help Getting Customizations Just Right In reply to
This is the code from the header footer wrapper (I don't even remember at this point what template it goes in, aye aye aye)...

<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/...ml1-transitional.dtd">
<html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="shortcut icon" href="favicon.ico" />
<title><% TITLE %></title>
<% GENERATOR %>
<% CSS %>
<% JAVASCRIPT %>
</head>
<body background="images/bggreydiag.gif">
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="10" align="left" valign="top" bgcolor="#FFFFFF">&nbsp;</td>
<td width="200" bgcolor="#FFFFFF"><a href="http://www.virtualassistantnetworking.com"><img src="../images/virtual-assistant-networking.gif" alt="Virtual Assistant Networking Association" width="199" height="65" border="0" align="top" /></a></td>
<td width="73" background="../images/diagblue.gif" bgcolor="#FFFFFF">&nbsp;</td>
<td width="225" align="center" valign="middle" bgcolor="#EEF3F9"><span class="class1"><a href="http://www.virtualassistantnetworking.com/webinar-registration.htm"><font color="#FF600" size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>Don't
Miss our October Guest Expert Webinar With Robert Middleton on Thursday,
October 19</strong></font></a></span></td>
<td width="74" align="right" valign="top" background="../images/diagblue.gif" bgcolor="#EEF3F9">&nbsp;</td>
<td width="192" align="center" valign="middle" bgcolor="#EEF3F9">&nbsp;</td>
<td width="16" bgcolor="#EEF3F9">&nbsp;</td>
<td width="10" align="left" valign="top" bgcolor="#EEF3F9">&nbsp;</td>
</tr>
</table>
<table width="800" height="25" border="0" align="center" cellpadding="0" cellspacing="0">
<tr align="center" valign="middle" bgcolor="bbd9ee">
<td width="14" height="30" align="left" valign="top" background="../images/bgleftcornertopbl.gif" bgcolor="#C9DBED">
<div align="right">
</div>
<div align="left"></div></td>
<td width="49" align="left" valign="top" bgcolor="#C9DBED">&nbsp;</td>
<td width="123" height="30" bgcolor="#C9DBED">&nbsp;</td>
<td width="600" height="30" bgcolor="#C9DBED">&nbsp;</td>
<td width="14" colspan="2" align="right" valign="bottom" background="http://www.virtualassistantnetworking.com/...bgrightcornerbot.gif" bgcolor="#C9DBED">
<div align="right"></div>
</td>
</tr>
</table>
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0" bordercolor="#FF6633">
<tr>
<td height="5" bgcolor="#FFFFFF"><img src="../images/spacerwhite.gif" alt="~" width="10" height="10" /></td>
</tr>
</table>
<table width="800" height="100" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="14" height="100" align="left" valign="top" background="../images/bgleftcornertop.gif" bgcolor="#9ED8B1">
<div align="right"></div></td>
<td width="326" height="100" align="left" valign="middle" bgcolor="#9ED8B1"><strong><em><font color="#FFFFFF" size="2" face="Georgia, Times New Roman, Times, serif">The
Virtual Assistant Global Village... ...Creating Community, Expanding Horizons
and Sharing in Success! </font></em><font color="#FFFFFF" size="2" face="Georgia, Times New Roman, Times, serif">&#8482;</font></strong></td>
<td width="22" height="100" align="left" valign="middle" bgcolor="#9ED8B1">
<h5><strong></strong></h5></td>
<td width="437" height="100" align="left" valign="top" bgcolor="#FFFFFF">
<div align="left"><img src="../images/headergraphic.jpg" alt="Your Doorway to the Virtual Assistant Global Village" width="436" height="100" align="top" /></div></td>
</tr>
</table>
<div id="ipbwrapper">
<% BOARD HEADER %>
<% MEMBER BAR %>
<% NAVIGATION %>
<!--IBF.NEWPMBOX-->
<% BOARD %>
<% BOARD FOOTER %>
<% STATS %>
<% COPYRIGHT %>
<center>Design by <a href="http://www.gpf-design.com" target="_blank" title="Free banners, invision power board skins, themes, custom requests, graphics shop and more">GPF-Design.com</a> & <a href="http://www.getpaidforum.net" target="_blank" title="Get paid to post and refer, talk about various ebusiness, hyips, ptrs, autosurfs, casinos, ppc, ptc etc... Meet new friends, share your knowledge with community and explore all get paid to secrets with GetPaidForum.net">GetPaidForum.net</a></center>
</div>
</body>
</html>
Quote Reply
Re: [therelief] Help Getting Customizations Just Right In reply to
include_header.html
Quote Reply
Re: [MJB] Help Getting Customizations Just Right In reply to
So where does that code you provided fit in? And the parts in red--am I supposed to put something in there? If so, where do I find what it is I'm supposed to put in?
Quote Reply
Re: [therelief] Help Getting Customizations Just Right In reply to
Okay, I'm totally lost. :( This is just beyond any of my rudimentary understanding.

I tried to figure this pasting the code in Dreamweaver, and then adding what you gave me, but this is what it's doing--definitely not the way I want it to look:

<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/...ml1-transitional.dtd">
<html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="shortcut icon" href="favicon.ico" />
<title><% TITLE %></title>
<% GENERATOR %>
<% CSS %>
<% JAVASCRIPT %>
</head>
<body background="images/bggreydiag.gif">
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="10" align="left" valign="top" bgcolor="#FFFFFF">&nbsp;</td>
<td width="200" bgcolor="#FFFFFF"><a href="http://www.virtualassistantnetworking.com"><img src="../images/virtual-assistant-networking.gif" alt="Virtual Assistant Networking Association" width="199" height="65" border="0" align="top" /></a></td>
<td width="73" background="../images/diagblue.gif" bgcolor="#FFFFFF">&nbsp;</td>
<td width="225" align="center" valign="middle" bgcolor="#EEF3F9"><span class="class1"><a href="http://www.virtualassistantnetworking.com/webinar-registration.htm"><font color="#FF600" size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>Don't
Miss our October Guest Expert Webinar With Robert Middleton on Thursday,
October 19</strong></font></a></span></td>
<td width="74" align="right" valign="top" background="../images/diagblue.gif" bgcolor="#EEF3F9">&nbsp;</td>
<td width="192" align="center" valign="middle" bgcolor="#EEF3F9">&nbsp;</td>
<td width="16" bgcolor="#EEF3F9">&nbsp;</td>
<td width="10" align="left" valign="top" bgcolor="#EEF3F9">&nbsp;</td>
</tr>
</table>
<table width="800" height="25" border="0" align="center" cellpadding="0" cellspacing="0">
<tr align="center" valign="middle" bgcolor="bbd9ee">
<td width="14" height="30" align="left" valign="top" background="../images/bgleftcornertopbl.gif" bgcolor="#C9DBED">
<div align="right">
</div>
<div align="left"></div></td>
<td width="49" align="left" valign="top" bgcolor="#C9DBED">&nbsp;</td>
<td width="123" height="30" bgcolor="#C9DBED">&nbsp;</td>
<td width="600" height="30" bgcolor="#C9DBED">&nbsp;</td>
<td width="14" colspan="2" align="right" valign="bottom" background="http://www.virtualassistantnetworking.com/...bgrightcornerbot.gif" bgcolor="#C9DBED">
<div align="right"></div>
</td>
</tr>
</table>
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0" bordercolor="#FF6633">
<tr>
<td height="5" bgcolor="#FFFFFF"><img src="../images/spacerwhite.gif" alt="~" width="10" height="10" /></td>
</tr>
</table>
<table width="800" height="100" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="14" height="100" align="left" valign="top" background="../images/bgleftcornertop.gif" bgcolor="#9ED8B1">
<div align="right"></div></td>
<td width="326" height="100" align="left" valign="middle" bgcolor="#9ED8B1"><strong><em><font color="#FFFFFF" size="2" face="Georgia, Times New Roman, Times, serif">The
Virtual Assistant Global Village... ...Creating Community, Expanding Horizons
and Sharing in Success! </font></em><font color="#FFFFFF" size="2" face="Georgia, Times New Roman, Times, serif">&#8482;</font></strong></td>
<td width="22" height="100" align="left" valign="middle" bgcolor="#9ED8B1">
<h5><strong></strong></h5></td>
<td width="437" height="100" align="left" valign="top" bgcolor="#FFFFFF">
<div align="left"><img src="../images/headergraphic.jpg" alt="Your Doorway to the Virtual Assistant Global Village" width="436" height="100" align="top" /></div></td>
</tr>
</table><table><tr><td colspan="2">Nav Bar Code</td> <td>Search Code</td><td>Login Code</td></tr></table>
<div id="ipbwrapper">
<% BOARD HEADER %>
<% MEMBER BAR %>
<% NAVIGATION %>
<!--IBF.NEWPMBOX-->
<% BOARD %>
<% BOARD FOOTER %>
<% STATS %>
<% COPYRIGHT %>
<center>Design by <a href="http://www.gpf-design.com" target="_blank" title="Free banners, invision power board skins, themes, custom requests, graphics shop and more">GPF-Design.com</a> & <a href="http://www.getpaidforum.net" target="_blank" title="Get paid to post and refer, talk about various ebusiness, hyips, ptrs, autosurfs, casinos, ppc, ptc etc... Meet new friends, share your knowledge with community and explore all get paid to secrets with GetPaidForum.net">GetPaidForum.net</a></center>
</div>
</body>
</html>
Quote Reply
Re: [therelief] Help Getting Customizations Just Right In reply to
As I said here: http://www.gossamer-threads.com/...orum.cgi?post=294146

To fix your navigation, try this:

Code:

ul.primarynav, ul.secondarynav {

margin-right: 200px;
}


as for the error message, try this:

Code:

#contentheader .error, #contentheader .message {
margin: none;
text-align: center;
}


You need to move your error message into the table. So change this:

Code:

<em></em>
<div id="contentheader">
<div class="error">You must first login before you can access that.</div>
</div>
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="white">
<tr>
<td width="10" height="65"><img src="/images/spacerwhite.gif" alt="~" width="10" height="10" /></td>
<td>


to this:

Code:

<em></em>
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="white">
<tr>
<td width="10" height="65"><img src="/images/spacerwhite.gif" alt="~" width="10" height="10" /></td>
<td>
<div id="contentheader">
<div class="error">You must first login before you can access that.</div>
</div>


Add the css code to the bottom of your luna.css. Change the html in your User Login template.

Hope this helps,

- Jonathan
Quote Reply
Re: [jdgamble] Help Getting Customizations Just Right In reply to
Thank you, thank you, thank you!!!

There isn't user login template, but there are these:

login.html
login_email.html
login_success.html

Are those the ones I should change the html in, and should I change it in all of them?
Quote Reply
Re: [therelief] Help Getting Customizations Just Right In reply to
Those can't be it because there's no <div id="contentheader">

Can you tell me which template?

Last edited by:

therelief: Sep 28, 2006, 3:37 PM
Quote Reply
Re: [therelief] Help Getting Customizations Just Right In reply to
Okay, before I even begin to explain what I mean, add this to the bottom of your luna.css to see if your navigation bar problem is fixed:

In Reply To:

ul.primarynav, ul.secondarynav {
margin-right: 200px;
}
[/quote]

http://www.virtualassistantnetworking.com/directory/

- Jonathan
Quote Reply
Re: [jdgamble] Help Getting Customizations Just Right In reply to
Yes, I already did that and it looks good!

http://www.virtualassistantnetworking.com/directory/

As you can see, it caused the the login/register link to be moved and now it's not where it's supposed to be and there's a bunch of white space I don't want, but I figured that was going to get corrected once I updated the template (whichever one it's supposed to be) with the code you provided.

Ideally, where I want the login/register link to be is in the same line/bar or whatever it's called that the search feature is on, so that the search is on the left and the login/register link is on the right end.

Last edited by:

therelief: Sep 28, 2006, 4:52 PM
Quote Reply
Re: [therelief] Help Getting Customizations Just Right In reply to
Sorry, I didn't see that, will get back to that.

I don't know which template you added your tables to. But edit "login.html". Look for "<%include include_contentheader.html%>". This is where the error message is coming from. This is just loading the "include_contentheader.html" template. Makes sure that <%include include_contentheader.html%> is inside the table that you have added. Specifically the table after this "<em></em>".

- Jonathan
Quote Reply
Re: [jdgamble] Help Getting Customizations Just Right In reply to
Oh, dear. I'm lost because the div code you have in there is throwing me. I don't know where to put that because I can't find it in the login template. I also don't see this em em you refer to.

Here's the code in the login.html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/...ml1-transitional.dtd">
<%~if logout and error%>
<%~set message = $error%>
<%~set error = ''%>
<%~endif%>
<%~if url and not error%>
<%~set error = 'You must first login before you can access that.'%>
<%~endif%>
<html>
<head>
<title><%site_title%>: User Login</title>
<%include include_common_head.html%>
</head>
<body id="login">
<%include include_accessibility.html%>
<div id="wrapper">
<%include include_header.html%>
<%include include_contentheader.html%>
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="white">
<tr>
<td width="10" height="65"><img src="/images/spacerwhite.gif" alt="~" width="10" height="10" /></td>
<td>
<div id="ocwrapper" class="clear">
<div id="icwrapper" class="clear">
<%include include_leftsidebar.html%>
<div id="contentwrapper" class="shadowleft">
<%include include_contentwrapper_top.html%>
<div class="shadowtop"><div class="shadowtopleft"></div><div class="shadowtopright"></div></div>
<div class="shadowright">
<div id="content">
<%include include_content_top.html%>
<div class="crumb"><%Links::Utils::format_title($main_title_loop, separator => $crumb_separator, no_escape_separator => $no_escape_crumb_separator, include_home => 1, link_type => 2)%></div>
<h2>User Login</h2>
<p>Login to <%site_title%>:</p>
<form action="<%config.db_cgi_url%>/user.cgi" method="post">
<input type="hidden" name="login" value="1" />
<%if url%><input type="hidden" name="url" value="<%escape_html url%>" /><%endif%>
<div class="row required clear">
<label for="Username" class="name">Username:</label>
<div class="value">
<input type="text" id="Username" name="Username" value="<%if Username%><%escape_html Username%><%endif%>" class="text" />
</div>
</div>
<div class="row required clear">
<label for="Password" class="name">Password:</label>
<div class="value">
<input type="password" id="Password" name="Password" class="password" />
</div>
</div>
<%~if config.user_sessions eq Cookies%>
<div class="row clear">
<label for="Remember" class="name">Remember Me:</label>
<div class="value">
<input type="checkbox" id="Remember" name="Remember" class="checkbox" />
</div>
</div>
<%~endif%>
<div class="formsubmit">
<input type="submit" value="Login" class="submit" />
</div>
</form>
<p>
If you don't have an account, please <a href="<%config.db_cgi_url%>/user.cgi?signup_form=1">register</a>.<br />
If you've forgotten your password, we can <a href="<%config.db_cgi_url%>/user.cgi?email_pass=1">e-mail it to you</a>.
</p>
<%include include_content_bottom.html%>
</div>
</div>
<div class="shadowbottom"><div class="shadowbottomleft"></div><div class="shadowbottomright"></div></div>
<%include include_contentwrapper_bottom.html%>
</div>
<%include include_rightsidebar.html%>
</div>
</div>
</td>
<td width="10" height="65"><img src="/images/spacerwhite.gif" alt="~" width="10" height="10" /></td>
</tr>
</table>
<%include include_contentfooter.html%>
<%include include_footer.html%>
</div>
</body>
</html>
Quote Reply
Re: [therelief] Help Getting Customizations Just Right In reply to
okay, so replace this:

Code:

<%include include_contentheader.html%>
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="white">
<tr>
<td width="10" height="65"><img src="/images/spacerwhite.gif" alt="~" width="10" height="10" /></td>
<td>

with this:

Code:

<table width="800" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="white">
<tr>
<td width="10" height="65"><img src="/images/spacerwhite.gif" alt="~" width="10" height="10" /></td>
<td>

<%include include_contentheader.html%>



- Jonathan
Quote Reply
Re: [jdgamble] Help Getting Customizations Just Right In reply to
Yea! Thank you! That did the trick :)

Now is there a way to get the login/register link back on the same row/bar/whatever as the search box?

Tell me what you need to know. Here's the code from the include_header.html template if that helps:

<link href="http://www.virtualassistantnetworking.com/vacoc.css" rel="stylesheet" type="text/css"> <div id="header">
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="10" height="65" bgcolor="#FFFFFF"><img src="http://www.virtualassistantnetworking.com/images/spacerwhite.gif" alt="~" width="10" height="10" /></td>
<td width="200" bgcolor="#FFFFFF"><a href="http://www.virtualassistantnetworking.com"><img src="http://www.virtualassistantnetworking.com/...stant-networking.gif" alt="Virtual Assistant Networking Association" width="199" height="65" border="0" align="top" /></a></td>
<td width="73" background="http://www.virtualassistantnetworking.com/images/diagblue.gif" bgcolor="#FFFFFF">&nbsp;</td>
<td width="225" align="center" valign="middle" bgcolor="#EEF3F9"><p><span class="class1"><a href="http://www.virtualassistantnetworking.com/webinar-registration.htm">Don't
Miss our October Guest Expert Webinar With Robert Middleton on Thursday,
October 19</a></span></p>
</td>
<td width="74" align="right" valign="top" background="http://www.virtualassistantnetworking.com/images/diagblue.gif" bgcolor="#EEF3F9">&nbsp;</td>
<td width="192" align="center" valign="middle" bgcolor="#EEF3F9">&nbsp;</td>
<td width="16" bgcolor="#EEF3F9">&nbsp;</td>
<td width="10" align="left" valign="top" bgcolor="#FFFFFF"><img src="http://www.virtualassistantnetworking.com/images/spacerwhite.gif" alt="~" width="10" height="10" /></td>
</tr>
</table>
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
<tr align="center" valign="middle" bgcolor="bbd9ee">
<td width="10" height="22" bgcolor="#FFFFFF">
<div align="right"><img src="http://www.virtualassistantnetworking.com/images/spacerwhite.gif" alt="~" width="10" height="10" />
</div></td>
<td width="15" align="left" valign="top" bgcolor="#C9DBED">
<div align="left"><img src="http://www.virtualassistantnetworking.com/...es/leftcornertop.gif" alt="*" width="14" height="14" /></div></td>
<td width="39" bgcolor="#C9DBED">&nbsp;</td>
<td width="123" height="22" bgcolor="#C9DBED">&nbsp;</td>
<td width="588" height="30" bgcolor="#C9DBED">
<script menumaker>document.write('<scr'+'ipt src="xaramenu.js">'+'</scr'+'ipt>');document.write('<scr'+'ipt src="menubuttons.js">'+'</scr'+'ipt>');/*img src="menubuttons.gif" moduleid="VACOC (Project)\menubuttons_off.xws"*/</script>
</td>
<td width="15" align="right" valign="bottom" bgcolor="#C9DBED">
<div align="right"><img src="http://www.virtualassistantnetworking.com/...rightanglebottom.gif" alt="*" width="14" height="14" /></div></td>
<td width="10" height="22" align="left" valign="top" bgcolor="#FFFFFF"><img src="http://www.virtualassistantnetworking.com/images/spacerwhite.gif" alt="~" width="10" height="10" /></td>
</tr>
</table>
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0" bordercolor="#FF6633">
<tr>
<td height="5" bgcolor="#FFFFFF"><img src="http://www.virtualassistantnetworking.com/images/spacerwhite.gif" alt="~" width="10" height="10" /></td>
</tr>
</table>
<table width="800" height="100" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="10" height="100" align="left" valign="top" bgcolor="#FFFFFF">
<div align="right"><img src="http://www.virtualassistantnetworking.com/images/spacerwhite.gif" alt="~" width="10" height="10" /></div></td>
<td width="15" height="100" align="left" valign="top" bgcolor="#9ED8B1"><img src="http://www.virtualassistantnetworking.com/images/TopLeftAngle.gif" alt="*" width="6" height="6" /></td>
<td width="327" height="100" align="left" valign="middle" bgcolor="#9ED8B1">
<h5>The Virtual Assistant Global Village... ...Creating Community, Expanding
Horizons and Sharing in Success! &#8482;</h5>
</td>
<td width="437" height="100" align="right" valign="middle" bgcolor="#FFFFFF">


<div align="left"><img src="http://www.virtualassistantnetworking.com/...es/headergraphic.jpg" alt="Your Doorway to the Virtual Assistant Global Village" width="436" height="100" /></div></td>
<td width="10" height="100" align="center" valign="top" bgcolor="#FFFFFF"><img src="http://www.virtualassistantnetworking.com/images/spacerwhite.gif" alt="~" width="10" height="10" /></td>
</tr>
</table>
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="5" bgcolor="#FFFFFF"><img src="http://www.virtualassistantnetworking.com/images/spacerwhite.gif" alt="~" width="10" height="10" /></td>
</tr>
</table>
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="10" height="5" bgcolor="#FFFFFF"><img src="http://www.virtualassistantnetworking.com/images/spacerwhite.gif" alt="~" width="10" height="10" /></td>
<td width="779" bgcolor="#FFFFFF"><div id="header">
<div id="loginbar"><a href="<%config.db_cgi_url%>/user.cgi<%if user.Username%>?logout=1<%endif%>" class="<%if user.Username%>in<%else%>out<%endif%>">
<%if user.Username%>
Logout
<%else%>
Login/Register
<%endif%>
</a></div>
</div>
<div class="navbar clear">
<ul class="primarynav">
<li class="home"><a href="<%config.build_root_url%>">Home</a></li>
<li><a href="<%config.db_cgi_url%>/add.cgi<%if category_id%>?ID=<%category_id%><%endif%>">Add
a Link</a></li>
<li><a href="<%config.db_cgi_url%>/modify.cgi<%if category_id%>?ID=<%category_id%><%endif%>">Modify
a Link</a></li>
<li><a href="<%config.build_root_url%>/New/">New Links</a></li>
<li><a href="<%config.build_root_url%>/Cool/">Cool Links</a></li>
<li><a href="<%config.build_root_url%>/Ratings/">Top Rated</a></li>
<li><a href="<%config.db_cgi_url%>/jump.cgi?ID=random<%if config.build_detailed%>;Detailed=1<%endif%>">Random
Link</a></li>
<%if config.newsletter_enabled%>
<li><a href="<%config.db_cgi_url%>/subscribe.cgi">Newsletter</a></li>
<%endif%>
<%if config.bookmark_enabled%>
<li><a href="<%config.db_cgi_url%>/bookmark.cgi">Bookmarks</a></li>
<%endif%>
<%if Links::Utils::is_editor%>
<li><a href="<%config.db_cgi_url%>/browser.cgi">Editors</a></li>
<%endif%>
</ul>
<%~if secondarynav%>
<%include $secondarynav%>
<%endif%>
</div>
<div class="searchbar">
<form action="<%config.db_cgi_url%>/search.cgi">
<label for="label">Search</label>
<%if category_id%>
<input type="radio" id="radio3" name="catid" value="" checked="checked" />
<label for="radio3">the entire directory</label>
<input type="radio" id="radio4" name="catid" value="<%escape_html category_id%>" />
<label for="radio4">only this category</label>
<%endif%>
<input type="text" id="label" name="query2" value="<%if query%><%escape_html query%><%endif%>" class="text" />
<input type="submit" name="Go2" value="Go" class="submit" />
<a href="<%config.db_cgi_url%>/search.cgi">Advanced Search</a>
</form> </div> </td> </tr> </table> </div>
<em></em>

Last edited by:

therelief: Sep 29, 2006, 9:50 AM
Quote Reply
Re: [therelief] Help Getting Customizations Just Right In reply to
Move this:

Code:
<div id="header">
<div id="loginbar"><a href="<%config.db_cgi_url%>/user.cgi<%if user.Username%>?logout=1<%endif%>" class="<%if user.Username%>in<%else%>out<%endif%>">
<%if user.Username%>
Logout
<%else%>
Login/Register
<%endif%>
</a></div>
</div>



Right after this:

Code:

</form>

- Jonathan
Quote Reply
Re: [jdgamble] Help Getting Customizations Just Right In reply to
Oops--that didn't work. All it did was move the search bar up, which is how I want it to look, I just don't want all that white space and I want the login/register link to be on the same line.

Here's what the page looks like now:

http://www.virtualassistantnetworking.com/directory/

Last edited by:

therelief: Sep 29, 2006, 10:18 AM
Quote Reply
Re: [therelief] Help Getting Customizations Just Right In reply to
If you want it ON the search bar, you are going to have to get rid of the div code for the login bar, and put the link to login inside the div for the search bar. It will, however, get rid of the login image to the right of the login. Would that be okay? or do you need to find another way?

- Jonathan
Quote Reply
Re: [jdgamble] Help Getting Customizations Just Right In reply to
Yes, that is okay. I don't care about the image. I just want the login/register link to be on the same row at the search box, with the search box on the left and the login/register on the right.
Quote Reply
Re: [therelief] Help Getting Customizations Just Right In reply to
okay, backup your include_header.html and try this:

Code:


<head>
<link type="text/css" rel="stylesheet" href="http://www.virtualassistantnetworking.com/...static/luna/luna.css" />
<link href="http://www.virtualassistantnetworking.com/vacoc.css" rel="stylesheet" type="text/css">
</head>
<div id="header">
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="10" height="65" bgcolor="#FFFFFF">
<img src="http://www.virtualassistantnetworking.com/images/spacerwhite.gif" alt="~" width="10" height="10" /></td>
<td width="200" bgcolor="#FFFFFF">
<a href="http://www.virtualassistantnetworking.com">
<img src="http://www.virtualassistantnetworking.com/...stant-networking.gif" alt="Virtual Assistant Networking Association" width="199" height="65" border="0" align="top" /></a></td>
<td width="73" background="http://www.virtualassistantnetworking.com/images/diagblue.gif" bgcolor="#FFFFFF">&nbsp;</td>
<td width="225" align="center" valign="middle" bgcolor="#EEF3F9">
<p><span class="class1">
<a href="http://www.virtualassistantnetworking.com/...nar-registration.htm">
Don&#39;t Miss our October Guest Expert Webinar With Robert Middleton on
Thursday, October 19</a></span></p>
</td>
<td width="74" align="right" valign="top" background="http://www.virtualassistantnetworking.com/images/diagblue.gif" bgcolor="#EEF3F9">&nbsp;</td>
<td width="192" align="center" valign="middle" bgcolor="#EEF3F9">&nbsp;</td>
<td width="16" bgcolor="#EEF3F9">&nbsp;</td>
<td width="10" align="left" valign="top" bgcolor="#FFFFFF">
<img src="http://www.virtualassistantnetworking.com/images/spacerwhite.gif" alt="~" width="10" height="10" /></td>
</tr>
</table>
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
<tr align="center" valign="middle" bgcolor="bbd9ee">
<td width="10" height="22" bgcolor="#FFFFFF">
<div align="right">
<img src="http://www.virtualassistantnetworking.com/images/spacerwhite.gif" alt="~" width="10" height="10" />
</div>
</td>
<td width="15" align="left" valign="top" bgcolor="#C9DBED">
<div align="left">
<img src="http://www.virtualassistantnetworking.com/...es/leftcornertop.gif" alt="*" width="14" height="14" /></div>
</td>
<td width="39" bgcolor="#C9DBED">&nbsp;</td>
<td width="123" height="22" bgcolor="#C9DBED">&nbsp;</td>
<td width="588" height="30" bgcolor="#C9DBED">
<script menumaker>document.write('<scr'+'ipt src="xaramenu.js">'+'</scr'+'ipt>');document.write('<scr'+'ipt src="menubuttons.js">'+'</scr'+'ipt>');/*img src="menubuttons.gif" moduleid="VACOC (Project)\menubuttons_off.xws"*/</script>
</td>
<td width="15" align="right" valign="bottom" bgcolor="#C9DBED">
<div align="right">
<img src="http://www.virtualassistantnetworking.com/...rightanglebottom.gif" alt="*" width="14" height="14" /></div>
</td>
<td width="10" height="22" align="left" valign="top" bgcolor="#FFFFFF">
<img src="http://www.virtualassistantnetworking.com/images/spacerwhite.gif" alt="~" width="10" height="10" /></td>
</tr>
</table>
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0" bordercolor="#FF6633">
<tr>
<td height="5" bgcolor="#FFFFFF">
<img src="http://www.virtualassistantnetworking.com/images/spacerwhite.gif" alt="~" width="10" height="10" /></td>
</tr>
</table>
<table width="800" height="100" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="10" height="100" align="left" valign="top" bgcolor="#FFFFFF">
<div align="right">
<img src="http://www.virtualassistantnetworking.com/images/spacerwhite.gif" alt="~" width="10" height="10" /></div>
</td>
<td width="15" height="100" align="left" valign="top" bgcolor="#9ED8B1">
<img src="http://www.virtualassistantnetworking.com/images/TopLeftAngle.gif" alt="*" width="6" height="6" /></td>
<td width="327" height="100" align="left" valign="middle" bgcolor="#9ED8B1">
<h5>The Virtual Assistant Global Village... ...Creating Community, Expanding
Horizons and Sharing in Success! ™</h5>
</td>
<td width="437" height="100" align="right" valign="middle" bgcolor="#FFFFFF">
<div align="left">
<img src="http://www.virtualassistantnetworking.com/...es/headergraphic.jpg" alt="Your Doorway to the Virtual Assistant Global Village" width="436" height="100" /></div>
</td>
<td width="10" height="100" align="center" valign="top" bgcolor="#FFFFFF">
<img src="http://www.virtualassistantnetworking.com/images/spacerwhite.gif" alt="~" width="10" height="10" /></td>
</tr>
</table>
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="5" bgcolor="#FFFFFF">
<img src="http://www.virtualassistantnetworking.com/images/spacerwhite.gif" alt="~" width="10" height="10" /></td>
</tr>
</table>
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="10" height="5" bgcolor="#FFFFFF">
<img src="http://www.virtualassistantnetworking.com/images/spacerwhite.gif" alt="~" width="10" height="10" /></td>
<td width="779" bgcolor="#FFFFFF">
<div id="header">
</div>
<div class="navbar clear">
<ul class="primarynav">
<li class="home"><a href="<%config.build_root_url%>">Home</a></li>
<li>
<a href="<%config.db_cgi_url%>/add.cgi<%if category_id%>?ID=<%category_id%><%endif%>">
Add a Link</a></li>
<li>
<a href="<%config.db_cgi_url%>/modify.cgi<%if category_id%>?ID=<%category_id%><%endif%>">
Modify a Link</a></li>
<li><a href="<%config.build_root_url%>/New/">New Links</a></li>
<li><a href="<%config.build_root_url%>/Cool/">Cool Links</a></li>
<li><a href="<%config.build_root_url%>/Ratings/">Top Rated</a></li>
<li>
<a href="<%config.db_cgi_url%>/jump.cgi?ID=random<%if config.build_detailed%>;Detailed=1<%endif%>">
Random Link</a></li> <%if config.newsletter_enabled%> </li>
<li><a href="<%config.db_cgi_url%>/subscribe.cgi">Newsletter</a></li>
<%endif%> <%if config.bookmark_enabled%> </li>
<li><a href="<%config.db_cgi_url%>/bookmark.cgi">Bookmarks</a></li>
<%endif%> <%if Links::Utils::is_editor%> </li>
<li><a href="<%config.db_cgi_url%>/browser.cgi">Editors</a></li>
<%endif%> </li>
</ul>
<%~if secondarynav%> <%include $secondarynav%> <%endif%> </div>
<div class="searchbar">
<form action="<%config.db_cgi_url%>/search.cgi">
<table border="0" width="100%" cellspacing="0" cellpadding="0" id="table1">
<tr>
<td><label for="label">Search</label> <%if category_id%>
<input type="radio" id="radio3" name="catid" value checked />
<label for="radio3">the entire directory</label>
<input type="radio" id="radio4" name="catid" value="<%escape_html category_id%>" />
<label for="radio4">only this category</label> <%endif%>
<input type="text" id="label" name="query2" value="<%if query%><%escape_html query%><%endif%>" class="text" />
<input type="submit" name="Go2" value="Go" class="submit" />
<a href="<%config.db_cgi_url%>/search.cgi">Advanced
Search</a> </td>
<td>
<div id="loginbar">
<a href="<%config.db_cgi_url%>/user.cgi<%if user.Username%>?logout=1<%endif%>" class="<%if user.Username%>in<%else%>out<%endif%>">
<%if user.Username%> Logout <%else%> Login/Register
<%endif%> </a></div>
</td>
</tr>
</table>
</form>
</div>
</td>
</tr>
</table>
</div>
<em></em>


Because its impossible to set the styles correctly with your tables, I just split the login bar into 2 more tables.

- Jonathan
Quote Reply
Re: [jdgamble] Help Getting Customizations Just Right In reply to
Hmm, that messed up my image links, I guess. Plus, the row where the search bar and the login are is a bit longer than I'd like. I want to stay the same height as it was if at all possible. Is that doable? Should I go ahead and put the coding back the way it was in the meantime?
Quote Reply
Re: [therelief] Help Getting Customizations Just Right In reply to
I guess you can't posts long url's in this form. Use this attatched file. Meanwhile, I'll see about making the row shorter.

- Jonathan
Quote Reply
Re: [jdgamble] Help Getting Customizations Just Right In reply to
Oh, hey, that attached one did the trick!!! Here's what it looks like:

http://www.virtualassistantnetworking.com/directory/

I could kiss you!!!
Quote Reply
Re: [therelief] Help Getting Customizations Just Right In reply to
Can I change the subject now? I only have a few things left to figure out on our directory.

One is that when a user click on a link, there a bit more information I want displayed (right now it only shows the website link/link name and then their description). The info I want displayed is:

1. Website link/link name (that is already there)
2. Owners Name (that's the First_Name and Last_Name fields)
3. Phone Number
4. Email (with active link)
5. Description (which already shows)

Do you know how I can make this info show up?
> > > >