Help - Search - Members - Calendar
Full Version: How Do I Setup/upload A Code For Template I Have?
Zymic Webmaster Forums > Web Design & Development > General Web Design Discussion
stormbreaker
k i have a code for a template i have and i want to set it up, how i do it??

here is the code and tell me please if it will even work for this site hoster!!! thank you!


/* COPYRIGHT 2006 CLANTEMPLATES.COM - OPSERTY */
html, body {
background-color:#3c3c3c;
margin:0;
padding:0;
font-family:"Trebuchet MS", Arial, Verdana, Tahoma, Helvetica, sans-serif;
font-size:11px;
color:#636363;
}
h1 {
font-size:11px;
}
.clear {
clear:both;
}
input {
background-image:url(images/input.gif);
width:174px;
height:20px;
border:none 0;
padding:7px 0 0 10px;
margin:auto;
font-weight:bold;
font-size:11px;
}
#wrap {
background: #3c3c3c url(images/bg_repeat.gif) repeat-y;
margin:0 auto;
padding:0;
width:996px;
}
#innerwrap {
width:900px;
padding:0;
margin:0 auto;
}
#header {
height:177px;
width:900px;
background-image:url(images/header.gif);
}
#header #login {
float:right;
text-align:right;
width:114px;
margin-right:7px;
margin-top:42px;
}
* html #header #login {
margin-right:2px;
margin-top:40px;

}
#header input {
background-image:url(images/head_input_bg.gif);
width:104px; height:16px;
border:none 0;
padding:5px 0 0 10px;
margin-top:6px;
font-size:11px; font-weight:normal;
}
#header .login-button {
width:73px;
height:24px;
padding:0;
}
#header #nav {float:left;margin-top:14px; }
#nav img{margin-right:20px;}
.tiny {font-size:1px; color:#313131;}
img a, img a:link, img a:visited {border:none 0;
}
#left, #right, #middle {
width:226px;
float:left;
margin-right:1px;
}
#right {
margin-right:0;
}
#middle {
width:446px;
}
#middle h1 {
background-image:url(images/middle_h1.gif);
width:436px;
height:18px;
padding:1px 0 0 10px;
color:#e3e3e3;
margin:0 auto 5px auto;
}
#footer {
height:17px;
clear:both;
background-image:url(images/footer.gif);
width:900px;
text-align:center;
padding-top:4px;
color:#FFF;
}
#footer a, #footer a:link, #footer a:hover, #footer a:visited {
color:#fff;
}
#footer a:hover {
text-decoration:none;
}

#middle p, #left p, #right p {
margin-left:10px;
margin-right:10px;
}
#left ul, #right ul {
list-style:none;
margin: 0;
margin-bottom:5px;
padding:0;
}
#left li, #right li {
list-style:none;
width:216px;
background-color:#313131;
/*height:16px;*/
margin:0 auto;
padding:2px 0 0 10px;
color:#7f7f7f;

}
li.odd {

background:#F6F6F6 url(images/list_bg.gif) no-repeat center top;
}
li.sponsor {
background-image:url(images/sponsor_bg.gif);
width:226px;
height:68px;
text-align:center;
margin:0;
display:block;
padding:5px 0 0 0;
}

.search {
width:113px;
height:28px;
margin:0;
padding:0;
}
.roster {
text-align:center;
}
img { margin:0; padding:0;}

a, a:visited, a:link {
color:#636363;
}
a:hover {
text-decoration:none;
}


SwintellSoft
first of all make a folder in your file manager and name it images then go to creat new file in your file manager and name it index.html and another page will pop up Copy And Paste that code into it and hit save now if the file came with a CSS file upload it to ur site as well , swintell
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2010 Invision Power Services, Inc.