Phoenix Network Forums

http://nintendud.net/xt/

This is actually a test site. I will eventually remove that log in button for the forums, and make it so all you need to do is press enter. (Code for how you do that with a VBulletin login would be appreciated, if anyone has it on hand). Forum stats are all live (except for users, but I know how to fix that). The latest forum posts are mentioned in that corner, with links to the profiles to the poster.

Of course, this only displays perfectly in Firefox, and, I think, Opera. IE completely f*%$s everything up, even though I coded the site with pixel by pixel definitions of where each image goes. My friend did all the graphics and slicing, which is why you may see some retarded slices... that isn't my fault ;p

Anyway, this is just a test design, so there is no content. I'm going to need to have a version for IE coded separately, and the php script would check the browser and display the IE version for IE users.

I hand coded the site, and, if you look in the source, you can see just how much work went into it. I probably coded it very inefficiently, and there might be a better way (no, tables won't help me with these messed up slices) to code it, but this is all I know.

Anyway, feedback in regards to the coding would be nice. Anything that will help me code such complex sites in the future would be appreciated, and code for a VBulletin login without the button would be cool.

EDIT: Also, for the record, I dislike Final Fantasy. I coded the site for friends.

No content... no content...

But anyway here is my hint:

Do not use so much <img>. You can remove that and instead use the *.css file and change the divs background to images. That way it would make source code a lot cleaner...use the background attribute: background: #000000 bottom repeat-x url('image.jpg');} for example. Hopefully you know what I mean.

-Krez

I know what you mean, but I don't really like that suggestion too much.
I was more wondering if there is a better way to design such a page. Probably not though.

Anyway, still waiting for help with that login...

Nintendud wrote:http://nintendud.net/xt/

This is actually a test site. I will eventually remove that log in button for the forums, and make it so all you need to do is press enter. (Code for how you do that with a VBulletin login would be appreciated, if anyone has it on hand). Forum stats are all live (except for users, but I know how to fix that). The latest forum posts are mentioned in that corner, with links to the profiles to the poster.

Of course, this only displays perfectly in Firefox, and, I think, Opera. IE completely f*%$s everything up, even though I coded the site with pixel by pixel definitions of where each image goes. My friend did all the graphics and slicing, which is why you may see some retarded slices... that isn't my fault ;p

Anyway, this is just a test design, so there is no content. I'm going to need to have a version for IE coded separately, and the php script would check the browser and display the IE version for IE users.

I hand coded the site, and, if you look in the source, you can see just how much work went into it. I probably coded it very inefficiently, and there might be a better way (no, tables won't help me with these messed up slices) to code it, but this is all I know.

Anyway, feedback in regards to the coding would be nice. Anything that will help me code such complex sites in the future would be appreciated, and code for a VBulletin login without the button would be cool.

EDIT: Also, for the record, I dislike Final Fantasy. I coded the site for friends.

Congratz it is very cool

Well, this should work in theory, and remember "login.php" is the one in your vbulletin directory and the same with the .js files...

Code: Select all

      <!-- login form -->
      <form action="login.php" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, 0)">
      <script type="text/javascript" src="clientscript/vbulletin_md5.js"></script>
         <label for="navbar_username">User Name</label><br />

         <input type="text" class="bginput" style="font-size: 11px" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="User Name" onfocus="if (this.value == 'User Name') this.value = '';" /><br />
         <label><input type="checkbox" name="cookieuser" value="1" tabindex="103" id="cb_cookieuser_navbar" accesskey="c" />Remember Me?</label><br />
         <label for="navbar_password">Password</label><br />
         <input type="password" class="bginput" style="font-size: 11px" name="vb_login_password" id="navbar_password" size="10" accesskey="p" tabindex="102" />
         <input type="submit" class="button" value="Log in" tabindex="104" title="Enter your username and password in the boxes provided to login, or click the 'register' button to create a profile for yourself." accesskey="s" />
      <input type="hidden" name="s" value="" />
      <input type="hidden" name="do" value="login" />      
      <input type="hidden" name="vb_login_md5password" />
      <input type="hidden" name="vb_login_md5password_utf" />
      </form>
      <!-- / login form -->

I just copy pasted and edited the tables away from the original vBulletin code