View Full Version : Easy one....Please help


Neontrail
05-25-2005, 05:29 PM
Ok.. I have a site with "css" if I want to edit my look of the site, Can I copy and paste the current file into my HTML editor Kit, edit it to the way I like and save?("new" edited file)...Upload to my file manager?

Will I see it ( the new changes) on my site right away??

If i don't Like can a just go back to the orginal "css" file i saved, and upload?

Is there a way to view my new edits before "uploading" into my file manager?


Thank you for your time! :rolleyes:

kittycat
05-25-2005, 10:12 PM
Yes to all of your questions.
If you don't see the changes right away, you may have to force the browser to fully reload the page (ctrl+F5). You will be able to check your changes offline as well, just open up the HTML file on your computer.

Neontrail
05-25-2005, 11:02 PM
OK so i edit my template_css.css file....save it ..........and name it the same thing??

If i want a new backround color for the whole page i would just change the
background-color : #FFFFFF ; to my desire?
This is what im looking at:

/* Body */

BODY {

margin: 0px 0px 0px 0px;

background-color : #FFFFFF ;

color : #383438;

}



.td, tr, p, div {

font-family: Arial, Helvetica, Trebuchet MS, Verdana, sans-serif;

font-size: 11px;

color: #333333;

}



.h4 {

color: #40AC50;

font-family: Arial, Helvetica, Trebuchet MS, Verdana, sans-serif;

font-size: 16px;

font-weight: bold;

}



.h5 {

color: #40AC50;

font-family: Arial, Helvetica, Trebuchet MS, Verdana, sans-serif;

font-size: 14px;

font-weight: bold;

}



.h6 {

color: #40AC50;

font-family: Arial, Helvetica, Trebuchet MS, Verdana, sans-serif;

font-size: 12px;

font-weight: bold;

}



.title {

color: #40AC50;

font-family: Times New Roman, Verdana, Arial, Helvetica, Trebuchet MS, sans-serif;

font-size: 24px;

font-weight: normal;

}



.slogan {

color: #40AC50;

font-family: Arial, Helvetica, Trebuchet MS, Verdana, sans-serif;

font-size: 12px;

font-weight: normal;

}



.livesite {

color: #ffffff;

font-family: Arial, Helvetica, Trebuchet MS, Verdana, sans-serif;

font-size: 11px;

font-weight: normal;

}



.newsflash {

color: #383438;

font-family: Arial, Helvetica, Trebuchet MS, Verdana, sans-serif;

font-size: 12px;

font-weight: normal;

}



.date {

color: #686868;

font-family: Arial, Helvetica, Trebuchet MS, Verdana, sans-serif;

font-size: 11px;

font-weight: normal;

}



.navhomfav {

color: #000000;

font-family: Arial, Helvetica, Trebuchet MS, Verdana, sans-serif;

font-size: 11px;

font-weight: normal;

}



.pathway {

color: #383438;

font-family: Arial, Helvetica, Trebuchet MS, Verdana, sans-serif;

font-size: 11px;

font-weight: normal;

}



.newsarticle {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 11px;

color: #333333;

text-align: left }



.totop {

color: #383438;

font-family: Arial, Helvetica, Trebuchet MS, Verdana, sans-serif;

font-size: 11px;

font-weight: normal;

}



/* Links */

a:link, a:visited {

font-size: 11px; color: #5084A0; text-decoration: none;

font-family: Arial, Helvetica, Trebuchet MS, Verdana, sans-serif;

}



a:hover {

color: #00C800; text-decoration: none;

}



/* Horizontal Line */

hr {

background: #ffffff; height:1px; border: 0px inset;

}



/* --Default Class Settings-- */



a.mainmenu:link, a.mainmenu:visited {

color: #808080;

font-size: 11px;

font-family: Arial, Verdana, Trebuchet MS, Helvetica, sans-serif;

font-weight: normal;

}



a.mainmenu:hover {

color: #40AC50; text-decoration: underline;

}



a.mainmenu:active {

color: #808080;

font-weight: bold;

}

a.mainlevel:link, a.mainlevel:visited {

color: #808080;

font-size: 11px;

font-family: Arial, Verdana, Trebuchet MS, Helvetica, sans-serif;

font-weight: normal;

}



a.mainlevel:hover {

color: #40AC50; text-decoration: underline;

}



a.mainlevel:active {

color: #808080;

font-weight: bold;

}



a.sublevel:link, a.sublevel:visited {

color: #808080;

font-size: 11px;

font-family: Arial, Verdana, Trebuchet MS, Helvetica, sans-serif;

font-weight: normal;

}



a.sublevel:hover {

color: #40AC50; text-decoration: underline;

}



a.sublevel:active {

color: #808080;

font-weight: bold;

}





/* Content - Sections & Categories */

.contentpane {

background-color : #FFFFFF;

}



.contentpaneopen {

border : 0px ridge #DCDCDC;

}



.contentheading {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 13px;

font-weight: bold;

color: #333333 }



.moduleheading {

font-family: Arial, Helvetica, Trebuchet MS, Verdana, sans-serif;

font-size: 11px;

font-weight: bold;

color: #383438;

text-align:left;

}





.contentdescription {

font-family: Arial, Helvetica, Trebuchet MS, Verdana, sans-serif;

font-size: 11px;

color: #808080;

text-align: left;

}



/* Links */

a.blogsection:link, a.blogsection:visited {

color: #40AC50;

text-decoration: none;

font-weight: normal;

font-family: Arial, Helvetica, Trebuchet MS, Verdana, sans-serif;

}



a.blogsection:hover {

color: #999999;

text-decoration: underline;

}



a.weblinks:link, a.weblinks:visited {

color: #40AC50;

font-size: 11px;

text-decoration: none;

font-weight: normal;

font-family: Arial, Helvetica, Trebuchet MS, Verdana, sans-serif;

}



a.weblinks:hover {

color: #999999; text-decoration: underline;

}



a.readon:link, a.readon:visited {

color: #40AC50;

text-decoration: none;

font-weight: normal;

font-family: Arial, Helvetica, Trebuchet MS, Verdana, sans-serif;

font-size: 11px;

}



a.readon:hover {

color: #40AC50; text-decoration: underline;

}



.moduletable {

color: #383438;

font-family: Arial, Helvetica, sans-serif, Verdana,Trebuchet MS;

font-size: 11px;

text-align : left;

font-weight: bold; }



table.moduletable th {

font-family: Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;

font-size: 12px;

font-weight: bold;

text-align: left;

height : 12px;

line-height : 12px;

text-align : left;

white-space: nowrap;

width : 100%;

color: #383438;

background-color: #ffffff;

}



table.moduletable td {

font-family: Arial, Helvetica, Trebuchet MS, Verdana, sans-serif;

font-size: 11px;

font-weight: normal;

}



table.moduletable {

margin: 0px 0px 0px 0px;

width: 100%;

border-left: solid 0px #383438;

border-right: solid 0px #383438;

border-top: solid 0px #383438;

border-bottom: solid 0px #383438;

}



.componentheading {

font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;

font-size: 13px;

font-weight: bold;

color: #333333;

text-align:left;

}



.button {

font-family: Arial, Helvetica, Trebuchet MS, Verdana, sans-serif;

font-style: normal;

font-weight: bold;

font-size: 11px;

color: #303030;

background: #F1EFFB;

border-style: solid;

border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;

}



.inputbox {

font-family: Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;

font-size: 11px;

font-weight: normal;

color: #303030;

background: #F1EFFB;

border: 1px solid;

}



/** category text format and links **/

.category {

color: #999999; font-family: Arial, Verdana, Trebuchet MS, Helvetica, sans-serif;

font-size: 11px; font-weight: bold; text-decoration: none;

}



a.category:link, a.category:visited {

color: #999999; font-weight: bold;

}



a.category:hover {

color: #40AC50;

}



.poll {

font-family: Arial, Helvetica, Trebuchet MS, Verdana, sans-serif;

font-size: 10px;

color: #666666;

line-height: 14px

}



.sectiontableentry1, .contentpane {

background-color : #FFFFFF;

}



.sectiontableentry2 {

background-color : #EBEBEB;

}



.sectiontableheader {

background-color : #383438;

font-family: Arial, Helvetica, Trebuchet MS, Verdana, sans-serif;

font-size: 11px;

color : #F1EFFB;

font-weight : bold;

}



.small {

font-family: Arial, Helvetica, Trebuchet MS, Verdana, sans-serif;

font-size: 11px;

color: #000000;

text-decoration: none;

font-weight: normal;

}



.createdate {

font-family: Arial, Helvetica, Trebuchet MS, Verdana, sans-serif;

font-size: 11px;

color: #40AC50;

text-decoration: none;

font-weight: normal;

}



.modifydate {

font-family: Arial, Helvetica, Trebuchet MS, Verdana, sans-serif;

font-size: 10px;

color: #808080;

text-decoration: none;

font-weight: normal;

}



ul {

margin: 0px 0px 0px 0px;

}



li {

list-style-image: url('../images/arrow.gif');list-style-position:inside

}



.fase4rdf {

font-family: Arial, Helvetica, Trebuchet MS, Verdana, sans-serif;

font-size: 11px; color: #383438; font-weight: normal;

}



a.fase4rdf:link {

font-size: 11px; font-weight: normal; color: #FF6800;

}



a.fase4rdf:hover {

font-weight: bold; color: #808080;

}



table.searchintro {

background-color: #FFFFFF;

border: solid 1px #777777;

}



table.contact {

background-color: #FFFFFF;

}



table.contact td.icons {

background-color: #ffffff;

}



table.contact td.details {

background-color: #ffffff;

font-size: 12px;

font-weight: normal;

font-family: Arial, Helvetica, Trebuchet MS, Verdana, sans-serif;

}

kittycat
05-26-2005, 02:32 AM
Yes and yes again ;)