InsaneJournal HowTo - Creating a border around your entries. [entries|archive|friends|userinfo]
InsaneJournal Tutorials

[ website | Tutorials ]
[ userinfo | insanejournal userinfo ]
[ archive | journal archive ]

Creating a border around your entries. [Jun. 3rd, 2004|09:04 pm]
Previous Entry Add to Memories Tell a Friend Next Entry
howto
[ex_empyreal791]
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
LinkReply