Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
olá pessoal,
estou com pequeno grande problema, comecei uma loja virtual mas preciso dar um personalizada nela, uso a plataforma da dotstore(alguém conhece) tenho acesso total aos arquivos em html para download porem como sou leigo será que alguém que tenha paciencia pode me dar umas dicas.
por exemplo tenho este codigo que é do topo e gostaria de colocar uma imagem ou um degradê no fundo. alguem sabe como faz isso?
<script language="javascript" src="../../DotStore/Inc/SetaFuncLoja.js"></script>
<table width="100%" height="55" border="0" cellpadding="0" cellspacing="0" class="">
<tr>
<td width="15%" rowspan="2" style="padding-left:10px;"><a href="?Menu=PaginaInicial">##Logotipo##</a></td>
<td align="right"><table width="90" border="0" align="right" cellpadding="0" cellspacing="5">
<tr>
<td align="right">##Idiomas##</td>
</tr>
</table></td>
</tr>
<tr>
<td height="48" align="right" valign="top" style="color:#cc3333">
<script>
var VStr = "##ClienteNome##"
if(VStr != ""){document.write("Olá <B>"+VStr+"</B>, seja bem vindo.")};
</script> </td>
</tr>
</table>e só você adicionar isso ao seu arquivo EstiloLoja.css
div#DS_TopoGeral {
background: #333;
}ai no background você pode colocar uma imagem ou o degradé que você quer. ai no exemplo esta com uma cor de background uma cor escura, se você colocar isso ai no seu css e salvar você vai ver.
você pode usar esse site pra criar um gradient
>
e só você adicionar isso ao seu arquivo EstiloLoja.css
div#DS_TopoGeral {
background: #333;
}ai no background você pode colocar uma imagem ou o degradé que você quer. ai no exemplo esta com uma cor de background uma cor escura, se você colocar isso ai no seu css e salvar você vai ver.
muito obrigado vou tentar, aproveitando a oportunidade quanto ao menu que está alinhado ao topo pra mudar o alinhamento também é estiloloja.css?
muito obrigado vou tentar, aproveitando a oportunidade quanto ao menu que está alinhado ao topo pra mudar o alinhamento também é estiloloja.css?
sim! e só procurar por #DSL_Menutopo no EstiloLoja.css , ele esta flotado em right, você pode colocar left, ou centro ai e com você.
>
sim! e só procurar por #DSL_Menutopo no EstiloLoja.css , ele esta flotado em right, você pode colocar left, ou centro ai e com você.
valeu brigadão
valeu brigadão
por nada! não esqueça de marcar o tópico como resolvido caso tenha resolvido seu problema.
>
por nada! não esqueça de marcar o tópico como resolvido caso tenha resolvido seu problema.
eu achei o #DSL_menutopo mudei o posicionamento mas não consegui posiciona-lo na parte de baixo de onde ele está
coloque
margin-top: 104px;
no #DSL_menutopo
>
coloque
margin-top: 104px;
no #DSL_menutopo
no link que passei da minha loja onde fica os produtos tu sabe me dizer como coloco uma borda ao redor do produto e da descricão dele?
no link que passei da minha loja onde fica os produtos tu sabe me dizer como coloco uma borda ao redor do produto e da descricão dele?
pra colocar borda e só adicionar
border: 2px solid f2f2f2; ai você altera o tamanho da borda e a cor
a classe da imagem do produto é
DSL_FotoProduto
nome do produto
DSL_NomeProduto
sobre o produto
DSL_SubProduto
ai e só você adicionar o border na classe que você quiser.
>
pra colocar borda e só adicionar
border: 2px solid f2f2f2; ai você altera o tamanho da borda e a cor
a classe da imagem do produto é
DSL_FotoProduto
nome do produto
DSL_NomeProduto
sobre o produto
DSL_SubProduto
ai e só você adicionar o border na classe que você quiser.
oi boa tarde, então tentei fazer como voce falou mas não consegui pra você entender como gostaria que ficasse neste link onde fica os produtos gostaria de colocar esta borda ao redor
no sue não da pra fazer isso, pois a lista de produtos não tem um posicionamento correto. não tem a div bonitinha ao redor de todo produto a qual de pra colocar a borda.
no sue não da pra fazer isso, pois a lista de produtos não tem um posicionamento correto. não tem a div bonitinha ao redor de todo produto a qual de pra colocar a borda.
hum, por isso que me cobraram cara pra fazer esta personalização, rsrsrsrsr.
pra fazer isso eu teria que mexer na estrutura todo do site?
>
hum, por isso que me cobraram cara pra fazer esta personalização, rsrsrsrsr.
pra fazer isso eu teria que mexer na estrutura todo do site?
olha o máximo que da pra mim fazer pra você e esse
ANTES
/applications/core/interface/imageproxy/imageproxy.php?img=http://i58.tinypic.com/whfhj9.png&key=d8f51ab14fd17eccfc7bc74541a363465fb8ac737b9da40e8963d0cf8a68764d" alt="whfhj9.png" />
DEPOIS
/applications/core/interface/imageproxy/imageproxy.php?img=http://oi60.tinypic.com/ej2bd.jpg&key=b3bfc8853132935476e674c3c936a0c9129aa7b3a786b31e2d76b5f810c87ad5" alt="ej2bd.jpg" />
antes de qual quer coisa faça um backup do seus arquivos EstiloLoja.css e home.css
substitua um por um procure por eles dentro desses dois arquivos ai citado acima.
li.Dot_ListaProdutosLIClass {
border: 2px solid #f3f3f3;
} float: left;
width: 32%;
margin-bottom: 25px;
padding-bottom: 25px;
border-bottom: 1px solid #e9e9e9;
margin-left: 4px;
}
.DSL_BlocoProdutos {
width: 100%;
display: block;
margin: auto;
height: 240px;
background: #ccc;
}
.DSL_FotoProduto {
width: auto;
border: 0px;
height: auto;
padding-top: 10px;
overflow: hidden;
background: #fff;
text-align: center;
position: relative;
}
.DSL_ValorDe {
font-size: 12px;
margin: 7px 0 0 0;
color: #363636;
text-decoration: line-through;
text-align: center;
}
.DSL_ValorPor {
font-size: 13px;
font-weight: bold;
display: block;
color: #363636;
text-align: center;
}
.DSL_Lancamento {
text-align: center;
margin-bottom: 5px;
margin-top: 10px;
height: 21px;
}
.DSL_NomeProduto {
text-align: center;
}depois salva e irá ficar igual na foto la em cima.
>
olha o máximo que da pra mim fazer pra você e esse
ANTES
/applications/core/interface/imageproxy/imageproxy.php?img=http://i58.tinypic.com/whfhj9.png&key=d8f51ab14fd17eccfc7bc74541a363465fb8ac737b9da40e8963d0cf8a68764d" alt="whfhj9.png" />
DEPOIS
/applications/core/interface/imageproxy/imageproxy.php?img=http://oi60.tinypic.com/ej2bd.jpg&key=b3bfc8853132935476e674c3c936a0c9129aa7b3a786b31e2d76b5f810c87ad5" alt="ej2bd.jpg" />
antes de qual quer coisa faça um backup do seus arquivos EstiloLoja.css e home.css
substitua um por um procure por eles dentro desses dois arquivos ai citado acima.
li.Dot_ListaProdutosLIClass {
border: 2px solid #f3f3f3;
} float: left;
width: 32%;
margin-bottom: 25px;
padding-bottom: 25px;
border-bottom: 1px solid #e9e9e9;
margin-left: 4px;
}
.DSL_BlocoProdutos {
width: 100%;
display: block;
margin: auto;
height: 240px;
background: #ccc;
}
.DSL_FotoProduto {
width: auto;
border: 0px;
height: auto;
padding-top: 10px;
overflow: hidden;
background: #fff;
text-align: center;
position: relative;
}
.DSL_ValorDe {
font-size: 12px;
margin: 7px 0 0 0;
color: #363636;
text-decoration: line-through;
text-align: center;
}
.DSL_ValorPor {
font-size: 13px;
font-weight: bold;
display: block;
color: #363636;
text-align: center;
}
.DSL_Lancamento {
text-align: center;
margin-bottom: 5px;
margin-top: 10px;
height: 21px;
}
.DSL_NomeProduto {
text-align: center;
}depois salva e irá ficar igual na foto la em cima.
era exatamente isso que eu queria fazer, acho que me expressei muito mal, rsrsrsrs
era exatamente isso que eu queria fazer, acho que me expressei muito mal, rsrsrsrs
você se expressou certo! e que não e simples chegar a esse resultado da forma que estava seu site, mais em fim que bom que resolveu.
>
você se expressou certo! e que não e simples chegar a esse resultado da forma que estava seu site, mais em fim que bom que resolveu.
cara valeu mesmo, não sei nem como te agradece.
>
você se expressou certo! e que não e simples chegar a esse resultado da forma que estava seu site, mais em fim que bom que resolveu.
cheguei no resultado bem parecido porem meus produtos não estão ao centro da borda, onde posso ter errado?
>
cara valeu mesmo, não sei nem como te agradece.
cheguei no resultado bem parecido porem meus produtos não estão ao centro da borda, onde posso ter errado?
olha como esta ficando
>
você se expressou certo! e que não e simples chegar a esse resultado da forma que estava seu site, mais em fim que bom que resolveu.
olá om dia, sei que já estou abusando da sua disponibilidade, mas olha só como esta ficando, fiz como você me passou o codigo mas algo deu errado as descrições não ficão centralizadas com o produto e a borda está bem fora.
se puderes dar uma analizada te agradeço.
/applications/core/interface/imageproxy/imageproxy.php?img=http://www.belacora.com.br/lojavirtual/01.jpg&key=791a1369d8f29d1b62bcd3b02303eb03607f7a1ed9f7505d3d12b10680fddd63" alt="01.jpg" />
>
olá om dia, sei que já estou abusando da sua disponibilidade, mas olha só como esta ficando, fiz como você me passou o codigo mas algo deu errado as descrições não ficão centralizadas com o produto e a borda está bem fora.
se puderes dar uma analizada te agradeço.
aqui pra mim esta certinho, da forma que eu tinha te passado! se não estiver aparecendo as modificações você pode tentar limpar o cache do navegador.
>
aqui pra mim esta certinho, da forma que eu tinha te passado! se não estiver aparecendo as modificações você pode tentar limpar o cache do navegador.
a cor cinza que fica por traz do botão espiar como posso troca- ?
>
aqui pra mim esta certinho, da forma que eu tinha te passado! se não estiver aparecendo as modificações você pode tentar limpar o cache do navegador.
e no toco do site tenho como colocar mais informações tipo como o exemplo do print. Pois acho que esta muito vasio.
/applications/core/interface/imageproxy/imageproxy.php?img=http://www.belacora.com.br/lojavirtual/02.jpg&key=6873e2e34f1ab9df2299ee222009dceb31bc2abdfb73ab3746b0e25474198b49" alt="02.jpg" />
o botão espiar e uma imagem
http://www.dotstore.com.br/84329_belacora/imagens/BotEspiar.gif
e sobre o topo e só você trabalhar dentro da div DS_TopoGeral desta forma que você já esta fazendo ai, cria um banner.
>
o botão espiar e uma imagem
http://www.dotstore.com.br/84329_belacora/imagens/BotEspiar.gif
e sobre o topo e só você trabalhar dentro da div DS_TopoGeral desta forma que você já esta fazendo ai, cria um banner.
valeuvou continuar tentando aqui então, abraços
>
valeu
vou continuar tentando aqui então, abraços
bom dia guilomaker,
não encontrei esta div DS_topogeral no meu arquivo estilo loja.css é possivél que estar em outro arquivo? como localizo?
dentro da
<div id="DS_TopoGeral">
na index
>
dentro da
<div id="DS_TopoGeral">
na index
eu entrei em contato com o suporte da empresa que contratei a plataforma, ele me informarão que esta classe tem que ser criada dentro do arquivo estilo loja.css, mas como sou leigo não sei por onde como nem por onde começar a criar isso. tais afim de perder mais um tempo comigo ou já extrapolei o limite?
se você não colocar o link do site, vai ficar muito difícil ajudar!