Layouts - HTML/CSS gurus only

[Lsmjudoka]

The current layout for the game obviously isn't that great, and while it doesn't look horrible, I'm not an expert with HTML/CSS, so I'm open to new ideas/layouts. If you want to stick with the basic structure of the existing HTML, here's the static portion:


NOTE: I just revamped the basic HTML a bit to go with a layout I made, it's actually simpler now.

Code:


<div class="wrapper">
    <div id="header">
      <!--Header image goes here-->
    </div>   
    <div id="links">
      <!--Static links to forums and stuff go here -->
    </div>
</div> <!-- End wrapper for header -->     

<div id="nav">
    <!--Menu goes here-->      
</div>   
<div id="nav">
    <!--More menu goes here-->
</div>

<div class="wrapper">   
      <div id="body">   
          <!--Body text here-->
      </div>      
</div>

<div id="footer">
  <!--Footer text here-->
</div>


Use that, make your own, I have no preference. But I'm not guaranteeing I'll accept your layout, so you might want to show a preview first to make sure it looks good.

[Lsmjudoka]

I'm thinking about having three layouts: One for the human realm, one for the Shinigami(Lighter colors, more vibrant), and one for the Hollows(Dark, bleack, representing the void of Hueco Mundo).

So Shinigami should post comments about the Shinigami layout, since they're the ones that would have to use it. If the majority of Shinigami(or vice versa for the Hollow layout) aren't happy with it, I won't put it in. But if there's changes you'd like to see, post them.

[Konoha]

Here is the layout I said I'd make. e.e

I'm currently reworking the banner and probably get rid of the blue in the background to make it fit the color scheme.

http://kitsugaya.webs.com/world_of_bleach/index.html

However, if you do like the layout, I can go ahead and compress the files in a .zip and send it to you. >.>

[Lsmjudoka]

Looks nice so far Anyone else have opinions?

[direct]

That looks extremely good :D

[Lsmjudoka]

Looks nice, but isn't finished D:

[Lsmjudoka]

Well, this thread is a bit dead, so I thought I'd shed some light: We still need a layout. In fact, I really want a new one before we re-open. If anyone is willing to make one, or knows someone that might, please let me know. Rewards are a possibility whether they be in WoB(really good rewards) or otherwise(probably not quite as good, but still possible. More useful to some people).

[Konoha]

Layout Preview:



Download Link:
http://www.mediafire.com/?l0bzu2xychg37us

[Lsmjudoka]

Whoa, looking awesome.

[Konoha]

It's complete, go ahead and see if it works with your setup. Shouldn't be that hard if your Page ID switches are set up correctly. -.-

[Lsmjudoka]

As soon as I get the styling for the pages changed, and the top menu figured out(there's enough links for two rows, which the layout doesn't like) it will be officially working.

[Konoha]

Eh. I could fix the layout if I knew what the links looked like after you have logged in. Perhaps you could send me an image?

[Lsmjudoka]

I'll just set your account to test status. 1 sec...

O.o What was your account name again?

[Konoha]

Should be Konoha, I don't know.


Anyways, I tweaked a few things around, and since my Photoshop lacks the brushes I used to make the header, I simply just made it look nicer.


Download link:
http://www.mediafire.com/?172chazrhaxd7nh

[Lsmjudoka]

Hmm, must've gotten deleted in the last account sweep. You can remake it if you want, or just keep using the test account.

[Konoha]

I went and remade the account under the same username, and there seems to be very little issue with the layout.

[Lsmjudoka]

Sidenote: The layout now works great with Human rank, but the higher ranks(with more links) are offset. Testing account has been raised to rank 2 so you can see.

[Konoha]

Hmm. I'll see about doing something real quick, give me a quick second. -.-;

[Lsmjudoka]

Alright.

[Konoha]

Change this in the stylesheet. When you have just the 3 links, it'll be off-center by just a bit, but it will allow for the extra links on level up to be center.

I don't know how much that will affect gameplay, but it's not as bad as it was before...

Code:

#submenuhead {
   float: left;
    text-align:left;
   position:absolute;

}

#submenuhead ul{
   position:absolute;
   display:inline;
   float:left;
   text-align:left;
   top:0px;
   width: 783px;
   left: 125px;
}

[Kaligotla]

I can create a layout....But i dont have enough time to code it.....If U(someone) can code it.....and got no issues with that....ill create one and post it here

[Konoha]

If you post an image of what you want it to look like, I can take the time to code it out. Requirements for this must be that you provide me with a .psd of each image (banner, icons, etc.).

[Sponsored content]