2 Replies - 1494 Views - Last Post: 26 March 2009 - 05:32 AM

#1 josh06  Icon User is offline

  • D.I.C Head
  • member icon

Reputation: 14
  • View blog
  • Posts: 139
  • Joined: 27-October 06

my theme

Posted 30 October 2006 - 10:10 AM

Description: this is the css file, in the other code snippets there will be one with the source of my sitethis is the css theme i have used in my site, please study it if you are learning css and not just copy it. i am a beginner as i havent got the best themes, but you wait lol
body
{
background-color: #000000;
scrollbar-base-color: #000000;
scrollbar-arrow-color: blue;
scrollbar-darkshadow-color: orange;
}
div.header
{
position: absolute;
width: 640px; height: 201px;
background-color: white;
}

div.container
{
position: absolute;
width: 640px; height: 70%;
background-color: #777777;
border-style: solid; color: white; 
}

img.head
{
position: absolute;
left: 16%; top: 8%;
}

div.left
{
float: left;
position: absolute;
width: 200px;
height: 50%;
background-color: #99ccff;
border-style: solid; color: red;
border-width: 2px;
}

div.footer
{
position: absolute;
width: 640px; height: 27px;
background-color: white;
text-align: center;
}

div.design
{
position: absolute;
width: 19%; height: 5%;
background-color: green;
}

div.design1
{
position: absolute;
width: 22%; height: 5%;
background-color: green;
}

div.ddesign
{
position: absolute;
width: 19%; height: 5%;
background-color: #99CCFF;
}

div.ddesign1
{
position: absolute;
width: 22%; height: 5%;
background-color: #99CCFF;
left: 78%; top: 8%;
}

div.ddesign2
{
position: absolute;
width: 19%; height: 5%;
background-color: #FF9900;
left: 1px; top: 14%;
}
div.ddesign3
{
position: absolute;
width: 22%; height: 5%;
background-color: #FF9900;
left: 78%; top: 14%;
}

div.design3
{
position: absolute;
left: 1px; top: 20%;
width: 19%; height: 5%;
background-color: red;
}
div.design4
{
position: absolute;
left: 78%; top: 20%;
width: 22%; height: 5%;
background-color: red;
}

a.button
{
position: absolute;
width: 8em;
text-decoration: none;
color: red;
font-family: "Century Gothic";
background-color: #000000;
padding: 0.2em 0.6em;
border-style: solid;
border-color: white;
border-width: 1px;
}

a.button:hover
{
background-color: red;
color: white;
font-family: "Century Gothic";
}
li {display: inline}

p.left
{
background-color: gray;
font-family: "Century Gothic";
color: white;
font-size: 16px;
font-weight: bold;
}
p.incontainerbig
{
font-family: Showcard Gothic;
color: white;
font-size: 26px;
background-color: black;
position: absolute;
}

p.bigcontainer
{
font-family: "Century Gothic";
font-size: 26px;
color: blue;
font-weight: bold;
position: absolute;
text-decoration: underline;
}

p.normalcontainer
{
font-family: Arial;
font-size: 12px;
color: white;
position: absolute;
}


Is This A Good Question/Topic? 0
  • +

Replies To: my theme

#2 joezim007  Icon User is offline

  • D.I.C Head
  • member icon

Reputation: 11
  • View blog
  • Posts: 110
  • Joined: 13-September 08

Re: my theme

Posted 14 September 2008 - 04:57 AM

Very good and readable. I like that you use % for height, width and placement, which makes for a more flexible site, but I think you might have overdone it but I can't tell you for sure unless I see the page this is for. Just get rid of the scroll bar styles, they only work in IE and it isn't supported by the W3C. I also see that the last few items have absolute positioning but no position specified. That doesn't make sense to me. Last but not least, your font is set to Century Gothic, which is a cool font but I believe it is only on Windows computers. You should specify other fonts that would take it's place in case a computer doesn't have it.
Was This Post Helpful? 0
  • +
  • -

#3 josh06  Icon User is offline

  • D.I.C Head
  • member icon

Reputation: 14
  • View blog
  • Posts: 139
  • Joined: 27-October 06

Re: my theme

Posted 26 March 2009 - 05:32 AM

thanks for the comment, man this was ages ago. i cant remember what i made it for. yes, i was naive back then, and put useless code into the css, thanks for the comment though :)
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1