:mrgreen:
Ok! There's a million of these things and most if not all have to be rewritten depending on where it's put and in what template set.
This is just one variation that needs some testing and feedback, and is currently only for the /default . ;)
This is not the actual finished MOD because the .js really belongs in the header above the </head> wrapper. You can move it there if you wish, but it makes no difference at this stage and only removes a .css "Warning" in FF.
Anyone is welcome to try it at various locations in various themes, and modify the markup to suit each theme as they see fit etc.
But!
PLEASE do post your variations in this thread, and eventually we can cover all styles in one place. :P
The javascript and <!-- Quick Login Mod * --> are clearly defined in the script below, if you are going to experiment, don't forget to move both of them.
Open: breadcrumbs_main.tpl
Replace all script with the code below.
<script type="text/javascript">
function toggleMe(a){
var e=document.getElementById(a);
if(!e)return true;
if(e.style.display=="none"){
e.style.display="block"
} else {
e.style.display="none"
}
return true;
}
</script>
{IMG_TBL}<div class="forumline nav-div">
<p class="nav-header">
<a href="{U_PORTAL}">{L_HOME}</a>{BREADCRUMBS_ADDRESS}
</p>
<div class="nav-links">
<div class="nav-links-left">
<!-- Quick Login Mod START -->
<div id="quicklogin" style="display:none; position:absolute; top:20px; border: 1px solid #0000FF; background-color: #f1f1f1;">
<!-- IF S_LOGGED_IN -->
<!-- ELSE -->
<form method="post" action="{S_LOGIN_ACTION}">
<table style="width:100%; height:28px;" cellpadding="0" cellspacing="0" border="0">
<tr>
<td class="forum-buttons" align="center" valign="middle"><span class="gensmall"> <strong>{L_LOGIN_LOGOUT}:</strong> </span><span class="gensmall"><strong>{L_USERNAME}:</strong>
<input class="post" type="text" name="username" size="10" /><br /> <strong>{L_PASSWORD}: </strong>
<input class="post" type="password" name="password" size="10" maxlength="32" /> {L_AUTO_LOGIN}
<input class="text" type="checkbox" name="autologin" />
<input type="submit" class="mainoption" name="login" value=" {L_LOGIN} " />
<br />
<a href="profile.php?mode=sendpassword">{L_SEND_PASSWORD}</a>
</span>
</td>
</tr>
</table>
</form>
<!-- ENDIF -->
</div>
<!-- IF S_LOGGED_IN -->
<!-- ELSE -->
<input type="text" name="none" style="cursor: pointer; text-align: center;" class="gensmall" onclick="return toggleMe('quicklogin')" value="Quick Login" />
<!-- ENDIF -->
<!-- Quick Login Mod END -->
<!-- IF S_BREADCRUMBS_LINKS_LEFT -->{BREADCRUMBS_LINKS_LEFT}<br /><!-- ENDIF -->{CURRENT_TIME}</div>
<!-- IF S_LOGGED_IN --><a href="{FULL_SITE_PATH}{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a> | <!-- ENDIF --><a href="{U_RECENT}" class="gensmall">{L_RECENT}</a> | <a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
<!-- IF S_BREADCRUMBS_LINKS_RIGHT --><br />{BREADCRUMBS_LINKS_RIGHT}<!-- ENDIF -->
</div>
</div>{IMG_TBR}
A pic with a couple of examples of what this MOD does.
And if someone says
"I don't like it there" -
I'm gonna' kill em! - Because trying to find a "home" for it without adding more clutter, ain't all that easy. And the whole thing disappears once you log in anyway. 8)
