Latest News:
Latest Mods: Latest Tutorials:


 
 
Thread Rating:
  • 0 Votes - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
MyBB Next Gen V1
Author Message
zZJoennZz
Member


Posts: 92
Joined: Oct 2010
Reputation: 0
Post: #1
MyBB Next Gen V1
[Image: wewe.png]
MyBB Next Gen v.1
This is a IPB header inspire but nothing is stolen item(s). This is the free version of MyBB Next Gen.

Features
Tabbed Profile
CSS3
Apple Styled Breadcrumbs

Work List
Post Reply Ovelap
Fancy Collapse
Pop up log in

Bugs
Rounded wrong in FireFox

Downloads
http://zzdesigns.cz.cc/thread-2.html


NOTE: the Profile Messages tab only works if you enable the profile comments(http://community.mybb.com/thread-51431.html) and just follow the following below.

Install the plugin and don't allow the mycode editor.

Then remove these codes:
The first one is in the Header Templates>header_welcomeblock_member> replace all of the code with this.
Code:
Welcome! {$mybb->user['username']}{$modcplink}{$admincplink}<br /> <a href="{$mybb->settings['bburl']}/private.php" title="{$lang->welcome_pms_usage}">{$lang->welcome_pms}</a><!-- ProfileComments --> <a href="{$mybb->settings['bburl']}/member.php?action=profile&uid={$mybb->user['uid']}" title="{$lang->profile_comments}">{$lang->profile_comments_new_inmenu}</a> {$lang->profile_comments_new_inmenu_count}<!-- /ProfileComments --> <a href="#" onclick="MyBB.popupWindow('{$mybb->settings['bburl']}/misc.php?action=buddypopup', 'buddyList', 350, 350);">{$lang->welcome_open_buddy_list}</a><br /><span id="userop"><a href="{$mybb->settings['bburl']}/usercp.php">{$lang->welcome_usercp}</a> <a href="{$mybb->settings['bburl']}/member.php?action=logout&amp;logoutkey={$mybb->user['logoutkey']}">{$lang->welcome_logout}</a></div>

The second one is in the Member Templates>member_profile> then you will see these codes
Code:
<html>
<head>
<title>{$lang->profile} at {$mybb->settings['bbname']}</title>
{$headerinclude}
<script type="text/javascript" src="images/mybbng/tabcontent.js">
/***********************************************
* Tab Content script v2.2- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>

<style type="text/css">
/* ######### CSS for Shade Tabs. Remove if not using ######### */
.shadetabs {
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 13px;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li {
display: inline;
margin: 0;
padding: 0;
}

.shadetabs li a {
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 0px;
color: #000;
background: #7F8089 url(images/mybbng/thead_bg.gif);
cursor: pointer;
text-shadow: none;
opacity: 0.4;
}

.shadetabs li a:visited {
color: #ffffff;
}

.shadetabs li a:hover {
text-decoration: underline;
color: #ffffff;
}

.shadetabs li a.selected {
/*selected main tab style */
position: relative;
top: 1px;
opacity: 1.0;
}

.shadetabs li a.selected {
/*selected main tab style */
background: #7F8089 url(images/mybbng/thead_bg.gif) repeat-x top left;
border-bottom-color: transparent;
}

.shadetabs li a.selected:hover {
/*selected main tab style */
text-decoration: none;
}

.tabcontent {
display:none;
}

@
media print {
.tabcontent {
display:block !important;
}


}

.tabcontentstyle {
/*style of tab content oontainer*/
border: 0px solid gray;
width: 450px;
margin-bottom: 1em;
padding: 10px;
}

.clicktab {
cursor: pointer;
}

/* ######### CSS for Shade Tabs. Remove if not using ######### */
</style>

</head>
<body>
{$header}
{$awaybit}

<table width="100%" cellspacing="0" cellpadding="4" border="0" align="center">
<tr>
<!--Start Sidebar -->
<td style="width: 240px;" valign="top">

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td class="thead_prof" colspan="2"><strong>Mini Stats</strong></td>
</tr>
<tr>
<td class="trow2" rowspan="3"><img src="{$memprofile['avatar']}" alt="" width="64" height="64" /></td>
<td class="trow1">Date of Birth: {$membday}</td>
</tr>
<tr>
<td class="trow1">Join Date: {$memregdate}</td>
</tr>
<tr>
<td class="trow1">Posts: {$memprofile['postnum']}</td>
</tr>
</table>
<!-- Start Sidebar Modules -->

<!-- End Sidebar Modules -->
</td>
<!--End Sidebar -->

<td valign="top">
<ul id="profiletabs" class="shadetabs" style="margin-left: 0px;"">
<!-- Start Tabs -->
<li><a rel="tab1" class="clicktab">Profile Messages</a></li>
<li><a rel="tab2" class="clicktab">Informations</a></li>
<li><a rel="tab3" class="clicktab">Contacts</a></li>
<!-- Ed Tabs -->
</ul>


<!-- Start First Tab -->
<div id="tab3" class="tabcontent">
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td colspan="2" class="thead_prof"><strong>{$lang->users_forum_info}</strong></td>
</tr>
<tr>
<td class="trow1"><strong>{$lang->latest_blog_entry}</strong></td>
<td class="trow1">{$latest_blog}</td>
</tr>
<tr>
<td class="trow2"><strong>{$lang->joined}</strong></td>
<td class="trow2">{$memregdate}</td>
</tr>
<tr>
<td class="trow1"><strong>{$lang->lastvisit}</strong></td>
<td class="trow1">{$memlastvisitdate} {$memlastvisittime}</td>
</tr>
<tr>
<td class="trow2"><strong>{$lang->total_posts}</strong></td>
<td class="trow2">{$memprofile['postnum']} ({$lang->ppd_percent_total})<br /><span class="smalltext">(<a href="search.php?action=finduserthreads&amp;uid={$uid}">{$lang->find_threads}</a> &mdash; <a href="search.php?action=finduser&amp;uid={$uid}">{$lang->find_posts}</a>)</span></td>
</tr>
<tr>
<td class="trow1"><strong>{$lang->timeonline}</strong></td>
<td class="trow1">{$timeonline}</td>
</tr>
{$referrals}
{$reputation}
{$warning_level}{$newpoints_profile}
</table>
<br />
{$profilefields}
{$signature}
</div>
<!-- End Second Tab -->

<!-- Start Second Tab -->
<div id="tab2" class="tabcontent">

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td colspan="2" class="thead_prof"><strong>{$lang->users_contact_details}</strong></td>
</tr>
<tr>
<td class="trow1"><strong>{$lang->homepage}</strong></td>
<td class="trow1">{$website}</td>
</tr>
{$sendemail}
<tr>
<td class="{$bgcolors['pm']}"><strong>{$lang->pm}</strong></td>
<td class="{$bgcolors['pm']}"><a href="private.php?action=send&amp;uid={$memprofile['uid']}">{$lang->send_pm}</a></td>
</tr>
<tr>
<td class="{$bgcolors['icq']}"><strong>{$lang->icq_number}</strong></td>
<td class="{$bgcolors['icq']}">{$memprofile['icq']}</td>
</tr>
<tr>
<td class="{$bgcolors['aim']}"><strong>{$lang->aim_screenname}</strong></td>
<td class="{$bgcolors['aim']}"><a href="javascript:;" onclick="MyBB.popupWindow('misc.php?action=imcenter&amp;imtype=aim&amp;uid={$uid}', 'imcenter', 450, 300);">{$memprofile['aim']}</a></td>
</tr>
<tr>
<td class="{$bgcolors['yahoo']}"><strong>{$lang->yahoo_id}</strong></td>
<td class="{$bgcolors['yahoo']}"><a href="javascript:;" onclick="MyBB.popupWindow('misc.php?action=imcenter&amp;imtype=yahoo&amp;uid={$uid}', 'imcenter', 450, 300);">{$memprofile['yahoo']}</a></td>
</tr>
<tr>
<td class="{$bgcolors['msn']}"><strong>{$lang->msn}</strong></td>
<td class="{$bgcolors['msn']}"><a href="javascript:;" onclick="MyBB.popupWindow('misc.php?action=imcenter&amp;imtype=msn&amp;uid={$uid}', 'imcenter', 450, 300);">{$memprofile['msn']}</a></td>
</tr>
</table>

</div>
<!-- End Third Tab -->
<div id="tab1" class="tabcontent">

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td colspan="2" class="thead_prof"><strong>Profile Comments</strong></td>
</tr>
<tr>
<td colspan="2"><!-- ProfileComments -->{$comments_index}<!-- /ProfileComments --></td>
</tr>
</table>

</div>

<script type="text/javascript">
var countries=new ddtabcontent("profiletabs")
countries.setpersist(true)
countries.setselectedClassTarget("link") //"link" or "linkparent"
countries.init()
</script>
<br />
</td>
<td>
</td>
</tr>
</table>
<br />
{$modoptions}<!-- ProfileComments -->{$comments_index}<!-- /ProfileComments -->
{$adminoptions}
</body>
{$footer}
</body>
</html>

Then replace all of it with these
Code:
<html>
<head>
<title>{$lang->profile} at {$mybb->settings['bbname']}</title>
{$headerinclude}
<script type="text/javascript" src="images/mybbng/tabcontent.js">
/***********************************************
* Tab Content script v2.2- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>

<style type="text/css">
/* ######### CSS for Shade Tabs. Remove if not using ######### */
.shadetabs {
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 13px;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li {
display: inline;
margin: 0;
padding: 0;
}

.shadetabs li a {
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 0px;
color: #000;
background: #7F8089 url(images/mybbng/thead_bg.gif);
cursor: pointer;
text-shadow: none;
opacity: 0.4;
}

.shadetabs li a:visited {
color: #ffffff;
}

.shadetabs li a:hover {
text-decoration: underline;
color: #ffffff;
}

.shadetabs li a.selected {
/*selected main tab style */
position: relative;
top: 1px;
opacity: 1.0;
}

.shadetabs li a.selected {
/*selected main tab style */
background: #7F8089 url(images/mybbng/thead_bg.gif) repeat-x top left;
border-bottom-color: transparent;
}

.shadetabs li a.selected:hover {
/*selected main tab style */
text-decoration: none;
}

.tabcontent {
display:none;
}

@
media print {
.tabcontent {
display:block !important;
}


}

.tabcontentstyle {
/*style of tab content oontainer*/
border: 0px solid gray;
width: 450px;
margin-bottom: 1em;
padding: 10px;
}

.clicktab {
cursor: pointer;
}

/* ######### CSS for Shade Tabs. Remove if not using ######### */
</style>

</head>
<body>
{$header}
{$awaybit}

<table width="100%" cellspacing="0" cellpadding="4" border="0" align="center">
<tr>
<!--Start Sidebar -->
<td style="width: 240px;" valign="top">

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td class="thead_prof" colspan="2"><strong>Mini Stats</strong></td>
</tr>
<tr>
<td class="trow2" rowspan="3"><img src="{$memprofile['avatar']}" alt="" width="64" height="64" /></td>
<td class="trow1">Date of Birth: {$membday}</td>
</tr>
<tr>
<td class="trow1">Join Date: {$memregdate}</td>
</tr>
<tr>
<td class="trow1">Posts: {$memprofile['postnum']}</td>
</tr>
</table>
<!-- Start Sidebar Modules -->

<!-- End Sidebar Modules -->
</td>
<!--End Sidebar -->

<td valign="top">
<ul id="profiletabs" class="shadetabs" style="margin-left: 0px;"">
<!-- Start Tabs -->
<li><a rel="tab1" class="clicktab">Profile Messages</a></li>
<li><a rel="tab2" class="clicktab">Informations</a></li>
<li><a rel="tab3" class="clicktab">Contacts</a></li>
<!-- Ed Tabs -->
</ul>


<!-- Start First Tab -->
<div id="tab3" class="tabcontent">
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td colspan="2" class="thead_prof"><strong>{$lang->users_forum_info}</strong></td>
</tr>
<tr>
<td class="trow1"><strong>{$lang->latest_blog_entry}</strong></td>
<td class="trow1">{$latest_blog}</td>
</tr>
<tr>
<td class="trow2"><strong>{$lang->joined}</strong></td>
<td class="trow2">{$memregdate}</td>
</tr>
<tr>
<td class="trow1"><strong>{$lang->lastvisit}</strong></td>
<td class="trow1">{$memlastvisitdate} {$memlastvisittime}</td>
</tr>
<tr>
<td class="trow2"><strong>{$lang->total_posts}</strong></td>
<td class="trow2">{$memprofile['postnum']} ({$lang->ppd_percent_total})<br /><span class="smalltext">(<a href="search.php?action=finduserthreads&amp;uid={$uid}">{$lang->find_threads}</a> &mdash; <a href="search.php?action=finduser&amp;uid={$uid}">{$lang->find_posts}</a>)</span></td>
</tr>
<tr>
<td class="trow1"><strong>{$lang->timeonline}</strong></td>
<td class="trow1">{$timeonline}</td>
</tr>
{$referrals}
{$reputation}
{$warning_level}{$newpoints_profile}
</table>
<br />
{$profilefields}
{$signature}
</div>
<!-- End Second Tab -->

<!-- Start Second Tab -->
<div id="tab2" class="tabcontent">

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td colspan="2" class="thead_prof"><strong>{$lang->users_contact_details}</strong></td>
</tr>
<tr>
<td class="trow1"><strong>{$lang->homepage}</strong></td>
<td class="trow1">{$website}</td>
</tr>
{$sendemail}
<tr>
<td class="{$bgcolors['pm']}"><strong>{$lang->pm}</strong></td>
<td class="{$bgcolors['pm']}"><a href="private.php?action=send&amp;uid={$memprofile['uid']}">{$lang->send_pm}</a></td>
</tr>
<tr>
<td class="{$bgcolors['icq']}"><strong>{$lang->icq_number}</strong></td>
<td class="{$bgcolors['icq']}">{$memprofile['icq']}</td>
</tr>
<tr>
<td class="{$bgcolors['aim']}"><strong>{$lang->aim_screenname}</strong></td>
<td class="{$bgcolors['aim']}"><a href="javascript:;" onclick="MyBB.popupWindow('misc.php?action=imcenter&amp;imtype=aim&amp;uid={$uid}', 'imcenter', 450, 300);">{$memprofile['aim']}</a></td>
</tr>
<tr>
<td class="{$bgcolors['yahoo']}"><strong>{$lang->yahoo_id}</strong></td>
<td class="{$bgcolors['yahoo']}"><a href="javascript:;" onclick="MyBB.popupWindow('misc.php?action=imcenter&amp;imtype=yahoo&amp;uid={$uid}', 'imcenter', 450, 300);">{$memprofile['yahoo']}</a></td>
</tr>
<tr>
<td class="{$bgcolors['msn']}"><strong>{$lang->msn}</strong></td>
<td class="{$bgcolors['msn']}"><a href="javascript:;" onclick="MyBB.popupWindow('misc.php?action=imcenter&amp;imtype=msn&amp;uid={$uid}', 'imcenter', 450, 300);">{$memprofile['msn']}</a></td>
</tr>
</table>

</div>
<!-- End Third Tab -->
<div id="tab1" class="tabcontent">

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td colspan="2" class="thead_prof"><strong>Profile Comments</strong></td>
</tr>
<tr>
<td colspan="2"><!-- ProfileComments -->{$comments_index}<!-- /ProfileComments --></td>
</tr>
</table>

</div>

<script type="text/javascript">
var countries=new ddtabcontent("profiletabs")
countries.setpersist(true)
countries.setselectedClassTarget("link") //"link" or "linkparent"
countries.init()
</script>
<br />
</td>
<td>
</td>
</tr>
</table>
<br />
{$modoptions}
{$adminoptions}
</body>
{$footer}
</body>
</html>

Read the full thread at the downloads section in this thread.
(This post was last modified: 02-09-2011, 10:59 PM by zZJoennZz)
02-04-2011, 07:25 PM
jchamb2010
Junior Member


Posts: 3
Joined: Feb 2011
Reputation: 0
Post: #2
RE: MyBB Next Gen V1
I think I may use this theme on a future website - Bookmarked.

-J
02-05-2011, 02:58 AM
zZJoennZz
Member


Posts: 92
Joined: Oct 2010
Reputation: 0
Post: #3
RE: MyBB Next Gen V1
Thanks! I'm glad you like it.
02-07-2011, 07:48 PM
Mr-Trainor
Senior Member



Posts: 369
Joined: Mar 2010
Reputation: 6
Post: #4
RE: MyBB Next Gen V1
I actually think this looks quite nice .
02-08-2011, 05:52 AM
zZJoennZz
Member


Posts: 92
Joined: Oct 2010
Reputation: 0
Post: #5
RE: MyBB Next Gen V1
I made a mistake in that last thread, I updated the thread
02-09-2011, 11:00 PM
zworsky
Junior Member


Posts: 12
Joined: Dec 2008
Reputation: 0
Post: #6
RE: MyBB Next Gen V1
any full screenshot?
02-10-2011, 06:18 AM
vhince
Junior Member


Posts: 6
Joined: Dec 2009
Reputation: 0
Post: #7
RE: MyBB Next Gen V1
(02-10-2011 06:18 AM)zworsky Wrote:  any full screenshot?


http://zzdesigns.cz.cc/

Quite nice, as jchamb2010 said, I'll use this in the future
02-10-2011, 04:56 PM
Zukdeen
Junior Member


Posts: 21
Joined: Oct 2010
Reputation: 0
Post: #8
RE: MyBB Next Gen V1
It's really cool, I like its design
02-11-2011, 10:11 AM
Graphix1
Junior Member


Posts: 3
Joined: Feb 2011
Reputation: 0
Post: #9
RE: MyBB Next Gen V1
This is really good. Well done!
02-13-2011, 10:45 PM
zZJoennZz
Member


Posts: 92
Joined: Oct 2010
Reputation: 0
Post: #10
RE: MyBB Next Gen V1
(02-10-2011 04:56 PM)vhince Wrote:  
(02-10-2011 06:18 AM)zworsky Wrote:  any full screenshot?


http://zzdesigns.cz.cc/

Quite nice, as jchamb2010 said, I'll use this in the future
Thanks for the help.

(02-11-2011 10:11 AM)Zukdeen Wrote:  It's really cool, I like its design
Thanks Zukdeen, I will make more.

(02-13-2011 10:45 PM)Graphix1 Wrote:  This is really good. Well done!
THanks!
02-13-2011, 11:05 PM
 




User(s) browsing this thread: 2 Guest(s)