Banner Rotativo - Histórico de revisão

Melhorlojaweb: Manutenção no código de adicionar o banner que estava formatado errado

2020-03-02T18:14:01Z

Manutenção no código de adicionar o banner que estava formatado errado

← Versão anterior		Edição de 18h14min de 2 de março de 2020
Linha 5:		Linha 5:
	'''1-''' Copie o código abaixo, pois precisaremos dele para ativar o banner rotativo:		'''1-''' Copie o código abaixo, pois precisaremos dele para ativar o banner rotativo:

-	<~~nowiki~~><head>	+	<code><head>
-	<link href='http://helpdesk.eti.br/renato/ferramentas/SliderMLW/SliderMLW.css'	+	<link href='http://helpdesk.eti.br/renato/ferramentas/SliderMLW/SliderMLW.css' rel='stylesheet'>
		+	</head>

-	~~rel='stylesheet'>~~
-	~~</head>~~
	<div class='slideshow-container'>		<div class='slideshow-container'>
-	<div class='mySlides fade'><a href='#'><img src='www.linkdaimagem1.com.br'	+	<div class='mySlides fade'><a href='#'><img src='www.linkdaimagem1.com.br' style='width:100%'></a></div>
-		+	<div class='mySlides fade'><a href='#'><img src='www.linkdaimagem2.com.br' style='width:100%'></a></div>
-	style='width:100%'></a></div>	+	<div class='mySlides fade'><a href='#'><img src='www.linkdaimagem3.com.br' style='width:100%'></a></div>
-	<div class='mySlides fade'><a href='#'><img src='www.linkdaimagem2.com.br'	+
-		+
-	style='width:100%'></a></div>	+
-	<div class='mySlides fade'><a href='#'><img src='www.linkdaimagem3.com.br'	+

-	~~style='width:100%'></a></div>~~
	<a class='prev' onclick='RemoverSlide()'>❮</a>		<a class='prev' onclick='RemoverSlide()'>❮</a>
	<a class='next' onclick='AdicionarSlide()'>❯</a>		<a class='next' onclick='AdicionarSlide()'>❯</a>
Linha 29:		Linha 23:
	<span class='dot' onclick='currentSlide(3)'></span>		<span class='dot' onclick='currentSlide(3)'></span>
	</div>		</div>
-	~~<script type='text/javascript'~~

-	src='http://helpdesk.eti.br/renato/ferramentas/SliderMLW/SliderMLW.js'></script></~~nowiki~~>	+	<script type='text/javascript' src='http://helpdesk.eti.br/renato/ferramentas/SliderMLW/SliderMLW.js'></script></code>

WikiSysop: /* Finalizando o Banner Rotativo? */

2018-01-26T19:01:22Z

Finalizando o Banner Rotativo?

← Versão anterior		Edição de 19h01min de 26 de janeiro de 2018
Linha 81:		Linha 81:


-	= Finalizando o Banner Rotativo? =	+	= Finalizando o Banner Rotativo =

	1- Acesse "Layout" e clique no botão "Ver/Editar os arquivos de Layout".		1- Acesse "Layout" e clique no botão "Ver/Editar os arquivos de Layout".

WikiSysop: /* Como alterar uma imagem no Banner Rotativo? */

2018-01-26T19:00:17Z

Como alterar uma imagem no Banner Rotativo?

← Versão anterior		Edição de 19h00min de 26 de janeiro de 2018
Linha 81:		Linha 81:


-	= ~~Como alterar uma imagem no~~ Banner Rotativo? =	+	= Finalizando o Banner Rotativo? =

-	~~Para alterar uma imagem em seu banner rotativa, siga~~ os ~~passos:~~	+	1- Acesse "Layout" e clique no botão "Ver/Editar os arquivos de Layout".

-	~~'''1-''' Acesse Conteúdo do site e clique em "Gerenciar Imagens"~~:	+	[[Arquivo:Bannerr1.jpg]]

-	~~[[Arquivo:Bannerr2~~.~~jpg]]~~	+	2- Na página inicial, escolha para editar "Default.html" é página inicial padrão. Ao abrir o editor já estará nela:

-	~~'''2-''' Selecione o arquivo sprite e clique em deletar imagem~~:	+	[[Arquivo:Conteudo banner.PNG]]

-	~~[[Arquivo:Sprite~~.~~png]]~~	+	3- Nas tags img src=, insira a url das imagens do passo anterior e clique em salvar.

-	'''3-''' ~~Ainda em Gerenciar Imagens, clique em "Enviar Imagens" e selecione a imagem, em seu computador, que gostaria de inserir. Ao final clique em enviar.~~	+	'''Obs: Edite apenas as tags img src='''
-		+
-	~~[[Arquivo:Sprite2.png]]~~	+
-		+
-	~~<b><big>Observação: Para ser exibido corretamente, a imagem deve ser salva com o nome de sprite.png. Recomendamos também a resolução de algo em torno de 194x55 px</big></b>~~	+
-		+
-		+
-	~~Você pode ter um banner rotativo profissional em sua loja virtual e com isso, divulgar seus produtos, sua marca e aumentar suas vendas! Entre em contato conosco!~~	+

WikiSysop em 18h50min de 26 de janeiro de 2018

2018-01-26T18:50:28Z

← Versão anterior		Edição de 18h50min de 26 de janeiro de 2018
Linha 5:		Linha 5:
	'''1-''' Copie o código abaixo, pois precisaremos dele para ativar o banner rotativo:		'''1-''' Copie o código abaixo, pois precisaremos dele para ativar o banner rotativo:

-	<nowiki>	+	<nowiki><head>
-		+	<link href='http://helpdesk.eti.br/renato/ferramentas/SliderMLW/SliderMLW.css'
-	<<head>	+
-		+
-	<link href='http://helpdesk.eti.br/renato/ferramentas/SliderMLW/SliderMLW.css' ~~rel='stylesheet'>~~	+

		+	rel='stylesheet'>
	</head>		</head>
-
	<div class='slideshow-container'>		<div class='slideshow-container'>
		+	<div class='mySlides fade'><a href='#'><img src='www.linkdaimagem1.com.br'

-	<div class='mySlides fade'><a href='#'><img src='www.~~linkdaimagem1~~.com.br' ~~style='width:100%'></a></div>~~	+	style='width:100%'></a></div>
		+	<div class='mySlides fade'><a href='#'><img src='www.linkdaimagem2.com.br'

-	~~<div class='mySlides fade'><a href='#'><img src='www.linkdaimagem2.com.br'~~ style='width:100%'></a></div>	+	style='width:100%'></a></div>
-		+	<div class='mySlides fade'><a href='#'><img src='www.linkdaimagem3.com.br'
-	<div class='mySlides fade'><a href='#'><img src='www.linkdaimagem3.com.br' ~~style='width:100%'></a></div>~~	+

		+	style='width:100%'></a></div>
	<a class='prev' onclick='RemoverSlide()'>❮</a>		<a class='prev' onclick='RemoverSlide()'>❮</a>
-
	<a class='next' onclick='AdicionarSlide()'>❯</a>		<a class='next' onclick='AdicionarSlide()'>❯</a>
-
	</div>		</div>
-
	<br /><br />		<br /><br />
-
	<div style='text-align:center'>		<div style='text-align:center'>
-
	<span class='dot' onclick='currentSlide(1)'></span>		<span class='dot' onclick='currentSlide(1)'></span>
-
	<span class='dot' onclick='currentSlide(2)'></span>		<span class='dot' onclick='currentSlide(2)'></span>
-
	<span class='dot' onclick='currentSlide(3)'></span>		<span class='dot' onclick='currentSlide(3)'></span>
-
	</div>		</div>
		+	<script type='text/javascript'

-	~~<script type='text/javascript'~~ src='http://helpdesk.eti.br/renato/ferramentas/SliderMLW/SliderMLW.js'~~></script~~></script></nowiki>	+	src='http://helpdesk.eti.br/renato/ferramentas/SliderMLW/SliderMLW.js'></script></nowiki>

WikiSysop em 18h49min de 26 de janeiro de 2018

2018-01-26T18:49:50Z

← Versão anterior		Edição de 18h49min de 26 de janeiro de 2018
Linha 5:		Linha 5:
	'''1-''' Copie o código abaixo, pois precisaremos dele para ativar o banner rotativo:		'''1-''' Copie o código abaixo, pois precisaremos dele para ativar o banner rotativo:

-	<nowiki><head>	+	<nowiki>
		+
		+	<<head>
		+
	<link href='http://helpdesk.eti.br/renato/ferramentas/SliderMLW/SliderMLW.css' rel='stylesheet'>		<link href='http://helpdesk.eti.br/renato/ferramentas/SliderMLW/SliderMLW.css' rel='stylesheet'>
		+
	</head>		</head>
		+
	<div class='slideshow-container'>		<div class='slideshow-container'>
		+
	<div class='mySlides fade'><a href='#'><img src='www.linkdaimagem1.com.br' style='width:100%'></a></div>		<div class='mySlides fade'><a href='#'><img src='www.linkdaimagem1.com.br' style='width:100%'></a></div>
		+
	<div class='mySlides fade'><a href='#'><img src='www.linkdaimagem2.com.br' style='width:100%'></a></div>		<div class='mySlides fade'><a href='#'><img src='www.linkdaimagem2.com.br' style='width:100%'></a></div>
		+
	<div class='mySlides fade'><a href='#'><img src='www.linkdaimagem3.com.br' style='width:100%'></a></div>		<div class='mySlides fade'><a href='#'><img src='www.linkdaimagem3.com.br' style='width:100%'></a></div>
		+
	<a class='prev' onclick='RemoverSlide()'>❮</a>		<a class='prev' onclick='RemoverSlide()'>❮</a>
		+
	<a class='next' onclick='AdicionarSlide()'>❯</a>		<a class='next' onclick='AdicionarSlide()'>❯</a>
		+
	</div>		</div>
		+
	<br /><br />		<br /><br />
		+
	<div style='text-align:center'>		<div style='text-align:center'>
		+
	<span class='dot' onclick='currentSlide(1)'></span>		<span class='dot' onclick='currentSlide(1)'></span>
		+
	<span class='dot' onclick='currentSlide(2)'></span>		<span class='dot' onclick='currentSlide(2)'></span>
		+
	<span class='dot' onclick='currentSlide(3)'></span>		<span class='dot' onclick='currentSlide(3)'></span>
		+
	</div>		</div>
-	<script type='text/javascript' src='http://helpdesk.eti.br/renato/ferramentas/SliderMLW/SliderMLW.js'></script></nowiki>	+
		+	<script type='text/javascript' src='http://helpdesk.eti.br/renato/ferramentas/SliderMLW/SliderMLW.js'></script></script></nowiki>

WikiSysop em 18h46min de 26 de janeiro de 2018

2018-01-26T18:46:34Z

← Versão anterior		Edição de 18h46min de 26 de janeiro de 2018
Linha 36:		Linha 36:
	[[Arquivo:Conteudo banner.PNG]]		[[Arquivo:Conteudo banner.PNG]]

-	'''3-''' Insira o código entre '''%%Panel.Header%%''' e div id="Wrapper"	+	'''3-''' Insira o código entre '''%%Panel.Header%%''' e div id="Wrapper". Ou seja, irá inserir o código na linha 7.

	[[Arquivo:Banner_teste_novo2.jpg]]		[[Arquivo:Banner_teste_novo2.jpg]]

WikiSysop em 18h42min de 26 de janeiro de 2018

2018-01-26T18:42:44Z

← Versão anterior		Edição de 18h42min de 26 de janeiro de 2018
Linha 44:		Linha 44:
	[[Arquivo:Salvarfim.PNG]]		[[Arquivo:Salvarfim.PNG]]

		+	Feito isto, faça agora o upload da imagens de irá utilizar:

-		+	==Upload de Imagens==
-	~~Saiba como criar e editar o banner rotativo~~ de ~~sua loja virtual!~~	+
-		+
-	~~Feito isto, faça agora o upload da imagens de irá utilizar:~~	+

	'''1-''' Acesse Conteúdo do site e clique em "Gerenciar Imagens":		'''1-''' Acesse Conteúdo do site e clique em "Gerenciar Imagens":

WikiSysop: /* Como alterar uma imagem no Banner Rotativo? */

2018-01-26T18:41:45Z

Como alterar uma imagem no Banner Rotativo?

← Versão anterior		Edição de 18h41min de 26 de janeiro de 2018
Linha 47:		Linha 47:

	Saiba como criar e editar o banner rotativo de sua loja virtual!		Saiba como criar e editar o banner rotativo de sua loja virtual!
		+
		+	Feito isto, faça agora o upload da imagens de irá utilizar:
		+
		+	'''1-''' Acesse Conteúdo do site e clique em "Gerenciar Imagens":
		+
		+	[[Arquivo:Bannerr2.jpg]]
		+
		+	'''2-''' Clique em "Enviar Imagens":
		+
		+	[[Arquivo:Bannerr3.jpg]]
		+
		+	'''3-''' Escolha as imagens salvas em sua máquina. '''Observação: Para um bom funcionamento do Banner, as imagens devem ter a proporção de 1920x500.'''
		+
		+	[[Arquivo:Bannerr4.jpg]]
		+
		+	'''4-''' Após subir as imagens, serão exibidas miniaturas como abaixo. Copie o endereço da imagem de cada uma delas. Para isto clique com o botão direito do mouse em cima da imagem em questão e selecione "Copiar endereço da imagem".
		+
		+	[[Arquivo:Bannerr5.jpg]]
		+
		+	'''5-''' Salve estas urls e siga para o próximo passo.
		+
		+
		+
		+
		+

	= Como alterar uma imagem no Banner Rotativo? =		= Como alterar uma imagem no Banner Rotativo? =

WikiSysop: /* Quero Criar um Banner Rotativo em minha Loja Virtual. Como fazer? */

2018-01-26T18:39:19Z

Quero Criar um Banner Rotativo em minha Loja Virtual. Como fazer?

← Versão anterior		Edição de 18h39min de 26 de janeiro de 2018
Linha 1:		Linha 1:
-	= Quero Criar um Banner Rotativo em minha Loja Virtual. Como fazer? =	+	Quero Criar um Banner Rotativo em minha Loja Virtual. Como fazer?

	O primeiro passo é inserir este código abaixo em sua loja. Veja como fazer:		O primeiro passo é inserir este código abaixo em sua loja. Veja como fazer:

WikiSysop: /* Quero Criar um Banner Rotativo em minha Loja Virtual. Como fazer? */

2018-01-26T18:37:11Z

Quero Criar um Banner Rotativo em minha Loja Virtual. Como fazer?

← Versão anterior		Edição de 18h37min de 26 de janeiro de 2018
Linha 28:		Linha 28:
	Feito isto, siga os passos abaixo:		Feito isto, siga os passos abaixo:

-	1- Acesse "Layout" e clique no botão "Ver/Editar os arquivos de Layout".	+	'''1-''' Acesse "Layout" e clique no botão "Ver/Editar os arquivos de Layout".

	[[Arquivo:Bannerr1.jpg]]		[[Arquivo:Bannerr1.jpg]]

-	2- Na página inicial, escolha para editar "Default.html" é página inicial padrão. Ao abrir o editor já estará nela:	+	'''2-''' Na página inicial, escolha para editar "Default.html" é página inicial padrão. Ao abrir o editor já estará nela:

	[[Arquivo:Conteudo banner.PNG]]		[[Arquivo:Conteudo banner.PNG]]

-	3- Insira o código entre '''%%Panel.Header%%''' e div id="Wrapper"	+	'''3-''' Insira o código entre '''%%Panel.Header%%''' e div id="Wrapper"

	[[Arquivo:Banner_teste_novo2.jpg]]		[[Arquivo:Banner_teste_novo2.jpg]]

-	4- Clique no botão "Salvar" para finalizar.	+	'''4-''' Clique no botão "Salvar" para finalizar.

	[[Arquivo:Salvarfim.PNG]]		[[Arquivo:Salvarfim.PNG]]