...może ktoś chce sobie zmienić standardowy wygląd BOX i CATEGORY w css na taki lub podobny :
Kolory : CC6600 , FFFBD0 , FFFFFF, oczywiście można zmieniać sobie dowolnie dobrej zabawy
Znajdujemy :
- Kod: Zaznacz cały
.box {
margin-bottom: 10px;
background: url('../image/box_top.png') no-repeat;
}
.box .top {
padding: 8px 0px 8px 7px;
color: #000000;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
}
.box .top img {
float: left;
margin-right: 5px;
}
.box .middle {
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
background: #FFFFFF;
padding: 10px;
}
.box .bottom {
height: 5px;
background: url('../image/box_bottom.png') no-repeat;
}
i w jego miejsce wstawiamy :
- Kod: Zaznacz cały
/* BOX 1.0 */
.box {
margin-bottom: 15px;
background: url('../image/box_top.png') no-repeat;
}
.box .top {
padding: 7px 7px 7px 7px;
color: #FFFBD0;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
background: #CC6600;
}
.box .top img {
float: left;
margin-right: 10px;
}
.box .middle {
background: #FFFFFF;
padding: 0px;
}
.box .bottom {
height: 5px;
}
/* END BOX 1.0 */
Znajdujemy :
- Kod: Zaznacz cały
#category ul {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 8px;
padding-left: 12px;
list-style: url('../image/bullet_1.png');
}
I wstawiamy w jego miejsce :
- Kod: Zaznacz cały
/* CATEGORY 1.0 */
#category ul {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-left: 0px;
list-style:url('../image/bullet_1.png');
}
#category li {
padding:0;
margin:0;
}
#category li a {
text-decoration:none;
color:#CC6600;
font-size:12px;
line-height:12px;
padding:7px;
display:block;
font-weight:normal;
text-transform:uppercase;
}
#category li a:hover {
background: #FFFBD0;
}
#category li a:visited {
}
#category ul li ul a {
text-transform:none;
text-decoration:none;
color: #CC6600;
font-size:12px;
line-height:12px;
padding:7px 7px 7px 7px;
display:block;
font-weight:normal;
}
/* END CATEGORY 1.0 */
Podaję przykład jak można to wykonać w bardzo szybki i prosty sposób podmieniając pliki
Wchodzimy /catalog/view/theme/default/stylesheet/ tu powinien się znajdować plik stylesheet.css który możemy podmienić na ten z załącznika.