2 horizontal navigation bars

• 

  weirdscience · Member · Aug 19, 2007 at 3:18 am

  • Copy link
  • Add topic to favorites

  I already have one at the top and i’ve customized this as I would like it. is it possible to place another horizontal bar at the bottom of the page (below my oldest blog entry). i think i can comfortably set parameters for this but i’m not actual sure how to start the code for it, given that I already have one bar set up and I want the second one to look quite different. i’m on the regulus theme..thanks for any tips. :)

• 

  raincoaster · Member · Aug 19, 2007 at 3:27 am

  • Copy link

  Wouldn’t that be changing the theme itself, not just the CSS? I am not sure you can make up components; you can just style existing ones.

• 

  atthe404 · Member · Aug 19, 2007 at 4:59 am

  • Copy link

  I am not sure about this. As you know I am too cheap to use the CSS upgrade myself as it is not a proper blog. But I think using widgets and absolute positioning you could put anything anywhere. Eg you could add a horizontal top menu. How cool is that?

• 

  weirdscience · Member · Aug 19, 2007 at 6:31 am

  • Copy link

  if I could isolate one widget, I think I could then style it and move it so it sits at the bottom. I’m just not sure how to do that (i.e. command-wise). since I could easily isolate the feeds bar, I tried with that and I can move that and then style it into a bar. I don’t know though..can one somehow use a css command that isolates just one text widget?

• 

  atthe404 · Member · Aug 19, 2007 at 7:56 am

  • Copy link

  The widgets are in a list. Each widget is in the form <li id="text-n"> where n is an integer. But I can see some problems here because they are not wrapped in ul but I think there is a way round it. Read your source for the sidebar to pick up the one you want. Or tell us which one you are looking for. Then I can give the exact selector. But it is something like:

  #text-n div.textwidget {position: absolute bottom left}
  for example.
  But remember that when using position absolute the parent container needs position: relative

  as well. HTH.

• 

  weirdscience · Member · Aug 19, 2007 at 8:27 pm

  • Copy link

  well i would need to create a new widget but i’d like to test out the idea but temporarily skewing a widget I have….so any of them would work.

  these are all the commands in the stylesheet that show txt widget…as usual, i’m inputting the advice incorrectly…i tried the command you gave and also div.widget-text since that’s how it shows in my stylesheet. i wasn’t sure which parent container to change so i added in the relative position one to all but it didn’t work..i know i’m doing something wrong here..hehe.

  #sidebar #about, #sidebar .widget_text {
  border:5px solid #eef;
  padding:10px;
  color:#666;
  }

  #sidebar #about h2, #sidebar .widget_text h2 {
  color: #99f;
  }

  #sidebar .widget_text {
  margin:10px 0;
  }

  #sidebar #about h2, #sidebar .widget_text h2 {
  padding:0; margin:0;
  }