SMF Navigation/Userbar to vBulletin

Started by razorblitz07, August 14, 2008, 04:36:30 AM

Previous topic - Next topic

razorblitz07

I'm betting those who read the thread title got confused.

Basically, I want this area:



look like this area:



where the user's information and Forum title link are next to each other and are both above the forum navigation bar.  I also am wondering how to make the login form look like vBulletin's login form because SMF's login form (the one I got) annoys me.  I know a theme that has what I want and it's Naruto but it's not compatible with SMF v1.1.5.

[SiNaN]

I'm not familiar with V-Bulletin so you probably can use the codes in these theme:

http://custom.simplemachines.org/themes/index.php?lemma=531
Former SMF Core Developer | My Mods | SimplePortal

metallica48423

that theme -- the naruto one, if i'm looking at the right one, should work for 1.1.5 -- it is listed for 1.1.2, but it should work fine.
Justin O'Leary
Ex-Project Manager
Ex-Lead Support Specialist

QuoteMicrosoft wants us to "Imagine life without walls"...
I say, "If there are no walls, who needs Windows?"


Useful Links:
Online Manual!
How to Help us Help you
Search
Settings Repair Tool

razorblitz07

Yea, Naruto had it but I have no idea how to combine Naruto's coding with bluefantasy.  I'm currently on bluefantasy's theme but I want Naruto's user info panel and navigation panel code.  I've already trying merging the lines of coding on Naruto on to bluefantasy and well, after like 2.5 hours, I went back to my backup code.  I'm stuck.

[SiNaN]

So you are trying to add the same area into the Naruto theme, right?

What I did is;

../Themes/Naruot/index.template.php

Find:

// The main content should go here.

Replace:

echo '
<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center">
<tr>
<td class="windowbg" width="100%">
', theme_linktree(), '
</td>
<td class="windowbg2" nowrap="nowrap">';
$logged=$context['user']['is_logged'];
if ($logged)
{
echo '
<div class="smalltext">
', $txt['hello_member_ndt'], ' <b>', $context['user']['name'] , '</b><br />
<a href="', $scripturl, '?action=unread">', $txt['unread_since_visit'], '</a> <br />
<a href="', $scripturl, '?action=unreadreplies">', $txt['show_unread_replies'], '</a><br />';
// Is the forum in maintenance mode?
if ($context['in_maintenance'] && $context['user']['is_admin'])
echo '<b>', $txt[616], '</b><br />';

// Are there any members waiting for approval?
if (!empty($context['unapproved_members']))
echo $context['unapproved_members'] == 1 ? $txt['approve_thereis'] : $txt['approve_thereare'], ' <a href="', $scripturl, '?action=viewmembers;sa=browse;type=approve">', $context['unapproved_members'] == 1 ? $txt['approve_member'] : $context['unapproved_members'] . ' ' . $txt['approve_members'], '</a> ', $txt['approve_members_waiting'], '<br />';

// Show the total time logged in?
if (!empty($context['user']['total_time_logged_in']))
{
echo $txt['totalTimeLogged1'];

// If days is just zero, don't bother to show it.
if ($context['user']['total_time_logged_in']['days'] > 0)
echo $context['user']['total_time_logged_in']['days'] . $txt['totalTimeLogged2'];

// Same with hours - only show it if it's above zero.
if ($context['user']['total_time_logged_in']['hours'] > 0)
echo $context['user']['total_time_logged_in']['hours'] . $txt['totalTimeLogged3'];

// But, let's always show minutes - Time wasted here: 0 minutes ;).
echo $context['user']['total_time_logged_in']['minutes'], $txt['totalTimeLogged4'], '<br />';
}
echo '
</div>';
}
if ($context['user']['is_guest'])
{
echo '
<div class="smalltext">
', $txt['welcome_guest'], '
<script language="JavaScript" type="text/javascript" src="', $settings['default_theme_url'], '/sha1.js"></script>
<form action="', $scripturl, '?action=login2" method="post" accept-charset="', $context['character_set'], '" class="middletext" style="margin: 3px 1ex 1px 0;"', empty($context['disable_login_hashing']) ? ' onsubmit="hashLoginPassword(this, \'' . $context['session_id'] . '\');"' : '', '>
<table border="0">
<tr>
<td align="left">
<input type="text" name="user" size="10" value="', $txt[35], '" onfocus="if (this.value == \'', $txt[35], '\') this.value = \'\';" />
</td>
<td>
<select name="cookielength">
<option value="60">', $txt['smf53'], '</option>
<option value="1440">', $txt['smf47'], '</option>
<option value="10080">', $txt['smf48'], '</option>
<option value="43200">', $txt['smf49'], '</option>
<option value="-1" selected="selected">', $txt['smf50'], '</option>
</select>
</td>
</tr>
<tr>
<td>
<input type="password" name="passwrd" size="10" value="', $txt[35], '" onfocus="if (this.value == \'', $txt[36], '\' this.value = \'\';" />
</td>
<td>
<input type="submit" value="', $txt[34], '" />
</td>
</tr>
</table>
<input type="hidden" name="hash_passwrd" value="" />
</form>
</div>';
}
echo '
</td>
</tr>
</table><br />';

// The main content should go here.


Then you can delete the area at the top.
Former SMF Core Developer | My Mods | SimplePortal

razorblitz07

No, I want to put that area of Naruto into bluefantasy not bluefantasy into Naruto.  Naruto has the user info/navigation panel that I want (vbulletin formatted).

[SiNaN]

Ummm, are you sure? What I see is the vise-verse. BlueFantasy has the exactly same navigation as VB.
Former SMF Core Developer | My Mods | SimplePortal

razorblitz07

You see how the User Information is right on top of the navigation panel on Naruto?  Bluefantasy has the User Information BELOW the navigation bar.  vBulletin has the User Information set panel and Forum link tree kept in the same row and right underneath the banner and right ABOVE the navigation bar.  This is close to what Naruto has.

Diagram:



Banner
Link Tree     User Information
Navigation bar





[SiNaN]

Well, I'm not a themer actually but I tried my luck. I did quite a lot of changes so will directly give you the file.

I just edited the template_main_above.
Former SMF Core Developer | My Mods | SimplePortal

razorblitz07

Hmm, alright I'll try it out later thanks!  I'll post up what happens. :)

[SiNaN]

Former SMF Core Developer | My Mods | SimplePortal

razorblitz07

Alright go look at it: http://fiestahq.sparkonline.net/forum/index.php.

The menu_bottom_bg.gif image is glitched though.  I modified your code so that the PM code was added under Total time Logged in and the SMF logo banner was removed.

[SiNaN]

It looks okay for me, but the important thing is what you think? :)
Former SMF Core Developer | My Mods | SimplePortal

razorblitz07

Compare the menu_bottom_bg.gif image on http://fiestahq.sparkonline.net/forum/index.php with that of http://projectpowderhq.sparkonline.net/forum/index.php.  See the difference?  On ProjectPowderHQ, the menu_bottom_bg.gif image is blended in with the forum background while the image on FiestaHQ is surrounded by a border and isn't blended.  Plus, it seems as if the image on FiestaHQ is duplicated twice and on the actual navigation bar, the blue background is showing underneath.

[SiNaN]

Former SMF Core Developer | My Mods | SimplePortal

razorblitz07

AWESOME!  Works great.  Also, do you know how to create that drop-down menu that vBulletin forums has for their Quick links menu?  I don't know the javascript code.

[SiNaN]

Unfortunately, I just know some SMF; nothing more.
Former SMF Core Developer | My Mods | SimplePortal

razorblitz07

Hehe alrighty, I'll try to figure it out.  Thanks for the help!

Advertisement: