Ajuda em tema

raul_tavares · Mensagem por **raul_tavares** » 11 Out 2007, 08:58

Boa tarde

tenho um tema que é Daydream2 color pack no qual podemos online escolher varias cores de fundo, e o que eu pretendo é o seguinte:
gostaria que nos nomes dos modulos aparecece uma barra de cor como fundo , essa cor era a mesma consoante a cor escolhida , se alguem me poder ajudar :

coloco aqui o ficheiro css

/* Body */
BODY {
margin: 0px 0px 0px 0px;
background-color : #ffffff;
color : #000000;
}

td,tr,p,div {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
}

h4 {
color: #333333; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 16px; font-weight: bold;
}

h5 {
color: #333333; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 14px; font-weight: bold;
}

h6 {
color: #333333; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px; font-weight: bold;
}

/* Links */
a:link, a:visited {
font-size: 11px; color: #333333; text-decoration: none;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

a:hover {
color: #666666; text-decoration: none;
}

/* Horizontal Line */
hr {
background: #666666; height:2px; border: 1px inset;
}

/* --Default Class Settings-- */

a.mainlevel:link, a.mainlevel:visited {
;
background-position: left;
border-left: 8px solid ;
color: ;
font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, serif;
font-weight: bold;
padding: 5px 2px 2px 0.5em;
text-align: left;
text-decoration: none;
width: 95%;
}

a.mainlevel:hover {

color: ;
font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, serif;
font-weight: bold;
padding: 5px 2px 2px 0.5em;
text-decoration: underline;
border-left: 11px solid ;

}

a.sublevel:link, a.sublevel:visited {
background-position: left;
color: ;
font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, serif;
font-weight: bold;
padding: 2px 1px 1px 0.5em;
text-align: left;
text-decoration: none;
width: 90%;
}

a.sublevel:hover {
color: ;
font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, serif;
font-weight: bold;
padding: 2px 1px 1px 0.5em;
text-decoration: underline;
}

table.moduletable {
margin: 0px 0px 0px 0px;
width: 95%;
border-left: solid 0px #000000;
border-right: solid 0px #000000;
border-top: solid 0px #000000;
border-bottom: solid 0px #000000;
}

table.moduletable th {
font-size : 13px;
font-weight : bold;
color : #000000;
text-align : center;
width : 100%;
}

table.moduletable td {
font-size: 10px;
font-weight: normal;
}

/* Content - Sections & Categories */
.contentpane {

}

.contentpaneopen {

}

.contentheading {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #333333;
text-align:left;
}

.contentdescription {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
text-align: left;
}

.pathway {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000000;
}

/* Links */
a.blogsection:link, a.blogsection:visited {
color: #556B2F; text-decoration: none; font-weight: normal;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

a.blogsection:hover {
color: #000000; text-decoration: none;
}

a.pathway:link, a.pathway:visited {
color: #000000; text-decoration: none; font-weight: normal; font-size: 9px;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

a.pathway:hover {
color:#333333;
text-decoration: underline;
}

a.weblinks:link, a.weblinks:visited {
color: #000000; text-decoration: none; font-weight: normal;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

a.weblinks:hover {
color: #666666; text-decoration: none;
}

a.readon:link, a.readon:visited {
color: #666666; text-decoration: none; font-weight: normal;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}

a.readon:hover {
color: #000000;
text-decoration: none;
}

.componentheading {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #333333;
text-align:left;
}

.boxheading {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #000000;
text-align:left;
}

.button {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 11px;
background: ;
color: #000000;
border-style: solid;
border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;
}

.inputbox {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #333333;
background: ;
border: 1px solid;
}

.slogan {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
color: #666666;
}

.searchsite {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
color: #ffffff;
}

/** category text format and links **/
.category {
color: #000000; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px; font-weight: bold; text-decoration: none;
}

a.category:link, a.category:visited {
color: #000000; font-weight: bold;
}

a.category:hover {
color: #666666;
}

.poll {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
line-height: 14px
}

.sectiontableentry1 {
background-color : #ffffff;
}

.sectiontableentry2 {
background-color : #ffffff;
}

.sectiontableheader {
background-color : #ffffff;
color : #333333;
font-weight : bold;
}

.small {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: ;
text-decoration: none;
font-weight: normal;
}

.createdate {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: ;
text-decoration: none;
font-weight: normal;
}

.modifydate {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: ;
text-decoration: none;
font-weight: normal;
}

ul {
margin: 0px 0px 0px 0px;
}

li {
list-style: inside url(images/M_images/arrow.png) 3px;
list-style-image: url(images/M_images/arrow.png);
}

.fase4rdf {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px; color: #000000; font-weight: normal;
}

a.fase4rdf:link {
font-size: 11px; font-weight: normal; color: #556B2F;
}

a.fase4rdf:hover {
font-weight: bold; color: #666666;
}

table.searchintro {
background-color: #ffffff;
}

table.contact {
background-color: #ffffff;
}

table.contact td.icons {
background-color: #ffffff;
}

table.contact td.details {
background-color: #ffffff;
font-size: 10px;
font-weight: bold;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
color: #333333;
}

se alguem me poder ajudar