Connections Theme and CSS Style Sheets

I’ve been playing with the connections theme by Patricia Müller. There have been several minor changes,


Moved Links into sidebar.php


Limited archives to current month so that menu does not wrap

  1. <?php get_archives('monthly', '1', 'html', '', '', TRUE);

Added drop down menu. Wrapping all list items within <form> </form> declarations prevents drop down menu appearing on a separate line.

  1. <ul id="topnav"><form id="archiveform" action="">
  2. ...
  3.     <li>|
  4.     <SELECT NAME="archive_chrono" onchange="window.location =                         (document.forms.archiveform.archive_chrono[document.forms.archiveform.archive_chrono.selectedIndex].value);">
  5.     <OPTION SELECTED VALUE="">Other months...</OPTION>
  6.     <?php get_archives('monthly', '', 'option', '', '', TRUE); ?>
  7.     </SELECT>
  8.     </li></form>
  9.     </ul>

Reorder from Home, Login, Archives, Links, About, Contact to Login, About, Contact, Links, Recent, Archives, DropDown


Moved Links from index.php
Changed order of elements from Categories, Monthly, Pages, Search to Search, Categories, Links, Monthly, Pages
Changed Links from unordered list to table so that I could centre graphics

  1. <table><?php get_links('-1', '<tr><td align="center">', '<hr></td></tr>', '<br />', TRUE); ?></table>


Added definitions for table

  1. #sidebar table
  2. {
  3.         list-style-type: none;
  4.         padding: 5px;
  5.         margin: 0;
  6.         font-size: 0.9em;
  7.         padding-bottom:3em;
  8.         background:#F3F6ED url(img/sidenav_bottom.jpg) no-repeat bottom;
  9.         border:#E1D6c6 1px solid;
  10.         border-top:#f3f6ed 1px solid;
  11. }
  12. #sidebar table tr th, #sidebar table tr td
  13. {
  14.         font-size: 1em;
  15.         text-align: center;
  16.         background-color: #ffffff;
  17. }

Note that in order to define the <td> element, I needed to define the whole tree table tr td. These definitions are based on those for #sidebar ul.
Added definition for select so that drop down menu fits within the top menu

  1. #topnav form select
  2. {
  3.         font-size:0.7em;
  4. }


Removed bug for favicon. Path was was /favicon.ico/bullet.ico

  1. <link rel="shortcut icon" href="/favicon.ico" />