K2-Unsleepable

• 

  visionsbobdylan · Member · Sep 16, 2007 at 12:25 pm

  • Copy link
  • Add topic to favorites

  I want to use the K2 theme menu at the top of the page of my blog, instead
  of the Unsleepable menu with “blocky” tabs (they dont work exactly right,
  see unsleepable pages question).
  What is the code I should use? & How do I incorporate the code to do this?
  Unsleepable is based on K2, so I’m hoping it can be done.

  Thanks
  http://visionsofdylan.co.uk/

• 

  visionsbobdylan · Member · Sep 16, 2007 at 6:49 pm

  • Copy link

  No-one answering?

• 

  timethief · Member · Sep 16, 2007 at 7:04 pm

  • Copy link

  There are widespread problems right now and no css gurus are posting to the forum. I’m afraid you’ll probably have to wait until tomorrow after they complete their working day and log in. :)

• 

  visionsbobdylan · Member · Sep 16, 2007 at 7:15 pm

  • Copy link

  Fine. Thanks for letting me know :-)

• 

  timethief · Member · Sep 16, 2007 at 7:16 pm

  • Copy link

  You’re welcome. Today doesn’t look like a good one to be looking for this kind of help but you never know maybe a css guru will drop in. :)

• 

  visionsbobdylan · Member · Sep 18, 2007 at 11:42 am

  • Copy link

  Hi, I dont think any have dropped in yet!

• 

  devblog · Member · Sep 18, 2007 at 6:35 pm

  • Copy link

  If you don’t mind waiting, I’ll see what I can do. I don’t promise to do it today, but I’ll look at it in the next couple of days.

• 

  visionsbobdylan · Member · Sep 18, 2007 at 7:28 pm

  • Copy link

  Thank you, devblog! I’d def appreciate your help :-)

• 

  devblog · Member · Sep 19, 2007 at 8:36 pm

  • Copy link

  Visions,

  I don’t know if this is exactly what you want, but try this:

  1.- Make a backup of your code first

  2.- Between the #blog-description,.access and body selectors, the rules for the elements of your menu are being defined. We’re gonna replace those rules.

  #blog-description,.access {
  display:none;
  }
  
  [ CODE TO BE REPLACED ]
  
  body {
   ....
  }

  Replace your current code with the following definitions:

  #globalnav {
  display:block;
  width:100%;
  height:25px;
  background:#333;
  clear: both;
  }
  
  ul#menu {
  text-align:left;
  list-style-type:none;
  display: block;
  border: solid 1px #f00;
  
  }
  
  ul#menu li {
  display:inline;
  margin:0;
  }
  
  ul#menu, ul#menu li a {
  vertical-align:bottom;
  padding:5px 15px 5px;
  }
  
  ul#menu li a {
  color:#fff;
  text-decoration:none;
  margin:0;
  }
  
  ul#menu li a:hover {
  background-color:#CD919E;
  color:#ffffff !important;
  text-decoration:none;
  }
  
  ul#menu li.current_page_item a,ul#menu li.current_page_item a:hover {
  color:#ffffff !important;
  background-color:#CD919E;
  text-decoration:none;
  }
  
  ul#menu ul,ul#menu ul li {
  display:none;
  }

  The above code will move the menu below the header creating a ‘regular’ nav bar.

  HTH

• 

  visionsbobdylan · Member · Sep 20, 2007 at 5:32 am

  • Copy link

  Devblog-big thanks for taking the time to help :-) That has made a difference.
  (I just need to adjust the header now.)
  Thanks timethief!

• 

  devblog · Member · Sep 20, 2007 at 6:34 am

  • Copy link

  No problem!

  My apologies. I forgot to take out one property, which I used when testing, before posting the code here. Please find this selector: ul#menu and remove the following property from it:

  `
  border: solid 1px #f00;
  ‘

  Thanks!

• 

  visionsbobdylan · Member · Sep 20, 2007 at 11:21 am

  • Copy link

  yeah, I was wondering about that! Ok.

• 

  kristoopher · Member · Nov 29, 2007 at 6:46 pm

  • Copy link

  Hello,
  I currently have problems with positing my page_items.. In Firefox it looks fine.. but in IE it doesnt. I’ve tried to change width of #blog-title and #wrapper.. doesnt work at all.

  please let me know how to solve this problem

• 

  timethief · Member · Nov 29, 2007 at 7:27 pm

  • Copy link

  @80takisten
  I’m thinking that any of the bloggers who are proficient in css editing will need to know the url for your wordpress.com in order to help you. Will you post it please?

• 

  kristoopher · Member · Nov 29, 2007 at 8:08 pm

  • Copy link

  ok, i thought that u all could find to my blog through my profile.

  http://80talisten.wordpress.com/

• 

  timethief · Member · Nov 29, 2007 at 8:16 pm

  • Copy link

  Thanks for posting the link. If you would like to, you can link yourwordpress.com username to your wordpress.com blog. -> Users -> Your Profile
  scroll down the righ hand column to “website” and enter the wordpress.com blog url there. Then click “Update Profile”.