Kolor tekstu w bocznych panelach w skórce SmartGreen
|
skazany18 |
Dodany dnia 06.12.2008 20:09:53
|
Przedszkolak
Postów: 49 Ostrzeżeń: 2
Data rejestracji: 01.11.2008 19:05
|
Próbuję od rana i nie mogę zmienić koloru tekstu w bocznych panelach :|
styles.css
/*-------------------------\
SmartBlue Theme 1.1
By SoulSmasher
www.soulsmasher.net
\--------------------------*/
a, a.white, li.white a {
color : #244123;
text-decoration : none;
}
a:hover {
color : #244123;
text-decoration : underline;
}
a.side {
color : #244123;
text-decoration : none;
}
a:hover.side {
color : #244123;
text-decoration : underline;
}
body {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
background-image: url(images/bg.jpg);
background-position: top center;
background-repeat: repeat-x;
background-color: #3C653B;
margin: 0px auto;
}
form {
margin : 0px;
}
hr {
height : 1px;
border : 1px solid #eee;
}
hr.side-hr {
height : 1px;
border : 1px solid #fff;
}
td {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
}
pre {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
}
.alt {
color : #000000;
}
img {
border: 0px;
}
#main {width: 900px;}
.main {width: 900px;}
.footermain {
background-image: url(images/footerbg.png);
background-repeat: repeat-x;
height: 48px;
text-align: center;
}
.footerleft {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
padding: 1px 1px 1px 10px;
width: 50%;
text-align: left;
color: #fff;
}
#footer a {
color: #fff;
font-weight: bold;
text-decoration: none;
}
.footerright {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #fff;
border : 0px;
padding : 1px 10px 1px 1px;
height: 48px;
width: 50%;
text-align: right;
}
li.first-link .bullet{
display: none;
}
.button {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #000000;
background-color : #ffffff;
height : 20px;
border : 1px solid #ccc;
margin-top : 2px;
}
.bbcode {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #555;
background-color : #fff;
border : 1px solid #ccc;
margin-top : 2px;
}
.textbox {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #000000;
background-color : #ffffff;
border : 1px solid #ccc;
}
.main-body {
font-size : 10px;
color : #000;
background-color : #fff;
padding : 4px 0px 5px 0px;
}
.setuser_body{
background: #00528e;
color : #555;
}
.main-bg {
color : #555;
background-color : #fff;
padding : 10px 5px 10px 5px;
}
.border {
border : 0px solid #ffffff;
}
.admin-message {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: center;
color: #555;
background-color: #f6f6f6;
border: 1px solid #e1e1e1;
padding: 3px 4px 5px 4px;
margin-bottom: 5px;
}
.side-body {
width: 170px;
text-align: left;
font-size : 10px;
color : #376736;
background-color : #fff;
padding : 4px 4px 4px 7px;
}
.side-border-left {
width: 170px;
color : #000;
background-color : #fff;
padding : 10px 5px 10px 10px;
}
.side-border-right {
width: 170px;
color : #000;
background-color : #fff;
padding : 10px 10px 10px 5px;
}
.news-category {
border: 0;
margin: 3px 5px 0 0;
float: left;
}
.news-footer {
font-size : 10px;
color : #555;
background-color : #ffffff;
background-image: url(images/nf.jpg);
background-repeat: no-repeat;
padding : 3px 4px 4px 4px;
}
.capmain {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : bold;
color : #244123;
background-color : #fff;
background-image: url(images/new.jpg);
background-repeat: no-repeat;
padding : 2px 0px 4px 0px;
}
.capmain-left {
width: 3px;
height: 25px;
background-color: #532900;
background-image: url(images/cap-left.gif);
}
.capmain-right {
width: 3px;
height: 25px;
background-color: #532900;
background-image: url(images/cap-right.gif);
}
.scapmain {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
text-align : left;
font-weight : bold;
color : #244123;
padding-left : 26px;
height: 36px;
background-image: url(images/flameicon.png);
background-repeat: no-repeat;
}
.tbl-border {
color : #000;
background-color : #eeeeee;
}
.center {
margin: 0 auto;
}
.spacer {
margin-bottom: 5px;
}
.tbl {
font-size : 10px;
color : #000;
background-color : #fff;
padding : 4px;
}
.tbl1 {
font-size : 10px;
color : #000;
background-color : #fff;
padding : 4px;
}
.tbl2 {
font-size : 10px;
color : #000;
background-color : #F7FDF7;
padding : 4px;
}
.forum-caption {
font-size : 10px;
font-weight : bold;
color : #000;
background-color : #ffffff;
padding : 2px 4px 4px 4px;
}
.quote {
font-size : 10px;
color : #555;
background-color : #f8f8f8;
padding : 4px;
margin : 0px 20px 0px 20px;
border : 1px solid #000;
}
.poll {
height : 12px;
border : 1px solid #000000;
}
.comment-name {
font-weight : bold;
color : #000;
}
.shoutboxname {
font-weight : bold;
color : #000;
}
.shoutbox {
color : #000;
}
.shoutboxdate {
font-size : 10px;
color : #376736;
}
.small {
font-size : 10px;
font-weight : normal;
}
.small2 {
font-size : 10px;
font-weight : normal;
color : #000000;
}
.side-small {
font-size : 10px;
font-weight : normal;
color : #000000;
background-color : #fff;
}
.side-label {
color : #000;
background-color : #fff;
padding : 2px 2px 3px 2px;
}
.tablebreak { margin-bottom: 8px; }
#navigation ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#navigation h2 {
font-size: 12px;
color: #000;
background-color: #fff;
margin: 0;
padding: 2px;
}
#navigation a {
display: block;
color: #000;
padding: 2px;
text-decoration : none;
}
#navigation a:hover {
color: #187018;
background-color: #ccc;
text-decoration : underline;
}
* html #navigation ul li{
height: 1%;
}
.center, *[align="center"] {margin: 0 auto;}
/* Page Navigation */
.pagenav {
padding: 4px;
}
.pagenav span {
color: #fff;
background-color: #f6a504;
border: 1px solid #ddd;
padding: 2px 4px 2px 4px;
margin: 2px;
}
.pagenav a {
color: #555;
background-color: #f1f1f1;
border: 1px solid #ddd;
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
}
.pagenav a:hover {
color: #187018;
background-color: #f6a504;
margin: 2px;
text-decoration: none;
}
.white-header ul{
margin: 0;
padding: 0;
}
.white-header ul li{ display: inline; }
.white-header ul li.first-link .bullet{ display: none; }
/*alt linkler için*/
#altlinkler{
margin: 0px auto;
text-align: center;
font-size: 9px;
font-weight: bold;
height:29px;
float:left;
background-image:url(images/nav-bg.gif);
background-repeat:repeat-x;
background-position:top left;
width:100%;
}
#altlinkler ul,
#altlinkler li{
padding:0px;
margin:0px;
list-style-type:none;
}
#altlinkler ul{
height:29px;
line-height:29px;
background-image:url(images/nav-bar.gif);
background-position:right;
background-repeat:no-repeat;
float:left;
padding:0px 1px 0px 0px;
margin:0px 0px 0px 10px;
}
#altlinkler li{
height:29px;
line-height:29px;
display:inline;
position:relative;
float:left;
width:100px;
text-align:center;
}
#altlinkler li a{
height:29px;
width:100px;
text-align:center;
float:left;
background-image:url(images/nav-bar.gif);
background-position:left;
background-repeat:no-repeat;
}
#altlinkler li a:link,
#altlinkler li a:visited{
color:#dddddd;
text-decoration:none;
}
#altlinkler li.active a,
#altlinkler li a:hover{
background-image:url(images/active.gif);
background-repeat:no-repeat;
background-position:left;
} Kliknij i zaczekaj na załadowanie kodu ...
Który kod odpowiada za zmianę koloru tekstu w bocznych panelach? |
|
|
|
Wścibski Gość |
Dodany dnia 10.11.2024 20:44:52
|
Pan Kontekstualny
Postów: n^x
Data rejestracji: Zawsze
|
|
IP: localhost |
|
|
Pieka |
Dodany dnia 06.12.2008 20:27:33
|
Postów: 19882 Pomógł: 767
v7.02.03 Data rejestracji: 23.02.2005 18:12
|
W linii color zmieniasz kolor czcionki naglowka:
.scapmain {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
text-align : left;
font-weight : bold;
color : #244123;
padding-left : 26px;
height: 36px;
background-image: url(images/flameicon.png);
background-repeat: no-repeat;
}
Kliknij i zaczekaj na załadowanie kodu ...
W linii color zmieniasz kolor czcionki zawartosci:
.side-body {
width: 170px;
text-align: left;
font-size : 10px;
color : #376736;
background-color : #fff;
padding : 4px 4px 4px 7px;
}
Kliknij i zaczekaj na załadowanie kodu ...
Jestem jaki jestem
|
|
|
|
skazany18 |
Dodany dnia 06.12.2008 20:50:17
|
Przedszkolak
Postów: 49 Ostrzeżeń: 2
Data rejestracji: 01.11.2008 19:05
|
Pozmieniałem:
.side-body {
width: 170px;
text-align: left;
font-size : 10px;
color : #000000;
background-color : #fff;
padding : 4px 4px 4px 7px;
}
Kliknij i zaczekaj na załadowanie kodu ...
.scapmain {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
text-align : left;
font-weight : bold;
color : #000000;
padding-left : 26px;
height: 36px;
background-image: url(images/flameicon.png);
background-repeat: no-repeat;
}
Kliknij i zaczekaj na załadowanie kodu ...
Powinien być czarny tekst w bocznych panelach, a nadal jest zielony..
Edytowane przez skazany18 dnia 06.12.2008 20:52:37
|
|
|
|
Pieka |
Dodany dnia 06.12.2008 20:52:13
|
Postów: 19882 Pomógł: 767
v7.02.03 Data rejestracji: 23.02.2005 18:12
|
To sa Twoje panele, ktore nie maja przypisanych klas. Napisz je poprawnie wzorujac sie na standardowych.
Jestem jaki jestem
|
|
|
|
skazany18 |
Dodany dnia 06.12.2008 20:56:46
|
Przedszkolak
Postów: 49 Ostrzeżeń: 2
Data rejestracji: 01.11.2008 19:05
|
Nie rozumiem Cię,
Miałem zamienić linię color i tak zrobiłem, lecz nic się nie zmieniło.
|
|
|
|
Pieka |
Dodany dnia 06.12.2008 21:00:38
|
Postów: 19882 Pomógł: 767
v7.02.03 Data rejestracji: 23.02.2005 18:12
|
skazany18 napisał/a:
Nie rozumiem Cię,
Miałem zamienić linię color i tak zrobiłem, lecz nic się nie zmieniło.
Podany kod zmienia kolor czcionki TYLKO wtedy gdy jest w kodzie panela uzyta wlasciwa klasa i nie jest to link.
Dla linkow musisz zmienic ponizsza klase:
a.side {
color : #244123;
text-decoration : none;
}
Kliknij i zaczekaj na załadowanie kodu ...
Jestem jaki jestem
|
|
|
|
skazany18 |
Dodany dnia 06.12.2008 21:08:33
|
Przedszkolak
Postów: 49 Ostrzeżeń: 2
Data rejestracji: 01.11.2008 19:05
|
Dzięki, teraz rozumię.
Nie wiem tylko jak przerobić kod:
Załóżmy, że mam:
openside("Serwis");
echo "
Redakcja<br>
Współpraca<br>
Reklama<br>
Linki<br>";
closeside();
Kliknij i zaczekaj na załadowanie kodu ...
i jak go przerobić aby dodać do niego klasę? (pierwszy raz się z tym spotykam)
P.S. Nie ma sposobu, żeby normalnie wstawiać powyższy kod a kolor czcionki był taki jak chcę?
EDIT
Nie trzeba jednak zamieniać kodu w panelach, nagle wszystkie panele zmieniły się na czarny kolor.
Po raz kolejny podziękowania dla Pieki :)
Edytowane przez skazany18 dnia 06.12.2008 21:12:22
|
|
|
|
Pieka |
Dodany dnia 06.12.2008 21:24:04
|
Postów: 19882 Pomógł: 767
v7.02.03 Data rejestracji: 23.02.2005 18:12
|
Zapomniales odswiezyc Czesto panele boczne maja zamiast openside, opentable, a wtedy nie zadziala zmiana. Skoro u Ciebie po odswiezeniu wszystko ladnie sie zmienilo, to znaczy, ze masz wlasciwe na wlasciwym miejscu. Prosze
Jestem jaki jestem
|
|
|