Drop-down Menu



 
HomeHome  FAQFAQ  SearchSearch  RegisterRegister  Log inLog in  

Share | 
 

 Drop-down Menu

View previous topic View next topic Go down 
AuthorMessage
Mugetsu
Admin
avatar

Title : The Infamous Hash, Unlimited Potential, Black Ice
Posts : 4463
Soul Cash : 3688
Female Age : 23
Location : Barrie, Ontario

Character sheet
RPC's:

PostSubject: Drop-down Menu   Thu Oct 11, 2012 11:05 am

Anyone know how to code a drop-down menu, like they have on this site in the site links thing on the sidebar? .-.



WITNESS MY POWER:
 
Back to top Go down
http://bleachoblivion.canadian-forum.com
JayK
Seasoned Member
avatar

Title : The Unfettered
Posts : 243
Soul Cash : 2427
Male Age : 21
Location : La' Espera

Character sheet
RPC's:

PostSubject: Re: Drop-down Menu   Thu Oct 11, 2012 12:22 pm

I do. I'll create it for you later on today.
Back to top Go down
Mugetsu
Admin
avatar

Title : The Infamous Hash, Unlimited Potential, Black Ice
Posts : 4463
Soul Cash : 3688
Female Age : 23
Location : Barrie, Ontario

Character sheet
RPC's:

PostSubject: Re: Drop-down Menu   Thu Oct 11, 2012 12:23 pm

Woot! Thanks a bunch! :]



WITNESS MY POWER:
 
Back to top Go down
http://bleachoblivion.canadian-forum.com
JayK
Seasoned Member
avatar

Title : The Unfettered
Posts : 243
Soul Cash : 2427
Male Age : 21
Location : La' Espera

Character sheet
RPC's:

PostSubject: Re: Drop-down Menu   Thu Oct 11, 2012 7:10 pm

Here, I have the drop down menu...

- Here's a picture of the finished product, without the expansion.

The mouse-over effect is muuuch better.

Code:
<html>
<head>
<!-- Coding by JayK. For Mugu-chan -->
<style>
#navbar {
   margin: 0;
   padding: 0;
   height: 2em;}
   
#navbar li {
   list-style: none;
   float: left; }
   
#navbar li a {
   display: block;
   padding: 1px 12px;
   background-color: #2E2E2E;
   color: #FFFFFF;
   text-decoration: none;
   border-bottom: 1px solid #000000;
   border-top: 1px solid #000000;
   border-right: 1px solid #000000;
   border-left: 1px solid #000000;}
   
#navbar li ul {
   display: none;
   width: 10em; /* Width to help Opera out */
   background-color: #B40404;}
   
#navbar li:hover ul {
   display: block;
   position: absolute;
   margin: 0px;
   padding: 0px; }
   
#navbar li:hover li {
   float: none; }
   
#navbar li:hover li a {
   background-color: #FF0000;
   border-bottom: 1px solid #B40404;
   color: #000; }
   
#navbar li li a:hover {
   background-color: #FA5858; }
   
ul#navbar {font-family:"Century Gothic", Arial, sans-serif;
        }
</style>
</head>
<body>
<ul id="navbar">
<!-- This is for you, Mugu~. Copy the "<li><a href="#">/SITE PAGE/</a>" and repost it under the other to add more to the list... -->
   <li><a href="http://bleachoblivion.canadian-forum.com/" selected style="font-size: 12pt;">Oblivion Navigation</a><ul>
      <li><a href="#">/SITE PAGE/</a></li>
      <li><a href="#">/SITE PAGE/</a></li>
      <li><a href="#">/SITE PAGE/</a></li>
      <li><a href="#">/SITE PAGE/</a></li>
      <li><a href="#">/SITE PAGE/</a></li></ul>
   </li>
</ul>
</body>
</html>

Replace "/SITE PAGE/" with the page on the site. I'll explain the rest later.
Back to top Go down
Mugetsu
Admin
avatar

Title : The Infamous Hash, Unlimited Potential, Black Ice
Posts : 4463
Soul Cash : 3688
Female Age : 23
Location : Barrie, Ontario

Character sheet
RPC's:

PostSubject: Re: Drop-down Menu   Thu Oct 11, 2012 7:13 pm

Awesome! :> I'll start on this soon.



WITNESS MY POWER:
 
Back to top Go down
http://bleachoblivion.canadian-forum.com
JayK
Seasoned Member
avatar

Title : The Unfettered
Posts : 243
Soul Cash : 2427
Male Age : 21
Location : La' Espera

Character sheet
RPC's:

PostSubject: Re: Drop-down Menu   Fri Oct 12, 2012 11:33 am

You know, I noticed that something.

Whenever I switch from one page to another, the alignment of the internal options on the drop down menu changes from Left to Center.

I think this might be a slight overlapping of syntax in the coding.
Back to top Go down
Mugetsu
Admin
avatar

Title : The Infamous Hash, Unlimited Potential, Black Ice
Posts : 4463
Soul Cash : 3688
Female Age : 23
Location : Barrie, Ontario

Character sheet
RPC's:

PostSubject: Re: Drop-down Menu   Fri Oct 12, 2012 12:49 pm

It's no big deal to me. Do you think it could cause problems down the road?

I noticed that on IE, the last option on the list (advertise) shows as it's own button, right under the drop-down. o.o Unless it's just the computer I was using.



WITNESS MY POWER:
 
Back to top Go down
http://bleachoblivion.canadian-forum.com
JayK
Seasoned Member
avatar

Title : The Unfettered
Posts : 243
Soul Cash : 2427
Male Age : 21
Location : La' Espera

Character sheet
RPC's:

PostSubject: Re: Drop-down Menu   Fri Oct 12, 2012 10:44 pm

It won't cause any major problems, other than alerting the OCD of some others xD

As for that thing with the button, I've kinda hardcoded this into a Chrome type of syntax. Therefore, it will always look better in Chrome xD

IE SUUUUCKS.
Back to top Go down
Mugetsu
Admin
avatar

Title : The Infamous Hash, Unlimited Potential, Black Ice
Posts : 4463
Soul Cash : 3688
Female Age : 23
Location : Barrie, Ontario

Character sheet
RPC's:

PostSubject: Re: Drop-down Menu   Sat Oct 13, 2012 12:41 am

IE is the worst. e.e



WITNESS MY POWER:
 
Back to top Go down
http://bleachoblivion.canadian-forum.com
JayK
Seasoned Member
avatar

Title : The Unfettered
Posts : 243
Soul Cash : 2427
Male Age : 21
Location : La' Espera

Character sheet
RPC's:

PostSubject: Re: Drop-down Menu   Sat Oct 13, 2012 12:53 am

Always will be xD
Back to top Go down
Sponsored content




PostSubject: Re: Drop-down Menu   

Back to top Go down
 
Drop-down Menu
View previous topic View next topic Back to top 
Page 1 of 1
 Similar topics
-
» The Royal Oak Bed and Breakfast **Menu and Rules**
» Akanomi(Working Title)
» The Menu
» Here's a genius idea from Avid
» Christmas Dinner Menu Challenge

Permissions in this forum:You cannot reply to topics in this forum
BLEACH NIRVANA ::  Important :: Support-
Jump to:  
SISTER SITES
SO I WISH FOR STRENGTH
Devil Never Cry
Road to Nowhere Bleach The World
KHA An AU KH/FF School RP Forum
CENSUS
IF I CANNOT PROTECT THEM FROM THE WHEEL
ARRANCAR 16 18
BOUNT 3 3
FULLBRINGER 5 12
HOLLOW 3 4
HUMAN 6 7
QUINCY 7 6
SHINIGAMI 13 36
TOGABITO 8 12
VISORED 7 11
TOTAL 68 108
SPOTLIGHT
THEN GIVE ME A STRONG BLADE
Doctor is the member of the month. Ever since he joined, he's been extremely active, and really knows how to get things moving plot-wise. He was recently promoted to staff as well, and so far has shown great enthusiasm. He's also a friendly presence in the c-box, which is never a bad thing.

Gray is character of the month. Apparently one of the more popular characters on the site, well-known for his habit of stripping, which isn't good enough for Ulqui, but seems to do the job for his numerous IC fangirls. Has also earned (EARNED, not bought) numerous stat points in the past few months. Side note: Anyone who speaks of a gilf pairing will be shot on sight. :U
CREDITS
TO SHATTER FATE
Skin coded by Mugetsu. Some codes were taken from w3schools. Various images were taken from zerochan. Information used was taken from Bleach Wiki. Tite Kubo owns Bleach and it's respective characters. Information and posts made on the forum are copyrighted to the member base. Please do not steal.