Fórum OpenCart Brasil

Olá, boa tarde.

Antes de mais nada, gostaria de agradecer a existência desta comunidade, existia outra BR a muito tempo, mas pelo o que vi, ela foi desativada.

Que bom que existe esta.

Gostaria de agradecer o conteúdo aqui postado em diversos locais, pois nos ajudam muito, eu utilizei muito o OC em sua versão 1.4.7, pois era a versão que era compatível com PS, MoiP e afins, eu achei que o desenvolvimento das extensões tinham parado nesta versão, na época eu usei o OC para jogos virtuais(tinha/tenho um servidor privado de ragnarok), agora estou montando uma loja que por acaso, é minha loja física também aqui em SP.

Pois bem, vamos logo a dúvida nê? Eu gostaria de editar o fundo do OC e deixar com aquele efeito do TOPO na seção Admin, aquele azul riscado em vertical, como posso fazer isto?

Muito obrigado novamente e guardo.

PS: fiz buscas usando: mudando fundo, cor do fundo e não achei assuntos desta dúvida.

Amigo,

Sem testar, mas de cabeça, terá que trabalhar com o ficheiro header.pl e css.

Dê uma vista de olhos nesses ficheiros, tem que trabalhar o background.

Até mais...

Ola também venho tentando mudar o fundo branco do meu site open card mais ainda esto com muita dificuldade.

endereço: http://nigonsell.com

o fundo branco não me atrai e não sei o que fazer, para trocalo .

No arquivo stylesheet.css procure: E mude a propriedade background-color para a cor ou imagem q desejar.

Obrigado pela resposta amigo! =]

Agora é só achar este arquivo.. rs =D

Ele fica em: catalog/view/theme/default/stylesheet

gostaria de mudar a cor do fundo mais não acho onde mudar o codigo :

alguem poderia me ajuda .

segue:

Nigonlennor escreveu:gostaria de mudar a cor do fundo mais não acho onde mudar o codigo :

alguem poderia me ajuda .

segue:

Código: Selecionar todos

html {

	margin: 0;

	padding: 0;

	height: 100%;

}

body {

	margin: 0;

	padding: 0;

	height: 100%;

	background: #FFFFFF;

}

body, td, th, input, select, textarea, option, optgroup {

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

	font-size: 12px;

	color: #000000;

}

input[type='text'], input[type='password'] {

	padding: 2px;

}

select {

	padding: 1px;

}

textarea {

	padding: 2px;

}

a, a:visited {

	color: #003366;

	text-decoration: underline;

	cursor: pointer;

}

a img {

	border: 0;

}

form {

	margin: 0;

	padding: 0;

}

label {

	cursor: pointer;

}

#header .div1 {

	height: 56px;

	padding: 0px 30px;

	background: url('../image/header.png') repeat-x;

	min-width: 900px;

}

#header .div2 {

	color: #FFFFFF;

	padding: 18px 0px 0px 0px;

	float: left;

}

#header .div3 {

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

	font-size: 12px;

	color: #FFF;

	text-align: right;

	padding: 15px 0px 0px 0px;

	float: right;

}

#header .div2 span {

	font-weight: bold;

}

#menu {

	background: url('../image/menu.png') repeat-x;

	position: relative;

	z-index: 1;

	height: 34px;

	clear: both;

	padding: 0px 30px;

	min-width: 900px;

}

#menu > ul.left {

	float: left;

}

#menu > ul.right {

	float: right;

}

#menu > ul {

	position: relative;

	margin: 0;

	padding: 0;

}

#menu > ul ul {

	list-style: none;

	margin: 0;

	padding: 0;

	background: url('../image/transparent.png');

}

#menu > ul a {

	display: block;

	color: #FFFFFF;

	text-decoration: none;

	padding: 5px;

}

#menu > ul > li + li {

	background: url('../image/split.png') center left no-repeat;

}

#menu > ul .top, #menu > ul li li.sfhover {

	padding: 10px 15px 9px 17px;

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

	font-size: 12px;

	color: #FFFFFF;

	text-align: center;

}

#menu > ul ul li {

	padding: 2px;

}

#menu > ul .selected .top {

	background: url('../image/selected.png') repeat-x;

	color: #FFFFFF;

}

#menu > ul .selected:hover a.top, #menu > ul .sfhover a.top {

}

#menu > ul .parent {

	background: url('../image/arrow-right.png') 95% center no-repeat;

}

#menu > ul li {

	float: left;

	list-style: none;

}

#menu > ul li ul {

	position: absolute;

}

#menu > ul li li {

	clear: both;

}

#menu > ul li ul a {

	color: #FFFFFF;

	height: 15px;

	width: 145px;

}

#menu > ul li ul ul {

	margin: -27px 0 0 157px;

}

#menu > ul li li:hover, #menu > ul li li.sfhover {

	background: #333;

	color: #000000;

}

#container {

	height: 100%;

}

body > #container {

	height: auto;

	min-height: 100%;

}

#content {

	background: #FFFFFF url('../image/background.png') 0px 1px repeat-x;

	padding: 10px 30px 0px 30px;

	min-width: 900px;

	padding-bottom: 128px;

}

#footer {

	background: #FFFFFF url('../image/footer.png') repeat-x;

	height: 90px;

	padding-top: 38px;

	text-align: center;

	font-size: 12px;

	color: #333;

	position: relative;

	margin-top: -128px;

	clear: both;

}

#footer a {

	color: #333;

	text-decoration: underline;

}

.breadcrumb, .breadcrumb a {

	font-size: 12px;

	color: #666;

	margin-bottom: 15px;

}

.success {

	padding: 10px 10px 10px 33px;

	margin-bottom: 15px;

	background: #EAF7D9 url('../image/success.png') 10px center no-repeat;

	border: 1px solid #BBDF8D;

	color: #555555;

	-webkit-border-radius: 5px 5px 5px 5px;

	-moz-border-radius: 5px 5px 5px 5px;

	-khtml-border-radius: 5px 5px 5px 5px;

	border-radius: 5px 5px 5px 5px;

}

.warning {

	padding: 10px 10px 10px 33px;

	margin-bottom: 15px;

	background: #FFD1D1 url('../image/warning.png') 10px center no-repeat;

	border: 1px solid #F8ACAC;

	color: #555555;

	-webkit-border-radius: 5px 5px 5px 5px;

	-moz-border-radius: 5px 5px 5px 5px;

	-khtml-border-radius: 5px 5px 5px 5px;

	border-radius: 5px 5px 5px 5px;

}

.attention {

	padding: 10px 10px 10px 33px;

	margin-bottom: 15px;

	background: #FFF5CC url('../image/attention.png') 10px center no-repeat;

	border: 1px solid #F2DD8C;

	color: #555555;

	-webkit-border-radius: 5px 5px 5px 5px;

	-moz-border-radius: 5px 5px 5px 5px;

	-khtml-border-radius: 5px 5px 5px 5px;

	border-radius: 5px 5px 5px 5px;

}

.required {

	color: #FF0000;

	font-weight: bold;

}

.error {

	margin-top: 3px;

	color: #FF0000;

	display: block;

	font-size: 12px;

	font-weight: normal;

}

.help {

	color: #666;

	font-size: 11px;

	font-weight: normal;

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

	display: block;

}

.icon {

	vertical-align: middle;

	cursor: pointer;

}

.image {

	border: 1px solid #EEEEEE;

	padding: 10px;

	display: inline-block;

}

.image img {

	margin-bottom: 5px;

}

.box {

	margin-bottom: 15px;

}

.box > .heading {

	height: 38px;

	padding-left: 7px;

	padding-right: 7px;

	border: 1px solid #DBDBDB;

	background: url('../image/box.png') repeat-x;

	-webkit-border-radius: 7px 7px 0px 0px;

	-moz-border-radius: 7px 7px 0px 0px;

	-khtml-border-radius: 7px 7px 0px 0px;

	border-radius: 7px 7px 0px 0px;

}

.box > .heading h1 {

	margin: 0px;

	padding: 11px 0px 0px 0px;

	color: #003A88;

	font-size: 16px;

	float: left;

}

.box > .heading h1 img {

	float: left;

	margin-top: -1px;

	margin-left: 3px;

	margin-right: 8px;

}

.box > .heading .buttons {

	float: right;

	padding-top: 7px;

	margin-right: 5px;

}

.box > .heading .buttons .button {

	margin-left: 5px;

}

.box > .content h2 { 

	text-transform: uppercase;

	color: #FF802B;

	font-size: 15px;

	font-weight: bold;

	padding-bottom: 3px;

	border-bottom: 1px dotted #000000;	

}

.box > .content {

	padding: 10px;

	border-left: 1px solid #CCCCCC;

	border-right: 1px solid #CCCCCC;

	border-bottom: 1px solid #CCCCCC;

	min-height: 300px;

	overflow: auto;

}

a.button, .list a.button {

	text-decoration: none;

	color: #FFF;

	display: inline-block;

	padding: 5px 15px 5px 15px;

	background: #003A88;

	-webkit-border-radius: 10px 10px 10px 10px;

	-moz-border-radius: 10px 10px 10px 10px;

	-khtml-border-radius: 10px 10px 10px 10px;

	border-radius: 10px 10px 10px 10px;

}

.list {

	border-collapse: collapse;

	width: 100%;

	border-top: 1px solid #DDDDDD;

	border-left: 1px solid #DDDDDD;

	margin-bottom: 20px;

}

.list td {

	border-right: 1px solid #DDDDDD;

	border-bottom: 1px solid #DDDDDD;

}

.list thead td {

	background-color: #EFEFEF;

	padding: 0px 5px;

}

.list thead td a, .list thead td {

	text-decoration: none;

	color: #222222;

	font-weight: bold;

}

.list tbody td a {

	text-decoration: underline;

}

.list tbody td {

	vertical-align: middle;

	padding: 0px 5px;

	background: #FFFFFF;

}

.list .left {

	text-align: left;

	padding: 7px;

}

.list .right {

	text-align: right;

	padding: 7px;

}

.list .center {

	text-align: center;

	padding: 7px;

}

.list .asc {

	padding-right: 15px;

	background: url('../image/asc.png') right center no-repeat;

}

.list .desc {

	padding-right: 15px;

	background: url('../image/desc.png') right center no-repeat;

}

.list tr.filter td {

	padding: 5px;

	background: #E7EFEF;

}

.pagination {

	border-top: 1px solid #DDDDDD;

	display: inline-block;

	width: 100%;

	padding-top: 6px;

}

.pagination .links {

	float: left;

	padding-top: 6px;

}

.pagination .links a {

	border: 1px solid #DDDDDD;

	padding: 4px 10px;

	font-size: 12px;

	text-decoration: none;

	color: #A3A3A3;

}

.pagination .links b {

	border: 1px solid #269BC6;

	padding: 4px 10px;

	font-size: 12px;

	font-weight: normal;

	text-decoration: none;

	color: #269BC6;

	background: #FFFFFF;

}

.pagination .results {

	float: right;

	padding-top: 6px;

	font-size: 12px;

}

table.form {

	width: 100%;

	border-collapse: collapse;

	margin-bottom: 20px;

}

table.form > tbody > tr > td:first-child {

	width: 200px;

}

table.form > tbody > tr > td {

	padding: 10px;

	color: #000000;

	border-bottom: 1px dotted #CCCCCC;

}

.scrollbox {

	border: 1px solid #CCCCCC;

	width: 350px;

	height: 100px;

	background: #FFFFFF;

	overflow-y: scroll;

}

.scrollbox img {

	float: right;

	cursor: pointer;

}

.htabs {

	padding: 0px 0px 0px 10px;

	height: 30px;

	line-height: 16px;

	border-bottom: 1px solid #DDDDDD;

	margin-bottom: 15px;

}

.htabs a {

	border-top: 1px solid #DDDDDD;

	border-left: 1px solid #DDDDDD;

	border-right: 1px solid #DDDDDD;

	background: #FFFFFF url('../image/tab.png') repeat-x;

	padding: 7px 15px 6px 15px;

	float: left;

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

	font-size: 13px;

	font-weight: bold;

	text-align: center;

	text-decoration: none;

	color: #000000;

	margin-right: 2px;

	display: none;

}

.htabs a.selected {

	padding-bottom: 7px;

	background: #FFFFFF;

}

.vtabs {

	width: 190px;

	padding: 10px 0px;

	min-height: 300px;

	float: left;

	display: block;

	border-right: 1px solid #DDDDDD;

}

.vtabs a {

	display: none;

}

.vtabs a, .vtabs span {

	display: block;

	float: left;

	width: 160px;

	margin-bottom: 5px;

	clear: both;

	border-top: 1px solid #DDDDDD;

	border-left: 1px solid #DDDDDD;

	border-bottom: 1px solid #DDDDDD;

	background: #F7F7F7;

	padding: 6px 14px 7px 15px;

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

	font-size: 13px;

	font-weight: bold;

	text-align: right;

	text-decoration: none;

	color: #000000;

}

.vtabs a.selected {

	padding-right: 15px;

	background: #FFFFFF;

}

.vtabs a img, .vtabs span img {

	position: relative;

	top: 3px;

	cursor: pointer;

}

.vtabs-content {

	margin-left: 205px;

}

.accordion-heading {

	background: #EFEFEF;

	border: 1px solid #DDDDDD;

	padding: 8px;

	font-weight: bold;

	font-size: 13px;

	color: #555555;

	margin-bottom: 15px;

}

.accordion-heading a {

	float: right;

	margin-top: 1px;

	font-weight: normal;

	text-decoration: none;

}

.accordion-content {

	padding: 0px 0px 15px 0px;

	overflow: auto;

}

.scrollbox div {

	padding: 3px;

}

.scrollbox div input {

	margin: 0px;

	padding: 0px;

	margin-right: 3px;

}

.scrollbox div.even {

	background: #FFFFFF;

}

.scrollbox div.odd {

	background: #E4EEF7;

}

.overview {

	float: left;

	width: 49%;

	margin-bottom: 20px;

}

.overview table {

	width: 100%;

}

.overview td + td {

	text-align: right;

}

.statistic {

	float: right;

	width: 49%;

	margin-bottom: 20px;

}

.range {

	float: right;

	color: #FFF;

	vertical-align: middle;

}

.range {

	padding-top: 1px;

	padding-right: 1px;

}

.range, .range select {

	font-size: 11px;

}

.latest {

	clear: both;

}

.latest tbody td {

	background: #FFF;

}

.dashboard-heading {

	background: #547C96;

	color: #FFF;

	border-bottom: 1px solid #8EAEC3;

	padding: 5px;

	font-size: 14px;

	font-weight: bold;

}

.dashboard-content {

	background: #FCFCFC;

	border: 1px solid #8EAEC3;

	padding: 10px;

	min-height: 180px;

}

.refresh {

	cursor: pointer;

	position: relative;

	top: 3px;

}

Olá,

Localize o código e altere a cor da linha em negrito:

body {
margin: 0;
padding: 0;
height: 100%;
background: #FFFFFF;
}

Espero ter ajudado.

boa noite amigos do forum

to precisando mudar o fundo do menu principal da categoria dos produtos
ja tentei procurar, ja mudei fundo do site mais o fundo do menu principal

não consegui se alguem puder me ajudar vou ficar muito agradecido obrigado

att
adilson

@adilson0506 Qual tema você está utilizando ? E qual a versão do OpenCart ?