MyBB Tutorials

Make a Sexy Splash Page for Your Forum

Submitted by AAA, , Thread ID: 1134

Thread Closed
AAA
Offline
Level:
0
Reputation:
73
Posts:
834
Likes:
110
Credits:
582
07-02-2015, 02:54 AM
This post was last modified: 25-02-2015, 07:35 PM by AAA
#1
Alright, so this took me ages to figure out. And finally, I found a much less complex solution after all my complex hard work. So, here a few features for this version:
  • Forum installed on Root
  • You Don't Have to Make a PHP Page (Just a simple Template Edit)
  • Should work on every theme (Only tested on hackforums 1.8 though)
  • Makes for a beautiful login effect! (See Demo)

There are a couple of things that I've noticed do not work using this method:
  • The setting to Force Users to Login before being to able to view the board needs to be disabled. (It didn't work on my board with it on, (probably because I was using a separate .php page to handle it), but I haven't tested it on a board using this version of the modification. If it works, please let me know!)
Alright, so first up, a preview of what we're going to make! You can view a demo of it here. Or you can look at this screenshot:

View The Sexiness
[Image: pQMf5fq.png]


That's right, we'll be making something sexy for your board! First things first, since this is just a template edit. Go to Admin CP -> Templates & Styles -> "Your_Theme" -> Member Templates -> Member Login

Now, once there replace everything in that box, with this:

(I need few credits... so sorry)

Content locked
This content has been locked. Please login or register in order to unlock it.


Next, you need to make one template. (I called mine "header_splash") (If you don't know how to do this the thread is here.) This way, you don't mess up the default board and end up with something weird!

Once you've made the "header_splash" template. Copy & Paste the following code in it:

Content locked
This content has been locked. Please login or register in order to unlock it.


And, that should be it! You're done! Happy Themeing! (This is just a simple version. The one in the demo is hardcoded into a different php page, with custom templates as well as changed lines in the following files:
  • member.php
  • global.php

Below is the original Member_login Template, in case something doesn't go right. (Since I only tested it on my one theme.)
Code:
<html>
<head>
<title>{$mybb->settings['bbname']} - {$lang->login}</title>
{$headerinclude}
<script type="text/javascript">
//<![CDATA[
try{if (!window.CloudFlare) {var CloudFlare=[{verbose:0,p:1423176989,byc:0,owlid:"cf",bag2:1,mirage2:0,oracle:0,paths:{cloudflare:"/cdn-cgi/nexp/dok3v=1613a3a185/"},atok:"987f48558b035c3b5ffbf81c6793d4d3",petok:"e5669af61c826a3052f77a57f66e4ebd2f6e7dfc-1423270747-1800",zone:"nulledbb.com",rocket:"0",apps:{"ga_key":{"ua":"UA-53818525-1","ga_bs":"2"}}}];!function(a,b){a=document.createElement("script"),b=document.getElementsByTagName("script")[0],a.async=!0,a.src="//ajax.cloudflare.com/cdn-cgi/nexp/dok3v=919620257c/cloudflare.min.js",b.parentNode.insertBefore(a,b)}()}}catch(e){};
//]]>
</script>
<script type="text/javascript">
/* <![CDATA[ */
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-53818525-1']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

(function(b){(function(a){"__CF"in b&&"DJS"in b.__CF?b.__CF.DJS.push(a):"addEventListener"in b?b.addEventListener("load",a,!1):b.attachEvent("onload",a)})(function(){"FB"in b&&"Event"in FB&&"subscribe"in FB.Event&&(FB.Event.subscribe("edge.create",function(a){_gaq.push(["_trackSocial","facebook","like",a])}),FB.Event.subscribe("edge.remove",function(a){_gaq.push(["_trackSocial","facebook","unlike",a])}),FB.Event.subscribe("message.send",function(a){_gaq.push(["_trackSocial","facebook","send",a])}));"twttr"in b&&"events"in twttr&&"bind"in twttr.events&&twttr.events.bind("tweet",function(a){if(a){var b;if(a.target&&a.target.nodeName=="IFRAME")a:{if(a=a.target.src){a=a.split("#")[0].match(/[^?=&]+=([^&]*)?/g);b=0;for(var c;c=a[b];++b)if(c.indexOf("url")===0){b=unescape(c.split("=")[1]);break a}}b=void 0}_gaq.push(["_trackSocial","twitter","tweet",b])}})})})(window);
/* ]]> */
</script>
</head>
<body><script type="text/javascript">
//<![CDATA[
try{(function(a){var b="http://",c="nulledbb.com",d="/cdn-cgi/cl/",e="img.gif",f=new a;f.src=[b,c,d,e].join("")})(Image)}catch(e){}
//]]>
</script>

<br />
{$inline_errors}
{$member_loggedin_notice}
<form action="member.php" method="post">
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td class="thead" colspan="2"><strong>{$lang->login}</strong></td>
</tr>
<tr>
<td class="trow1"><strong>{$lang->username}</strong></td>
<td class="trow1"><input type="text" class="textbox" name="username" size="25" style="width: 200px;" value="{$username}" /></td>
</tr>
<tr>
<td class="trow2"><strong>{$lang->password}</strong><br /><span class="smalltext">{$lang->pw_note}</span></td>
<td class="trow2"><input type="password" class="textbox" name="password" size="25" style="width: 200px;" value="{$password}" /> (<a href="member.php?action=lostpw">{$lang->lostpw_note}</a>)</td>
</tr>
<tr>
<td class="trow1" colspan="2" align="center"><label title="{$lang->remember_me_desc}"><input type="checkbox" class="checkbox" name="remember" checked="checked" value="yes" /> {$lang->remember_me}</label></td>
</tr>
{$captcha}
</table>
<br />
<div align="center"><input type="submit" class="button" name="submit" value="{$lang->login}" /></div>
<input type="hidden" name="action" value="do_login" />
<input type="hidden" name="url" value="{$redirect_url}" />
</form>

</body>
</html>
This hidden content has been reported as not working 0 times this month.
1 times in total
[Image: XhhKTdF.png]

RE: Make a Sexy Splash Page for Your Forum

Mr_Joker
YouR JuSt G4Y
Level:
0
Reputation:
3
Posts:
795
Likes:
51
Credits:
493
15-02-2015, 04:42 AM
#2
Nice TuT there cheers for this Smile

RE: Make a Sexy Splash Page for Your Forum

linkzy
No pressure, no diamonds
Level:
0
Reputation:
181
Posts:
5.34K
Likes:
341
Credits:
54
15-02-2015, 04:46 AM
#3
Awesome. Can u say if we can make something same like that. With fireworks.
| A | v4hl| Addicted | Senpai | Sui | Sensei | H | fdigl |


RE: Make a Sexy Splash Page for Your Forum

frizzy
Closed Account
Level:
0
Reputation:
-2
Posts:
33
Likes:
3
Credits:
17
19-02-2015, 11:50 PM
#4
thanks for the tutorial Smile

RE: Make a Sexy Splash Page for Your Forum

THC
Novice
Level:
0
Reputation:
0
Posts:
29
Likes:
1
Credits:
36
21-02-2015, 03:44 AM
#5
With all these tutorials my site will definitely be better! Thank you so much.

RE: Make a Sexy Splash Page for Your Forum

frizzy
Closed Account
Level:
0
Reputation:
-2
Posts:
33
Likes:
3
Credits:
17
26-02-2015, 05:11 PM
Warned
#6
bullshit this guy is a piece of shit.

RE: Make a Sexy Splash Page for Your Forum

PeterNL070
Novice
Level:
0
Reputation:
0
Posts:
25
Likes:
2
Credits:
38
26-02-2015, 09:27 PM
#7
26-02-2015, 05:11 PM
frizzy Wrote:
bullshit this guy is a piece of shit.

And why is he?

RE: Make a Sexy Splash Page for Your Forum

Wosko
Closed Account
Level:
0
Reputation:
0
Posts:
20
Likes:
0
Credits:
22
07-03-2015, 09:16 AM
#8
wait wait I see soon :D

RE: Make a Sexy Splash Page for Your Forum

Lyklor
Novice
Level:
0
Reputation:
0
Posts:
28
Likes:
0
Credits:
10
10-03-2015, 08:54 PM
#9
Very sexy! thanks bro

RE: Make a Sexy Splash Page for Your Forum

v4hl
Legend
Divine
Level:
14
Reputation:
364
Posts:
6.27K
Likes:
2.19K
Credits:
425
04-04-2015, 07:46 PM
#10
i can't see anything untill i get 25h ^^#
[Image: xRnLbpm.png]
[Image: Tz6Qsg4.png]
1

Users browsing this thread: 1 Guest(s)