| Creating a border around your entries. | [Jun. 3rd, 2004|09:04 pm] |
Clean and Simple:
GLOBAL_HEAD<=
<style type="text/css">
<!--
div.entry {
border: 2px dotted #000000;
}
div.day, div.day h3 {
border: 0;
}
-->
</style>
<=GLOBAL_HEAD
Default:
GLOBAL_HEAD<=
<style type="text/css">
<!--
tr div {
border: 2px dotted #000000;
}
-->
</style>
<=GLOBAL_HEAD
Disjointed:
GLOBAL_HEAD<=
<style type="text/css">
<!--
.metabox, .currbox {
border: 2px dotted #000000;
}
.necorn {
border-right: 2px dotted #000000;
border-top: 2px dotted #000000;
}
.entrybox {
border-right: 2px dotted #000000;
border-left: 2px dotted #000000;
}
.swcorn {
border-left: 2px dotted #000000;
border-bottom: 2px dotted #000000;
}
.nav, .altposter {
border: 2px dotted #000000;
border-bottom:0;
}
#secorn {
border-right: 2px dotted #000000;;
border-bottom: 2px dotted #000000;
}
-->
</style>
<=GLOBAL_HEAD
Generator and Tabular Indent:
GLOBAL_HEAD<=
<style type="text/css">
<!--
table {
border: 2px dotted #000000;
}
table table {
border: 0;
}
-->
</style>
<=GLOBAL_HEAD
Punquin Elegant with Sidebar:
GLOBAL_HEAD<=
<style type="text/css">
<!--
table {
border: 2px dotted #000000;
}
table table {
border: 0;
}
-->
</style>
<=GLOBAL_HEAD
The width of the border is controlled by the px value (2px) and can be changed to suit your needs. The options for the border, currently set to dotted, are dotted, dashed, solid, and double. The color of the border is controlled by the hexidecimal color value (#000000). If you are in need of a hexadecimal color chart, one can be found here.
Note that you should always merge your GLOBAL_HEAD overrides so that they function correctly. Information is available here |
|