Connections Theme and CSS Style Sheets

Posted on by

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

index.php

Moved Links into sidebar.php

header.php

Limited archives to current month so that menu does not wrap

php
< view plain text >
  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.

HTML4
< view plain text >
  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

sidebar.php

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

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

styles.css

Added definitions for table

code
< view plain text >
  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

code
< view plain text >
  1. #topnav form select
  2. {
  3.         font-size:0.7em;
  4. }

search.php

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

HTML4
< view plain text >
  1. <link rel="shortcut icon" href="/favicon.ico" />