Author Topic: adding css to default template: vertical lines  (Read 4670 times)

0 Members and 1 Guest are viewing this topic.

Offline surferboy

  • Full Member
  • ***
  • Posts: 142
    • View Profile
adding css to default template: vertical lines
« on: February 26, 2010, 08:16:49 PM »
A note to the moderators: if this is outside the purview of this forum, please delete this topic.

Hi -

I like the default template and have made some modifications to the size and color through the templates and the css stylesheet.

Can anyone offer some suggestions as to how to add two different colored and different width vertical external borders (lines) to the template?

In other words, it would look graphically something like this:

outer left border 60px; one color -> inner left border 15 px; another color ->template -> inner right border 15 px; same another color -> outer right border 60px; same one color

Thanks,

Brian

Rembrandt

  • Guest
Re: adding css to default template: vertical lines
« Reply #1 on: February 26, 2010, 09:36:55 PM »
Hi!

...
how to add two different colored and different width vertical external borders (lines) to the template?...

something like this?

Code: [Select]
<div style="float:left; width: 1px; height: 100px; background-color: red"></div>
  <div style="float:left; width: 10px; height: 1px;"></div>
<div style=" float:left; width: 2px; height: 150px; background-color: green"></div>
  <div style="float:left; width: 10px; height: 1px;"></div>
<div style="float:left; width: 1px; height: 200px; background-color: blue"></div>
  <div style="float:left; width: 10px; height: 1px;"></div>
<div style="float:left; width: 3px; height: 250px; background-color: orange"></div>
  <div style="float:left; width: 10px; height: 1px;"></div>
<div style="float:left; width: 1px; height: 300px; background-color: yellow"></div>
<br style="clear:both;">
 

mfg Andi