Zmiana koloru niektórych odnośników w menu

[jacopp]

Witam
Mam problem z wykonaniem zmiany koloru w odnośnikach w menu, chce aby jeden z nich był wyróżniony np na czerwono
Korzystam z templatki http://www.joomla24.com/remository/Download/Templates_for_Joomla_1.5/General_Joomla_1.5_Templates/Theme_125.html

Próba modyfikacji przez przyrostek css nie udana
Sekcja menu opisana jest w arkuszu stylów następująco

/*________________________________________MAINMENU_ ____________________________________*/
.module_menu {margin:0px 0px 10px 0px;}
.module_menu div {}
.module_menu div div {}
.module_menu div div div{}
.module_menu h3 {color:#fff; font-size:14px; font-weight:bold; padding:12px 0px 10px 30px; background:url(../images/box_h3.gif) no-repeat 0 0}
.module_menu ul {padding:3px 0px 15px 0px;}
.module_menu li {padding:2px 0px 2px 0px; background:url(../images/li_bg.gif) repeat-x 0 bottom }
.module_menu li a {color:#555; font-size:12px; font-weight:normal; text-decoration:none; line-height:16px; padding:1px 0px 2px 0px; background:url(../images/menu_bullet.gif) no-repeat 0px 8px; display:block}
.module_menu li a em {font-style:normal}
.module_menu li a:hover {color:#555; text-decoration:none}
.module_menu li a:visited {color:#555}
.module_menu-red li a {color:#F00; font-size:12px; font-weight:normal; text-decoration:none; line-height:16px; padding:1px 0px 2px 0px; background:url(../images/menu_bullet.gif) no-repeat 0px 8px; display:block}

Czy ktoś może mi pomóc jak wykonać taką modyfikację ?

[DaReK_tHe_CrOw]

też jestem ciekaw odpowiedzi, ponieważ sam z chęcią bym skorzystał z tego rozwiązania.

[Bazyl]

Każda pozycja menu ma własną klasę: itemXXX, więc...

[jacopp]

bazyl

Każda pozycja menu ma własną klasę: itemXXX, więc...


no ok mają, akurat ta pozycja ma u mnie item4
ale co dalej ? proszę o jasne odpowiedzi

[Bazyl]

Musisz zmienić kolor odnośnika dla .itemXXX.
Wygóglaj sobie, sobie utrwalisz...
:)

[jacopp]

google za wiele i jasno o tym nie pisze

może więc rozwine swoje próby
dodałem w pliku stylów takie linijki

.module_menured li a em {font-style:normal}
.module_menured li a:hover {color:#F00; text-decoration:none}
.module_menured li a:visited {color:#F00}

oraz w parametrach zmienianego odnośnika w sekcji Parametry: systemu > Przyrostek klas CSS strony wpisałem red
ale nic sie nie dzieje, odnosnik ma dalej kolor defaultowy
rozdzielenie module_menu-red też nic nie daje

[Bazyl]

.itemXXX dla odnośnika, a odnośnik to a

Podstawy html i css


// Nie napisałem, że XXX to cyfry...

[jacopp]

zamiast z postu na post powiększać czcionke .itemxxx wystarczyło by napisać co gdzie i jak, ale lepiej nabijać sobie posty co nie ?
gdzie mam se to wstawić do czego do css ?
napisz coś sensowengo albo przestań zbędnie się odzywać, bo chyba po to jest to forum żeby pomagać a nie pisać tylko poszukaj w google

[Bazyl]

To jest forum użytkowników Joomla!.
Kursy html i css są w sieci.
To, ze nie rozumiesz, o czym piszę nie jest moja winą.

[jacopp]

To jest forum użytkowników Joomla!.
Kursy html i css są w sieci.
To, ze nie rozumiesz, o czym piszę nie jest moja winą.
to akurat jest działa na temat szablonów do joomli
ok wstawie więc moze cały css gdzie tu niby są jakieś klasy .itemXXX



body, button, td, th, div, p {
color:#000000;
font:12px Tahoma;
}
input {
color:#000000;
}
body {
background:none repeat scroll 0 0 #202A32;
padding:26px 0 51px;
}
td {
color:#000000;
line-height:16px;
}
a {
color:#000000;
text-decoration:underline;
}
a:visited {
color:#000000;
}
a:hover {
color:#000000;
text-decoration:none;
}
label {
color:#000000;
}
p {
line-height:16px;
padding:0;
}
span a {
color:#FF3000 !important;
}
.inputbox {
border:1px solid #46462F;
}
.article_indent, #component-contact {
padding:10px 0 0;
}
.article_separator {
background:url("../images/article_separator.gif") repeat-x scroll 0 50% transparent;
line-height:20px;
}
.contentpaneopen td {
line-height:17px;
}
.contentpaneopen p {
padding:0;
}
.contentpaneopen font {
color:#000000;
}
.contentpaneopen img {
margin:0 15px 0 0;
}
.contentpaneopen li {
background:url("../images/li_bg2.gif") no-repeat scroll 0 0 transparent;
line-height:10px;
padding:0 0 0 10px;
}
.contentpaneopen li a {
color:#000000;
display:block;
padding:2px 0 0 13px;
text-decoration:none;
}
.contentpaneopen li a:hover {
text-decoration:underline;
}
.contentheading {
background:url("../images/title_bg.gif") no-repeat scroll 0 0 transparent;
color:#000000;
font-size:16px;
font-weight:bold;
padding:10px 0 0 61px;
}
.buttonheading {
padding:10px 0 0;
}
.button, .validate {
background:url("../images/button.gif") repeat scroll 0 0 transparent;
border:medium none;
color:#000000;
display:block;
font-size:11px;
font-weight:normal;
height:27px;
margin:0;
padding:0;
text-align:center;
text-transform:none;
width:72px;
}
a.readon {
color:#5A9B02;
display:block;
float:right;
font-family:Georgia;
font-size:12px;
font-weight:normal;
margin:0;
padding:3px 10px 3px 0;
text-decoration:none;
}
a.readon:hover {
color:#5A9B02;
text-decoration:underline;
}
a.readon:visited {
color:#5A9B02;
}
.readmore {
display:table;
float:right;
margin:5px 0 0;
padding:0;
width:auto;
}
* html .readmore {
}
.iteminfo {
background:url("../images/iteminfo_gl.gif") repeat-x scroll center bottom transparent;
margin:0 0 15px;
padding:0 0 6px;
}
.modifydate {
color:#5A9AB1;
font-size:11px;
padding:5px 0 0;
}
.createdby {
color:#5A9AB1;
display:block;
font-size:11px;
font-weight:bold;
text-transform:none;
}
.createdate {
color:#5A9AB1;
font-size:11px;
margin:0;
padding:0;
text-transform:none;
}
.small {
color:#5A9AB1;
font-size:11px;
font-weight:normal;
margin:0;
text-transform:none;
}
span.small {
background:url("../images/small.gif") no-repeat scroll 0 0 transparent;
margin:0;
padding:0;
text-transform:none;
}
.blog_more {
padding:10px 0;
}
.blog_more h2 {
background:none repeat scroll 0 0 transparent;
color:#000000;
font-size:12px;
padding:0;
}
.blog_more ul {
margin:10px 0 0 10px;
}
.blog_more a {
color:#000000;
}
.blog_more a:hover {
color:#000000;
text-decoration:none;
}
.blog_more strong {
color:#000000;
}
.pagenav {
color:#000000;
font-size:12px;
font-weight:normal;
}
a.pagenav {
color:#000000;
}
a.pagenav:hover {
color:#000000;
text-decoration:none;
}
.pagination_nav {
background:url("../images/article_separator.gif") repeat-x scroll 0 0 transparent;
color:#000000;
font-size:12px;
padding:7px 0 0;
}
.pagination {
margin-top:10px;
}
.pagination li {
float:left;
padding:0 5px;
}
.sectiontableentry0 td {
border-bottom:1px solid #333333;
padding:5px 0;
}
.sectiontableentry1 td {
background:none repeat scroll 0 0 #75B71E;
border-bottom:1px solid #333333;
border-top:1px solid #000000;
padding:5px 0;
}
.sectiontableentry2 td {
padding:5px 0;
}
.sectiontableentry0, .sectiontableentry1, .sectiontableentry2 {
}
.sectiontableentry1 a {
color:#FFFFFF;
}
.sectiontableentry1 a:hover {
color:#FFFFFF;
}
.sp {
padding-right:4px !important;
}
.sp2 {
padding:0 0 0 10px;
}
.pollstableborder {
margin:10px 0 0;
}
.poll {
}
.poll thead td {
color:#525C64;
font-size:12px;
font-weight:normal !important;
padding:10px 0 0;
}
.pollstableborder td {
font-size:11px;
padding:2px 0 2px 5px;
text-align:left;
vertical-align:top;
}
.pollstableborder label {
color:#5F6258;
display:block;
font-size:11px;
padding:0 0 0 8px;
}
.article_separator {
display:block;
height:5px;
margin:5px 0 10px;
}
.display {
padding:0 0 10px;
}
.display select {
border:1px solid #46462F;
height:16px;
width:100px;
}
.sectiontableentry1 div, .sectiontableentry0 div {
font-size:1px;
}
#search {
background:url("../images/search_bg.gif") no-repeat scroll 0 0 transparent;
float:right;
width:171px;
}
.search_s7 {
height:25px;
padding:0 0 0 5px;
}
.inputbox_s7 {
background:none repeat scroll 0 0 transparent;
border:medium none;
color:#404040;
font-size:11px;
height:17px;
margin:0;
padding:2px 0 0 5px;
vertical-align:top;
width:165px;
}
* html .inputbox_s7 {
height:21px;
}
.button_s7 {
}
.search_result h3 {
color:#1E3300;
font-size:14px;
}
.search_result p {
padding:10px 0 0;
}
#search_searchword {
border:1px solid #999999;
}
legend {
color:#1E3300;
}
.phrase {
border:1px solid #CCCCCC;
color:#000000;
float:left;
margin:10px 10px 10px 0;
padding:10px;
width:60%;
}
.phrase .inputbox {
background:none repeat scroll 0 0 #FFFFFF;
color:#000000;
display:block;
margin-top:10px;
width:12em;
}
.phrase .inputbox option {
background:none repeat scroll 0 0 #FFFFFF;
border-bottom:1px solid #333333;
padding:2px;
}
.phrase .inputbox option a:hover {
background:none repeat scroll 0 0 #CC0000;
border-color:#CFD0D6;
color:#1E3300;
}
fieldset.word, fieldset.only {
border:1px solid #CCCCCC;
}
.only {
border:0 solid;
line-height:1.3em;
margin:10px 0 0 10px;
padding:5px 10px;
}
.word {
border:0 solid !important;
padding:10px 10px 10px 0;
}
.word input {
background:none repeat scroll 0 0 #FFFFFF;
color:#FF6614;
font-weight:normal;
margin:0 0 0 10px;
padding:2px;
}
.module {
margin:0 0 10px;
}
.module div {
}
.module div div {
}
.module div div div {
}
.module h3 {
background:url("../images/box_h3.gif") no-repeat scroll 0 0 transparent;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
padding:12px 0 10px 30px;
}
.module .button {
background:url("../images/button.gif") repeat scroll 0 0 transparent;
color:#FFFFFF;
display:inline;
font:bold 12px Arial;
height:27px;
margin:15px 0 0;
width:72px;
}
.module label {
color:#3A7FB1;
}
.module ul {
padding:0 0 15px;
}
.module li {
padding:2px 0;
}
.module li a {
background:url("../images/bullet.gif") no-repeat scroll 0 0 transparent;
color:#2C7CAE;
display:block;
font-size:13px;
font-weight:normal;
line-height:16px;
padding:0 0 0 25px;
text-decoration:underline;
}
.module li a:hover {
color:#2C7CAE;
text-decoration:none;
}
.module li a:visited {
color:#2C7CAE;
}
.module_s3 {
background:url("../images/nd_bg.gif") repeat-y scroll 0 0 transparent;
}
.module_s3 div {
background:url("../images/nd_top.gif") no-repeat scroll 0 0 transparent;
width:100%;
}
.module_s3 div div {
background:url("../images/nd_bot.gif") no-repeat scroll 0 bottom transparent;
padding:10px 10px 25px 23px;
}
.module_s3 div div div {
background:none repeat scroll 0 0 transparent;
color:#F9F0CF;
padding:0;
width:190px;
}
.module_s3 h3 {
color:#FFFFFF;
font-size:12px;
font-weight:bold;
padding:10px 0;
}
.module_s3 .button {
background:url("../images/button.gif") no-repeat scroll 0 0 transparent;
display:inline;
margin:10px 0 0;
}
.module_s3 ul {
padding:4px 0 0;
}
.module_s3 li {
padding:0 0 2px;
}
.module_s3 li strong a {
color:#FFFFFF !important;
font-size:12px;
}
.module_s3 li span {
color:#FFFFFF;
display:block;
padding:0 0 0 15px;
}
.module_s3 a {
background:url("../images/bullet2.gif") no-repeat scroll 0 6px transparent;
color:#364628;
display:block;
font-size:11px;
padding:0 0 2px 15px;
text-decoration:none;
}
.module_s3 a:hover {
color:#364628;
text-decoration:underline;
}
.module_s4 {
background:url("../images/whos.gif") no-repeat scroll 0 0 transparent;
}
.module_s4 div {
padding:15px 28px 19px 33px;
}
.module_s4 div div {
padding:0;
}
.module_s4 div div div {
color:#83D9F3;
font-size:13px;
padding:0;
}
.module_s4 h3 {
color:#FFFFFF;
font-size:14px;
font-weight:bold;
padding:0;
text-transform:none;
}
.module_s5 {
background:url("../images/tm_bg.gif") repeat-y scroll 0 0 transparent;
}
.module_s5 div {
background:url("../images/tm_top.gif") no-repeat scroll 0 0 transparent;
width:100%;
}
.module_s5 div div {
background:url("../images/tm_bot.gif") no-repeat scroll 0 bottom transparent;
padding:10px 10px 25px 23px;
}
.module_s5 div div div {
background:none repeat scroll 0 0 transparent;
color:#F9F0CF;
padding:0;
width:190px;


podgląd z firebuga
magiczne słowo PROSZĘ ! :D :P

[Bazyl]

masakra
usun te pliki

kod podgladasz FIREBUGIEM

oczekuje magicznego slowa

[jacopp]

ciag dalszy

}
.module_s5 h3 {
color:#FFFFFF;
font-size:12px;
font-weight:bold;
padding:10px 0;
}
.module_s5 .button {
background:url("../images/button.gif") no-repeat scroll 0 0 transparent;
display:inline;
margin:10px 0 0;
}
.module_s5 ul {
padding:4px 0 0;
}
.module_s5 li {
padding:0 0 2px;
}
.module_s5 li strong a {
color:#FFFFFF !important;
font-size:12px;
}
.module_s5 li span {
color:#FFFFFF;
display:block;
padding:0 0 0 15px;
}
.module_s5 a {
background:url("../images/bullet2.gif") no-repeat scroll 0 6px transparent;
color:#364628;
display:block;
font-size:11px;
padding:0 0 2px 15px;
text-decoration:none;
}
.module_s5 a:hover {
color:#364628;
text-decoration:underline;
}
.module_menu {
margin:0 0 10px;
}
.module_menu div {
}
.module_menu div div {
}
.module_menu div div div {
}
.module_menu h3 {
background:url("../images/box_h3.gif") no-repeat scroll 0 0 transparent;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
padding:12px 0 10px 30px;
}
.module_menu ul {
padding:3px 0 15px;
}
.module_menu li {
background:url("../images/li_bg.gif") repeat-x scroll 0 bottom transparent;
padding:2px 0;
}
.module_menu li a {
background:url("../images/menu_bullet.gif") no-repeat scroll 0 8px transparent;
color:#555555;
display:block;
font-size:12px;
font-weight:normal;
line-height:16px;
padding:1px 0 2px;
text-decoration:none;
}
.module_menu li a em {
font-style:normal;
}
.module_menu li a:hover {
color:#555555;
text-decoration:none;
}
.module_menu li a:visited {
color:#555555;
}
.module_menu-red li a {
background:url("../images/menu_bullet.gif") no-repeat scroll 0 8px transparent;
color:#FF0000;
display:block;
font-size:12px;
font-weight:normal;
line-height:16px;
padding:1px 0 2px;
text-decoration:none;
}
.item4 li a em {
font-style:normal;
}
.item4 li a:hover {
color:#FF0000;
text-decoration:none;
}
.item4 li a:visited {
color:#FF0000;
}
.module-menu2 {
margin:0 0 10px;
}
.module-menu2 div {
}
.module-menu2 div div {
}
.module-menu2 div div div {
}
.module-menu2 h3 {
background:url("../images/box_h3.gif") no-repeat scroll 0 0 transparent;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
padding:12px 0 10px 30px;
}
.module-menu2 ul {
padding:3px 0 15px;
}
.module-menu2 li {
background:url("../images/li_bg.gif") repeat-x scroll 0 bottom transparent;
padding:2px 0;
}
.module-menu2 li a {
background:url("../images/menu_bullet.gif") no-repeat scroll 0 8px transparent;
color:#FF0000;
display:block;
font-size:12px;
font-weight:normal;
line-height:16px;
padding:1px 0 2px;
text-decoration:blink;
}
.module-menu2 li a em {
font-style:normal;
}
.module-menu2 li a:hover {
color:#FF0000;
text-decoration:none;
}
.module-menu2 li a:visited {
color:#FF0000;
}
#topmenu {
height:37px;
margin:0 172px 0 0;
}
#topmenu .dt {
}
ul.menu-nav {
padding:0;
}
ul.menu-nav li {
display:block;
float:left;
}
ul.menu-nav li a {
background:url("../images/topmenu_left.gif") no-repeat scroll 0 0 transparent;
color:#1F2A33 !important;
display:block;
font-family:Arial;
font-size:14px;
font-weight:normal;
margin:0 12px 0 0;
padding:0;
text-align:center;
text-decoration:none;
text-transform:none;
width:84px;
}
* html ul.menu-nav li a {
height:33px;
}
ul.menu-nav li a span {
background:url("../images/topmenu_right.gif") no-repeat scroll right 0 transparent;
display:block;
padding:4px 10px 5px;
}
ul.menu-nav li a span em {
font-style:normal;
}
ul.menu-nav li a:hover {
background:url("../images/topmenu_left_act.gif") no-repeat scroll 0 0 transparent;
color:#1F2A33 !important;
font-size:13px;
font-weight:normal;
text-decoration:none;
}
ul.menu-nav li a:hover span {
background:url("../images/topmenu_right_act.gif") no-repeat scroll right 0 transparent;
padding:4px 0 5px;
}
ul.menu-nav li.active a {
background:url("../images/topmenu_left_act.gif") no-repeat scroll 0 0 transparent;
color:#6B7075 !important;
font-size:13px;
font-weight:normal;
text-decoration:none;
}
ul.menu-nav li.active a span {
background:url("../images/topmenu_right_act.gif") no-repeat scroll right 0 transparent;
display:block;
padding:4px 0 5px;
}
a.menu-nav:visited {
color:#1F2A33;
}
.module_s2 {
margin:0;
}
.module_s2 div {
}
.module_s2 div div {
}
.module_s2 div div div {
}
.module_s2 h3 {
background:url("../images/box_h3.gif") no-repeat scroll 0 0 transparent;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
padding:12px 0 10px 30px;
}
.module_s2 label {
color:#7B7B7B;
display:block;
font-size:12px;
padding:0 0 0 1px;
text-transform:lowercase;
vertical-align:middle;
}
.module_s2 p, label.remember {
color:#7B7B7B;
font-size:11px;
font-weight:normal;
padding:0;
}
.module_s2 a {
color:#7B7B7B !important;
font-size:11px;
text-decoration:underline;
}
.module_s2 a:hover {
color:#7B7B7B;
text-decoration:none;
}
.module_s2 form {
padding:0;
text-align:left;
}
.module_s2 form div {
margin:auto;
width:65px;
}
* html .module_s2 form div {
margin:0;
width:65px;
}
.module_s2 .inputbox {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #525252;
color:#818181;
height:18px;
margin:2px 0;
padding:0 0 0 3px;
vertical-align:middle;
width:146px !important;
}
.module_s2 .button {
background:none repeat scroll 0 0 transparent;
border:medium none;
color:#23A8D4;
display:block;
font-family:Tahoma;
font-size:12px;
margin:10px 0 0;
padding:0;
text-align:center;
vertical-align:middle;
width:auto;
}
#mod_login_remember {
background:none repeat scroll 0 0 transparent;
border:medium none;
display:block;
float:left;
margin:0 10px 0 0;
vertical-align:middle;
width:12px;
}
.required {
border:1px solid #46462F;
margin:0;
}
input.requred {
border:medium none !important;
}
.main {
width:949px;
}
#top {
height:37px;
overflow:hidden;
}
#bar {
height:51px;
}
#bar div {
background:url("../images/bar_bg.gif") repeat-x scroll 0 0 #505A62;
border:1px solid #505050;
}
#border {
border-color:-moz-use-text-color -moz-use-text-color #FFFFFF;
border-style:none none solid;
border-width:medium medium 1px;
}
#bar div div {
background:none repeat scroll 0 0 transparent;
border:medium none;
height:49px;
}
#border1 {
border-color:-moz-use-text-color #868585 #868585;
border-right:1px solid #868585;
border-style:none solid solid;
border-width:medium 1px 1px;
}
#border2 {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #FFFFFF;
}
#header {
background:url("../images/header_bg.gif") repeat-x scroll 0 0 transparent;
}
#header .bg {
background:url("../images/header.jpg") no-repeat scroll 0 0 transparent;
height:228px;
}
#header .space {
padding:94px 0 0 71px;
}
#content {
padding:1px 0 0;
}
.box_indent {
padding:10px 15px 10px 31px;
}
.c1, .c3 {
background:none repeat scroll 0 0 #EFEFEF;
width:202px;
}
.c2 {
width:100%;
}
.c2 .indent {
padding:10px;
}
.right_bg {
background:url("../images/right_bg.gif") repeat-y scroll 0 0 transparent;
}
.right_top {
background:url("../images/right_top.gif") no-repeat scroll 0 0 transparent;
}
.right_bot {
background:url("../images/right_bot.gif") no-repeat scroll 0 bottom transparent;
padding:0 0 10px;
}
#footer {
padding:0;
}
#footer .space {
padding:0 7px;
text-align:left;
}
#footer .space div {
color:#EFEFEF !important;
font-size:12px;
font-weight:normal;
padding:20px 0 0 20px;
text-align:center;
}
#footer a {
color:#EFEFEF;
font-size:12px;
text-decoration:underline;
}
#footer a:hover {
text-decoration:none;
}
.main_t {
background:url("../images/main_t.gif") repeat-x scroll 0 0 #B2B1B1;
}
.main_b {
background:url("../images/main_b.gif") repeat-x scroll 0 bottom transparent;
}
.main_tl {
background:url("../images/main_tl.gif") no-repeat scroll 0 0 transparent;
}
.main_tr {
background:url("../images/main_tr.gif") no-repeat scroll right 0 transparent;
}
.main_bl {
background:url("../images/main_bl.gif") no-repeat scroll 0 bottom transparent;
}
.main_br {
background:url("../images/main_br.gif") no-repeat scroll right bottom transparent;
}
.indent {
padding:18px 12px 29px;
}

podgląd z firebuga
magiczne słowo PROSZĘ ! :D :P

[jacopp]

no i co dalej ? magiczne słowo było (nawet 2 razy) i zapadła cisza ?

[Bazyl]

Irytujesz mnie.

.item4 li a em {
font-style:normal;
}
.item4 li a:hover {
color:#FF0000;
text-decoration:none;
}
.item4 li a:visited {
color:#FF0000;

Sobie zrób
}

[jacopp]

ok metodą prób i błędów doszedłem do tego co napisałeś troszkę wczesniej
ale efekt jest taki jak na screenie ponizej
2361
Jednak chodziło tylko mi o kolor czerwony na odnosniku ! Promocja i współpraca !
a nie na pod kategoriach

Firebug pokazuje iz odnośnik Promocja i współpraca to item4

[jacopp]

czy ktoś może się wypowiedzieć jak zastosować w/w reguły do odnośników w głównym menu, a nie podstron (pod kategorii) ?

[zwiastun]

Podpowiedź zasady już dostałeś. Czego oczekujesz? Kodu CSS? To raczej do działu zleceń.
Bo tą metodą zaraz znajdą się dziesiątki takich, co zamiast poznać i zrozumieć jak, będą żądać recept. Owszem. Czasem przedstawiane są recepty. Ale nie w takich kwestiach. Za pomocą Firebuga określ, jakiego trzeba użyć selektora a arkuszu stylów dla ustalenia reguł i je po prostu zapisz. Nie ma tu żadnej wielkiej trudności.