Scribd
Upload
36 views

For Your Css Box

The document provides CSS code to style a page with three columns. Custom modules are to be added to the top of each column with unique styling for background color and borders. The CSS defines styles for text, links, headings, and positions three columns on the page with unique left positions for each. Code blocks are given to insert custom modules into each column with distinct styling.

Uploaded by

uberly-jessie
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
36 views

For Your Css Box

The document provides CSS code to style a page with three columns. Custom modules are to be added to the top of each column with unique styling for background color and borders. The CSS defines styles for text, links, headings, and positions three columns on the page with unique left positions for each. Code blocks are given to insert custom modules into each column with distinct styling.

Uploaded by

uberly-jessie
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
You are on page 1/ 3

For your css box. Put 3 custom module’s at the top of each colum.

<style>

body {background-image:
url(http://i2.photobucket.com/albums/y34/Yeldizlar/bat.png);
background-repeat: no-repeat; background-color: #222222;
overflow-y: auto;
}

#header,#profileTitle{display:none}

body, p, td, font {color:#ffffff; font-family:arial;font-size:11px;}

a:link, a:visited, a:active {


color: #3B5323 ;
text-decoration: none;
text-transform: lowercase;
}
a:hover {
color:#458B00;
text-decoration: none;
text-transform: lowercase;}

b{
font-family: Arial;
letter-spacing: 1px;
font-size: 9px;
color: #7A378B; }

u{
font-family: Arial
font-size:9px;
color: #8B1A1A; }

i{
font-family: Arial
font-size:9px;
color: #5F9EA0; }

big {
font-family:georgia; font-size:22; letter-spacing: -2px; color:#E38217; text-transform:
lowercase; font-weight: normal; }

hr {
background-color: transparent;
border-top: 1px dotted#707070;
border-bottom: none;
height: 1px; width: 95%;
}

h1 {
margin-top:0px;
padding-right:10px;
font-size: 15px;
color: #000;
letter-spacing: 1px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 0px;
text-align: center;}

#containcols{position:absolute;left:0px;top:0px}

.moduleContent,.moduleHeader {border: 0px;background: transparent;}


.moduleContent{width: 100%;}
.moduleHeader{display:none}

#linkBack{display: none}
#linkBack:hover{display: none}

#col1 {
position: absolute;
top: 40px;
left: 100px;
width: 200px;
text-align: center;}

#col2 { position: absolute;


top: 40px;
left: 350px;
width: 200px;
text-align: center;
}

#col3 { position: absolute;


top: 40px;
left: 600px;
width: 200px;
text-align: center;
}

</style>

For Colum 1

<p><div id=about me style="padding:0px; border: 1px solid #2F4F4F; background-


color: #2F4F4F;" align="center"><font face="courier new" size="1"
color="#8B7B8B"> Top 1.</font ></div><br><br>

For colum 2

<p><div id=about me style="padding:0px; border: 1px solid #694489; background-


color: #694489;" align="center"><font face="courier new" size="1"
color="#8B7B8B"> Top 2.</font ></div><br><br>

For colum 3

<p><div id=about me style="padding:0px; border: 1px solid #7F9A65; background-


color: #7F9A65;" align="center"><font face="courier new" size="1"
color="#8B7B8B"> Top 3.</font ></div><br><br>

You might also like