Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Jul 2007
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question CSS help PLEASE!!!

    Ok I am building a site on ClanSiteManager.com wich has a easy edit mode for simple layout changes. But my problem is when I choose my link color it makes it universal and causes some links to be VERY hard to read. So I would like to go into the advanced editor (wich they offer) and change link colors in certain areas by hand. However this is proving to be very difficult sense they do not list the link colors in each area. So what I am hoping to do is change the Footer link color to white and the login in areas link color to white as well. So I have posted the entire srcipt shown in the advanced edit mode in hopes that someone could tell me how to change those colors.

    Thank You for any help: J. Ivory

    Code:
    
    /*<agl.folder "Top">*/
    	#banner-ad { display: none; }
    	#page-header-custom { color: #CCCCCC; background-color: transparent; background-image: url(http://atflive.csmsites.com/user/789...ebacking.jpg); background-repeat: repeat; text-align: center; position: static; width: 100%; height: 137px; margin: 0; }
    	#login-area-custom-outer { display: block; position: relative; z-index: 900; height: 20px; }
    	#login-area-custom { background-image: none; position: absolute; top: 0px; left: 0; width: auto; height: 20px; z-index: 900; margin: 0; padding: 0 80px 0 20px;  }
    	#page-header { color: #CCCCCC; background-color: transparent; background-image: url(http://atflive.csmsites.com/user/789...ebacking.jpg); background-repeat: repeat; text-align: center; position: static; width: 100%; height: 137px; margin: 0; }
    	#page-header h1 { font-size: 41px; font-family: lucida sans; text-align: center; position: absolute; top: 32px; left: 17px; display: none; width: auto; z-index: 40; margin: 0; }
    	#header-graphic1 { position: absolute; top: 0; left: 0; width: 100%; height: 137px; z-index: 5; overflow: hidden; display: none;}
    	#header-graphic2 { position: absolute; z-index: 5; top: 0; right: 0; width: 100%; height: 137px; overflow: hidden; display: none; }
    	#header-graphic1 span { background-image: url(none); background-repeat: no-repeat; background-position: left top; position: absolute; top: 0; left: 0; width: 200; height: 155; z-index: 5; }
    	#header-graphic2 span { background-image: url(none); background-repeat: no-repeat; background-position: right top; position: absolute; z-index: 5; top: 0; right: 0; width: 195; height: 200; }
    	#login-area { background-image: none; position: absolute; top: 105px; left: 0; width: auto; height: 20px; z-index: 900; margin: 0; padding: 0 20px 0 20px; }
    	.login-text td { color: #FFFFFF; background-color: transparent; }
    	.login-text td a { color: #FFFFFF; }
    	.login-text td a:hover { color: #FFFF66; }
    /*</agl.folder>*/
    /*<agl.folder "Global">*/
    	a { color: #003399; }
    	a:hover { color: #003399; }
    	td, th { font-size: 12pt; font-family: times new roman; }
    	p { }
    	body { color: #FFFFFF; font-size: 12pt; font-family: times new roman; background-color: #000033; background-image: url(http://atflive.csmsites.com/user/789...dblue068.gif); text-align: center; width: 100%; height: 100%; padding: 30px 0 10px; }
    	#master-table-container {  }
    	#master-table { width: 100%; margin: 0; padding: 0; }
    /**/	#container { background-color: transparent; background-image: url(none); vertical-align: top; position: relative; width: 73%; margin: 0 auto; border: solid 0 #fff; }
    /*</agl.folder>*/
    /*<agl.folder "Sides">*/
    /**/	.side-nav-table { width: 100%; padding: 2px; }
    /**/	.side-nav-box td.header { color: transparent; font-size: 12pt; font-family: times new roman; font-weight: bold; font-variant: normal; line-height: 27px; background-color: transparent; background-image: url(http://atflive.csmsites.com/user/789...dblue068.gif); background-repeat: repeat; text-transform: capitalize; text-align: center; letter-spacing: 2px; bottom: 0; padding: 0 2px 0; }
    	.side-nav-box tr.header-row td { background-color: transparent; }
    /**/	.side-nav-box td.content li a { display: block; padding: 5px 5px 5px 0.5em; border-left: 1px solid transparent; border-right: 1px solid transparent; border-top: 1px solid transparent; border-bottom: 1px solid transparent; background-color: transparent; color: #FFFFFF; text-decoration: none; width: 100%; }
    	.side-nav-box td.content { text-align: left; padding-top: 3px; padding-left: 0; color: transparent; background-color: transparent; background-image: url(none); }
    	.side-nav-box td.content td.content { color: transparent; background-color: transparent; background-image: none; }
    	html>body .side-nav-box td.content li a { width: auto; }
    	.side-nav-box td.content li a:hover { border-left: 1px solid transparent; border-right: 1px solid transparent; border-top: 1px solid transparent; border-bottom: 1px solid transparent; background-color: transparent; color: #FFFFFF; }
    	.side-nav-box { padding: 0 0 1em; margin-bottom: 1em; font-family: times new roman; color: #333; }
    	.side-nav-box li { border-bottom: 1px solid black; margin: 0; }
    	.side-nav-box ul { list-style: none outside; margin: 0; padding: 0; border: none; }
    /**/	#nav-cell { width: 1%; padding: 10px 0; background-color: transparent; }
    /**/	#ads-cell { width: 1%; padding: 10px 0; background-color: transparent; }
    	#nav-links { height:auto; margin: 0; display: inline; }
    	#ads-apps { width:auto; height:auto; margin: 0; display: inline; }
    	.nav-spacer {width: 100px; height: 1px; margin: 0; padding: 0; overflow: hidden;}
    /*</agl.folder>*/
    /*<agl.folder "Content">*/
    	.content-table { width: 100%; border:0px solid transparent; color: #000000; background-color: transparent; }
    	.content-innertable {  }
    	.content-cell-inner { color: #000000; }
    	#content-cell-inner { color: #000000; }
    	#content-cell { padding: 10px;}
    	#content-container { margin: 20px 0 0; padding-right: 10px; padding-left: 10px; }
    	#content-section {  }
    	input, textbox, select, textarea {  }
    	td.tableheader { text-align: left; height: 24px; }
    	td.cell {  }
    	#content-cell td.header-cell { font-weight: bold; color: #FFFFFF; background-color: transparent; background-image: url(http://atflive.csmsites.com/user/789...leHeader.gif);  }
    	#content-cell td.header-cell h3 { font-size: 16pt; line-height: 100%; margin: 0; }
    	td.header { color: #ffffff; text-align: left; background-color: #09122f; padding: 3px 5px; }
    /*</agl.folder>*/
    /*<agl.folder "Bottom">*/
    	#page-footer-custom { color: #000000; font-size: 12pt; font-family: times new roman; font-weight: bold; background-color: #1F1F33; background-image: url(http://atflive.csmsites.com/user/789...dblue068.gif); background-repeat: repeat; background-position: right bottom; text-align: center; position: relative; width: 100%; height: 47px; clear: both; margin: 0 0 0; }
    	#page-footer { color: #FFFFFF; font-size: 12pt; font-family: times new roman; font-weight: bold; background-color: #1F1F33; background-image: url(http://atflive.csmsites.com/user/789...dblue068.gif); background-repeat: repeat; background-position: right bottom; text-align: center; position: relative; width: 100%; height: 47px; clear: both; margin: 0 0 0; }
    	#page-footer h5 { font-size: 12pt; text-align: center; position: absolute; top: 30px; left: 0; width: 100%; height: 47px; margin: 0; }
    	#page-bottom { margin-top: 50px; }
    /*</agl.folder>*/
    /*<agl.folder "Elements">*/
    	.element-container { background-color: transparent; width: 100%; border-width: 0; }
    	.element-container table {width:100%;}
    	.element-header { font-weight: bold; color: #FFFFFF; background-color: transparent; background-image: url(http://atflive.csmsites.com/user/789...leHeader.gif); }
    	.element-header-inner { font-weight: bold; color: #FFFFFF; }
    	.element-header a { color: #FFFFFF; }
    	.element-header-inner a { color: #FFFFFF; }
    	.element-row1-inner { color: #000000; }
    	.element-row2-inner { color: #000000; }
    	.element-row1 { color: #000000; background-color: #CCCCCC; }
    	.element-row2 { color: #000000; background-color: #CCCCCC; }
    	#container .element-header { font-weight: bold; color: #FFFFFF; background-color: transparent; background-image: url(http://atflive.csmsites.com/user/789...leHeader.gif); }
    	#container .element-header-inner { font-weight: bold; color: #FFFFFF; }
    	#container .element-header a { color: #FFFFFF; }
    	#container .element-header-inner a { color: #FFFFFF; }
    	#container .element-row1-inner { color: #000000; }
    	#container .element-row2-inner { color: #000000; }
    	#container .element-row1 { color: #000000; background-color: #CCCCCC; }
    	#container .element-row2 { color: #000000; background-color: #CCCCCC; }
    /*</agl.folder>*/
    Last edited by rmedek; 07-22-2007 at 02:16 AM.

  • #2
    Senior Coder twodayslate's Avatar
    Join Date
    Mar 2007
    Location
    VA
    Posts
    1,042
    Thanks
    67
    Thanked 39 Times in 39 Posts
    Code:
    #page-footer-custom a { color: #000; }

    That will just change your link color in the footer.
    twitter | Quality Hosting - $5.95/mo*
    Feel free to PM me!

  • #3
    New to the CF scene
    Join Date
    Jul 2007
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Ok I tried putting that in a few different places to avail. could you just copy the that I need to change or the one I need to insert it under?

    Thanx Agian


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •