4images Forum & Community

4images Modifications / Modifikationen => Templates & Styles (Requests & Discussions) => Topic started by: surferboy on February 26, 2010, 08:16:49 PM

Title: adding css to default template: vertical lines
Post by: surferboy 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

Title: Re: adding css to default template: vertical lines
Post by: Rembrandt on February 26, 2010, 09:36:55 PM

Hi!

Quote from: surferboy on February 26, 2010, 08:16:49 PM

...
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