The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

NavBar Help

3 posters

Go down

NavBar Help Empty NavBar Help

Post by Trauma August 16th 2011, 6:33 pm

Hello, I was having trouble installing this drop down menu that I sought out today and finally found.
I had to download the zip files for the coding, so I will display them so you can see what im working with.


Im trying to install this drop down menu
http://lwis.net/free-css-drop-down-menu/dropdown.lwis.celebrity.horizontal.html

here are the codes that I was presented with

Default
Code:
ul.dropdown {
 font: bold 35px/normal Arial, Helvetica, sans-serif;
 letter-spacing: -2px;
 text-transform: uppercase;
}

   ul.dropdown li {
    padding: 0 10px;
    background-color: transparent;
    color: #000;
   }

   ul.dropdown li.last ul li {
    float: right;
   }

   ul.dropdown li.hover,
   ul.dropdown li:hover {
    background-color: #b0d730;
    color: #000;
   }

   ul.dropdown a:link,
   ul.dropdown a:visited   { color: #000; text-decoration: none; }
   ul.dropdown a:hover      { color: #000; }
   ul.dropdown a:active   { color: #ffa500; }


   /* -- level mark -- */

   ul.dropdown ul {
    background-color: #b0d730;
    font-size: 12px;
    letter-spacing: normal;
   }

   * html ul.dropdown ul {
    width: 960px;
   }

      ul.dropdown ul li {
       font-weight: bold;
      }

      /* -- level mark -- */

      ul.dropdown ul ul {
       margin-top: 5px;
       text-transform: none;
      }

         ul.dropdown ul ul li {
          font-weight: normal;
         }


/*-------------------------------------------------/
 * @section      Support Class `dir`
 */


ul.dropdown *.dir {
 padding-right: 30px;
 background-image: url(../../../../images/lwis.celebrity/nav-arrow-down.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}

ul.dropdown ul *.dir {
 background-image: none;

Helper
Code:

* {
 margin: 0;
 padding: 0;
}

body {
 padding: 50px;
 border-top: solid 1px #fff;
 background: #fff url(../../../../images/lwis.celebrity/pattern1.png) 0 0 repeat-x;;
 font: 14px/normal Tahoma, Arial, Helvetica, sans-serif;
}

p { margin-bottom: 1em; }

ul.classic {
 list-style: disc;
 margin-bottom: 1em;
 padding-left: 2em;
}

h1,h2,h3 {
 margin-bottom: .5em;
 font-family: Arial, Helvetica, sans-serif;
 line-height: normal;
}

h1 {
 border-bottom: solid 1px #d9d9d9;
 font-weight: normal;
 font-size: 180%;
 text-indent: 5px;
 letter-spacing: -1px;
}

.dropdown-upward {
 margin-top: 400px !important;
}

Im trying to get them into my forum, which is phpBB2.
Trying to figure out where to put it and such, thanks for any help that I may receive.
Trauma
Trauma
Forumember

Male Posts : 41
Reputation : 0
Language : English, French

http://swtor.forumotion.com/

Back to top Go down

NavBar Help Empty Re: NavBar Help

Post by !_NICK_! August 17th 2011, 3:45 am

I would put that in the Templates.
!_NICK_!
!_NICK_!
Active Poster

Male Posts : 1505
Reputation : 69
Language : English, HTML, and CSS
Location : In the middle of no return.

Back to top Go down

NavBar Help Empty Re: NavBar Help

Post by Trauma August 17th 2011, 12:49 pm

Alright, where might I apply this in the template?
Trauma
Trauma
Forumember

Male Posts : 41
Reputation : 0
Language : English, French

http://swtor.forumotion.com/

Back to top Go down

NavBar Help Empty Re: NavBar Help

Post by kirk August 20th 2011, 9:01 pm

i think this may have to have a css insert to java.
i am not getting anything with just the plain css you have above.

and whats the helper supposed to be/do?

it did not come with instructions?
kirk
kirk
Forumaster

Male Posts : 11037
Reputation : 653
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

Back to top


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