Layouts - HTML/CSS gurus only

Go down

Layouts - HTML/CSS gurus only

Post by Lsmjudoka on Tue Feb 16, 2010 7:26 pm

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.


Last edited by Lsmjudoka on Sun Aug 15, 2010 3:07 am; edited 3 times in total
avatar
Lsmjudoka
Administrator
Administrator

Posts : 465
Join date : 2010-01-22

Back to top Go down

Re: Layouts - HTML/CSS gurus only

Post by Lsmjudoka on Tue Mar 09, 2010 2:35 am

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.
avatar
Lsmjudoka
Administrator
Administrator

Posts : 465
Join date : 2010-01-22

Back to top Go down

Re: Layouts - HTML/CSS gurus only

Post by Konoha on Thu May 27, 2010 2:20 am

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. >.>
avatar
Konoha
Human
Human

Posts : 17
Join date : 2010-05-27
Age : 24

Back to top Go down

Re: Layouts - HTML/CSS gurus only

Post by Lsmjudoka on Thu May 27, 2010 3:59 am

Looks nice so far Smile Anyone else have opinions?
avatar
Lsmjudoka
Administrator
Administrator

Posts : 465
Join date : 2010-01-22

Back to top Go down

Re: Layouts - HTML/CSS gurus only

Post by direct on Thu May 27, 2010 4:10 am

That looks extremely good :D
avatar
direct
Human
Human

Posts : 27
Join date : 2010-04-04

Back to top Go down

Re: Layouts - HTML/CSS gurus only

Post by Lsmjudoka on Sun Aug 15, 2010 3:15 am

Looks nice, but isn't finished D:
avatar
Lsmjudoka
Administrator
Administrator

Posts : 465
Join date : 2010-01-22

Back to top Go down

Re: Layouts - HTML/CSS gurus only

Post by Lsmjudoka on Tue Oct 12, 2010 8:17 am

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).
avatar
Lsmjudoka
Administrator
Administrator

Posts : 465
Join date : 2010-01-22

Back to top Go down

Re: Layouts - HTML/CSS gurus only

Post by Konoha on Sat Oct 16, 2010 6:50 pm

Layout Preview:



Download Link:
http://www.mediafire.com/?l0bzu2xychg37us
avatar
Konoha
Human
Human

Posts : 17
Join date : 2010-05-27
Age : 24

Back to top Go down

Re: Layouts - HTML/CSS gurus only

Post by Lsmjudoka on Sun Oct 17, 2010 12:26 am

Whoa, looking awesome.
avatar
Lsmjudoka
Administrator
Administrator

Posts : 465
Join date : 2010-01-22

Back to top Go down

Re: Layouts - HTML/CSS gurus only

Post by Konoha on Sun Oct 17, 2010 12:45 am

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. -.-
avatar
Konoha
Human
Human

Posts : 17
Join date : 2010-05-27
Age : 24

Back to top Go down

Re: Layouts - HTML/CSS gurus only

Post by Lsmjudoka on Sun Oct 17, 2010 1:43 am

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.
avatar
Lsmjudoka
Administrator
Administrator

Posts : 465
Join date : 2010-01-22

Back to top Go down

Re: Layouts - HTML/CSS gurus only

Post by Konoha on Sun Oct 17, 2010 2:17 am

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?
avatar
Konoha
Human
Human

Posts : 17
Join date : 2010-05-27
Age : 24

Back to top Go down

Re: Layouts - HTML/CSS gurus only

Post by Lsmjudoka on Sun Oct 17, 2010 2:25 am

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

O.o What was your account name again?
avatar
Lsmjudoka
Administrator
Administrator

Posts : 465
Join date : 2010-01-22

Back to top Go down

Re: Layouts - HTML/CSS gurus only

Post by Konoha on Sun Oct 17, 2010 3:50 pm

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
avatar
Konoha
Human
Human

Posts : 17
Join date : 2010-05-27
Age : 24

Back to top Go down

Re: Layouts - HTML/CSS gurus only

Post by Lsmjudoka on Sun Oct 17, 2010 9:17 pm

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

Posts : 465
Join date : 2010-01-22

Back to top Go down

Re: Layouts - HTML/CSS gurus only

Post by Konoha on Sun Oct 17, 2010 10:57 pm

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

Posts : 17
Join date : 2010-05-27
Age : 24

Back to top Go down

Re: Layouts - HTML/CSS gurus only

Post by Lsmjudoka on Sun Oct 17, 2010 11:20 pm

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.
avatar
Lsmjudoka
Administrator
Administrator

Posts : 465
Join date : 2010-01-22

Back to top Go down

Re: Layouts - HTML/CSS gurus only

Post by Konoha on Sun Oct 17, 2010 11:22 pm

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

Posts : 17
Join date : 2010-05-27
Age : 24

Back to top Go down

Re: Layouts - HTML/CSS gurus only

Post by Lsmjudoka on Sun Oct 17, 2010 11:24 pm

Alright.
avatar
Lsmjudoka
Administrator
Administrator

Posts : 465
Join date : 2010-01-22

Back to top Go down

Re: Layouts - HTML/CSS gurus only

Post by Konoha on Sun Oct 17, 2010 11:33 pm

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;
}
avatar
Konoha
Human
Human

Posts : 17
Join date : 2010-05-27
Age : 24

Back to top Go down

Layout

Post by Kaligotla on Sun Mar 24, 2013 4:37 pm

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
avatar
Kaligotla
Human
Human

Posts : 1
Join date : 2013-03-24
Age : 23
Location : India

Character sheet
Name:
Title:
Race:

Back to top Go down

Re: Layouts - HTML/CSS gurus only

Post by Konoha on Tue May 20, 2014 12:03 am

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.).
avatar
Konoha
Human
Human

Posts : 17
Join date : 2010-05-27
Age : 24

Back to top Go down

Re: Layouts - HTML/CSS gurus only

Post by Sponsored content


Sponsored content


Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum