PDA

Zobacz pełną wersję : Zmiana koloru. Mega problem



raposa
27-01-2007, 22:51
Przeszukałem forum ale nie znalazłem niestety jak to wykonać, moge sie mylic...
Tworze stronke, raczej amatorsko, dla zabicia czasu, ale mam problem maly niby ale jak to wykonac nie mam pomyslu...
adres stronki - cbbydg.yoyo.pl (http://cbbydg.yoyo.pl) nic na niej nie ma, ale chce zebyscie wiedzieli co chce zrobic.
Templatka sie nazywa ms_opacity, zmienilem background, wsyzstko pieknie, ale nie wiem jak zmienic kolor menu. znaczy sie mysle sobie ze to bedzie cos w css-ie, ale nie moge znalezc...zaraz zamieszcze caly dokument (duzo tego :/), ale juz probowalem cos takiego jak zmienianie kolorow (WSZYSTKIE zmienialem i NIC sie nie zmienilo, nawet czcionki) takze jestem w desperacji :p

oto to to to:
aha..jak ktos ma jakies rady, to ja bardzo chetnie :)

body {
margin: 0px 0px 0px 0px;
padding: 50px 0px 0px 0px;
font-family: Georgia, "Times New Roman", serif;
font-size: 14px;
color: #000;
background-color: #000;

text-align: center;
/* part 1 of 2 centering hack */
scrollbar-base-color: #000000;

}

body h1{
font-size: 18px;
color: #FFD700;
}

ul
{
margin: 0;
padding: 0;
list-style: none;

}

li
{
line-height: 15px;
padding-left: 15px;
padding-top: 0px;
background-image: url(../images/bullet.png) ;
background-repeat: no-repeat;
background-position: 0px 3px;

}
#content {
background: #000;
position:relative;
background-image: url(../images/paper_bg.jpg);
width: 780px;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: auto;
margin-left: auto;
/* opera does not like 'margin:20px auto' */

text-align:left;
/* part 2 of 2 centering hack */
width: 780px; /* ie5win fudge begins */
voice-family: "\"}\"";
voice-family:inherit;
width: 780px;
font-family: Georgia, "Times New Roman", serif;
font-size : 13px;
height: 570px;

}
html>body #content {
width: 780px; /* ie5win fudge ends */
}

}

td, tr, div {
font-family: Georgia, "Times New Roman", serif;
font-size : 11px;
color : #333333;
font-size : 13px;
letter-spacing: 1.5px;
}




hr {
background : #CCCCCC;
height : 1px;
width : 100%;
}

.boxes {
border: solid;

border-width: 1px;
border-bottom-color: #efefef;
border-top-color: #efefef;
border-left-color: #efefef;
border-right-color: #efefef;
}

.title {
font-family: sans-serif;
font-size: 24px;
font-weight: bold;
color : #7B8DA1;
}

.pathway {
font-family: Georgia, "Times New Roman", serif;
font-size: 13px;
color: #000000;
}

a.pathway:link, a.pathway:visited {
color : #000000;
font-weight : normal;
}

a.pathway:hover {
color : #000000;
font-weight : normal;
text-decoration : underline;
}

/* --Default Class Settings-- */

a.mainlevel:link, a.mainlevel:visited {
color: #333333;
background-position: left;
text-align: left;

font-size : 11px;

letter-spacing: .01em;
}

a.mainlevel:hover {
color: White;
background-position: left;
text-align: left;
}



a.mainmenu:link, a.mainmenu:visited {
color: #333333; font-family: Georgia, "Times New Roman", serif;

}

a.mainmenu:hover, {
color: #7B8DA1; text-decoration: underline;
}



a.sublevel:link, a.sublevel:visited {
color: #333333; font-family: Georgia, "Times New Roman", serif;
font-weight: normal;
font-size : 11px;
}
a.sublevel:hover {
color: White;
font-size : 11px;


}



table.moduletable {
margin: 0px 0px 0px 0px;
width: 150px;
border-left: solid 0px #000000;
border-right: solid 0px #000000;
border-top: solid 0px #000000;
border-bottom: solid 0px #000000;
font-size : 12px;
}

table.moduletable-photo {
margin: 0px 0px 0px 0px;
width: 160px;


font-size : 12px;
}




table.moduletable-news {
margin: 0px 0px 0px 0px;
width: 100%;
border-left: solid 0px #000000;
border-right: solid 0px #000000;
border-top: solid 0px #000000;
border-bottom: solid 0px #000000;
font-size : 12px;
}
table.moduletable-news th {
font-size : 14px;
font-weight : bold;
color : Yellow;
text-align : center;
width : 100%;
}

table.moduletable-news td {

font-family: Georgia, "Times New Roman", serif;

color : #fff;
font-size : 12px;
}
.poll {
font-family: Georgia, "Times New Roman", serif;
font-size : 12px;
color : #666666;
line-height : 14px;
}


.sectiontableheader {

color : #000;
font-weight : bold;
}

.sectiontableentry1 {

}

.sectiontableentry2 {

}


.small {
font-family: Georgia, "Times New Roman", serif;
font-size : 12px;
color : #000;
text-decoration : none;
font-weight : medium;
}

.smalldark {
font-family: Georgia, "Times New Roman", serif;
font-size : 12px;
color : #000000;
text-decoration : none;
font-weight : normal;
}


.contentpane {
letter-spacing: .7px;
word-spacing: 2x;
margin: 25px 30px 20px 30px;
padding-right: 25px;
width: 450px;

}

.contentpaneopen {
width: 450px;
letter-spacing: .7px;
word-spacing: 2px;
margin: 25px 30px 20px 30px;
padding-right: 25px;

}

.contentheading, .componentheading {
font-family: Georgia, "Times New Roman", serif;
font-size : 17px;
font-weight : bold;
color : #000;
text-align : left;
letter-spacing: 2.5px;
word-spacing: 2px;
text-transform: uppercase;
padding-bottom: 20px;
padding-top: 30px;






}

.createdate {
font-family: Georgia, "Times New Roman", serif;
font-size : 13px;
color : #999999;
text-align : left;
}




a:link, a:visited {
font-size : 12px;
color : #000000;
text-decoration : none;
font-family: Georgia, "Times New Roman", serif;
}

a:hover {
color : #000;
text-decoration : underline;
}

/* For content item titles that are hyperlink instead of Read On */
a.contentpagetitle:link, a.contentpagetitle:visited {
font-family: Georgia, "Times New Roman", serif;
font-size: 13px;
font-weight: bold;
color: #000000;
text-align:left;
}

a.contentpagetitle:hover {
font-family: Georgia, "Times New Roman", serif;
font-size: 13px;
font-weight: bold;
text-align:left;
color: #FFD700;
text-decoration: underline;
font-weight: bold;
}

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

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

/* Styles for dhtml tabbed-pages */
.ontab {
background-color: #ffae00;
border-left: outset 2px #ff9900;
border-right: outset 2px #808080;
border-top: outset 2px #ff9900;
border-bottom: solid 1px #d5d5d5;
text-align: center;
cursor: hand;
font-weight: bold;
color: #FFFFFF;
}
.offtab {
background-color : #e5e5e5;
border-left: outset 2px #E0E0E0;
border-right: outset 2px #E0E0E0;
border-top: outset 2px #E0E0E0;
border-bottom: solid 1px #d5d5d5;
text-align: center;
cursor: hand;
font-weight: normal;
}
.tabpadding {
}

.tabheading {
background-color: #ffae00;
text-align: left;
}

.pagetext {
visibility: hidden;
display: none;
position: relative;
top: 0;
}

/* for modifying {moscode} output. Don't set the colour! */
.moscode {
background-color: #f0f0f0;
}

/* Text passed with mosmsg url parameter */
.message {
font-family: Georgia, "Times New Roman", serif;
font-weight: bold;
font-size : 10pt;
color : #ff6600;
text-align: center;


}

raposa
27-01-2007, 22:52
sory nie zmiescilo sie cale <sciana>, tutaj ciag dalszy

/* John's black voodoo CSS trickery supa kung foo grip */
#container
{
border: solid;
border-width: 1px;
border-color: #efefef;
background-color: White;
clear: both;
}

#jbl_magic_leftmenu{
position: absolute;
height: 385px;

top: 130px;
left: 36px;
background-color: #C17E43;
z-index: 13;
/*clear: both;*/
/*text-indent: 10px;*/
/*margin-left: 10px;*/
-moz-opacity : 0.85;
filter : Alpha(opacity=85, finishopacity=85, style=1);
/*overflow: auto;*/
overflow-x: hidden;
/*padding: 3px 5px 3px 2px;*/
width: 160px;

}

#jbl_magic_maincontent{
position: absolute;
width: 540px;
height: 385px;
top: 130px;
left: 196px;
background-color: #fff;
z-index: 12;
clear: both;
text-indent: 20px;
/*margin-left: 10px;*/
-moz-opacity : 0.85;
filter : Alpha(opacity=85, finishopacity=85, style=1);
overflow: auto;
overflow-x: hidden;
/*padding: 3px 5px 3px 2px;*/


}
#jbl_magic_leftcol{
position: absolute;
width: 300px;
height: 390px;
top: 130px;
left: 5px;
z-index: 13;

text-indent: 2px;
margin-left: 10px;


font-family: Georgia, "Times New Roman", serif;

font-size : 13pt;
color : #ffffff;
text-align: left;


}

#left_menu_space{
padding: 3px 0px 0px 10px;
}

#left_menu_photo{

padding: 0px 0px 0px 0px;

}
#content_space{
padding: 3px 0px 0px 10px;
}
#searcharea{
position: absolute;
width: 240px;
height: 20px;
top: 50px;
left: 520px;
z-index: 50;
text-indent: 2px;
margin-left: 10px;
font-family: Georgia, "Times New Roman", serif;
font-size : 13pt;
color : #000;
text-align: left;


}


.button {

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

font-size : 12px;
color : #fff;
background-color : #333;
border : 1px solid Silver;

padding: 0px 0px 2px 0px;
height: 18px;

}

.inputbox {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

font-size : 12px;
color : #000000;
background-color : #FFFAFA;
border : 1px solid Silver;

padding: 0px 0px 2px 0px;



}
#rightfront{
position: absolute;
width: 250px;
height: 225px;
top: 290px;
left: 520px;
z-index: 13;

text-indent: 2px;
margin-left: 10px;

color: White;
font-family: Georgia, "Times New Roman", serif;
font-size : 13px;
text-align: left;

}
.buttonheading{
padding-right: 20px;
}

#home_link{
position: absolute;
width: 240px;
height: 20px;
top: 543px;
left: 13px;
z-index: 50;
text-indent: 2px;
margin-left: 10px;
font-family: Georgia, "Times New Roman", serif;
font-size : 10pt;
color : #fff;
text-align: left;

}
#home_link a{
color:#fff;
}
img { margin: 0; border: 0 none;}

#submenu2{
color:white;
}
#submenu2 a{
color:white;
}

Viking
28-01-2007, 08:55
a.mainlevel jest odpowiedzialne za stylizowanie odsyłaczy menu

atryda4
18-05-2007, 14:21
też nie mam pojecia jak to zrobić.zawiesiłem sie na tym jak zmienić kolor menu na czerwony. w pisywałem w a.mainlevel color+ red ale nic z tego...bedę wdzięczny za każdą pomoc.

Viking
18-05-2007, 14:33
http://www.google.com/search?ie=UTF-8&oe=utf-8&q=css+kurs i
artykuły na www.pomoc.joomla.pl