DICAS 3124 -WEBDEV TUTORIAL 58 - 06-10-2020-09_30Hrs-TER-Licao 4.3. AWP - APLICANDO ESTILOS-STYLE CSS - PARTE N

---

https://youtu.be/9N-OlT7uZeQ

Bom Dia Boa Tarde Boa Noite

Seja Membro do Canal

https://www.youtube.com/channel/UCQGPHrppG5XKoRbeOIgLJEA/join

Esse Ao Vivo vai estrear as 09:30 do dia 06/10/2020-TER

DICAS 3124 -WEBDEV TUTORIAL 58 - 06-10-2020-09_30Hrs-TER-Licao 4.3. AWP - APLICANDO ESTILOS-STYLE CSS - PARTE N

Lição 4.3. Criação de páginas no modo AWP

https://windevdesenvolvimento.blogspot.com/2020/09/dicas-3124-webdev-tutorial-58-06-10.html

ASSUNTOS

Aplicando estilos CSS

Copiei o estilos_amarildo para dentro do diretorio da pagina

e importei novamente 

Entrando na descricao do preco

Dentro propriedade de preco, colocar o estilo do preco

testar a pagina com css 

DICAS 3067 -WEBDEV TUTORIAL 1-Licao 1.1-14-09-2020 11hrs-DESCUBRA WEBDEV
DICAS 3068 -WEBDEV TUTORIAL 1-Licao 1.2-14-09-2020 15hrs-Web development and WEBDEV - PARTE A
DICAS 3069 -WEBDEV TUTORIAL 3-Licao 1.2-14-09-2020 16hrs-Web development and WEBDEV - PARTE B

DICAS 3070 -WEBDEV TUTORIAL 4-Licao 1.2-14-09-2020 17hrs-Web development and WEBDEV - PARTE C
DICAS 3071 -WEBDEV TUTORIAL 5-Licao 1.3-15-09-2020 11hrs-Lesson 1.3. Minha Primeira Pagina - PARTE A

DICAS 3072 -WEBDEV TUTORIAL 6-Licao 1.3-15-09-2020 15hrs-Lesson 1.3. Minha Primeira Pagina - PAGINA FORMULARIO - PARTE B

DICAS 3073 -WEBDEV TUTORIAL 7-Licao 1.3-15-09-2020 16hrs-Lesson 1.3. Minha Primeira Pagina - CRIANDO CONTROLES - PARTE C

DICAS 3074 -WEBDEV TUTORIAL 8-Licao 1.3-16-09-2020 11hrs-Lesson 1.3. Minha Primeira Pagina - SALVANDO DADOS - ENGENHARIA REVERSA - PARTE D

DICAS 3075 -WEBDEV TUTORIAL 9-Licao 1.3-16-09-2020 15hrs-Lesson 1.3. SALAVANDO DADOS - PARTE E

DICAS 3076 -WEBDEV TUTORIAL 10-Licao 1.3-16-09-2020 16hrs-Lesson 1.3. TESTE PAGINA E WDMAP - PARTE F

DICAS 3077 -WEBDEV TUTORIAL 11-Licao 1.3-17-09-2020 11hrs-Lesson 1.3. CONTROLE ENTRADA - PARTE G

DICAS 3078 -WEBDEV TUTORIAL 12-Licao 1.3-17-09-2020 15hrs-Lesson 1.3. VERIFICACAO SENHA - PARTE H

DICAS 3079 -WEBDEV TUTORIAL 13-Licao 1.3-17-09-2020 16hrs-Lesson 1.3. PESQUISA SIMPLES BANCO DADOS LOGIN - PARTE I

DICAS 3080 -WEBDEV TUTORIAL 14 - Licao 1.3-18-09-2020 11hrs-Lesson 1.3. LOGIN CONECTAR CODIGO - PARTE J

DICAS 3081 -WEBDEV TUTORIAL 15 - 4M - Lesson 2.1. Overview - Lesson 2.2 = Databases- VISAO GERAL - PARTE A

DICAS 3082 -WEBDEV TUTORIAL 16 - 0M -20-09-2020-11Hrs-DOM- Lesson 2.2 = Databases - PARTE B

DICAS 3083 -WEBDEV TUTORIAL 17 - 21-09-2020-11Hrs-SEG- Lesson 2.3. Project and analysis - PARTE A

DICAS 3084 -WEBDEV TUTORIAL 18 - 21-09-2020-11_15Hrs-SEG- Lesson 2.3. Project and analysis - ANALISE - CLIENTE- PARTE B

DICAS 3085 -WEBDEV TUTORIAL 19 - 21-09-2020-11_30Hrs-SEG- Lesson 2.3. Project and analysis - ANALISE - PEDIDO - PARTE C

DICAS 3086 -WEBDEV TUTORIAL 20 - 21-09-2020-11_45Hrs-SEG- Lesson 2.3. Project and analysis - ANALISE - CAMPOS PEDIDO - PARTE D

DICAS 3087 -WEBDEV TUTORIAL 21 - 21-09-2020-12_00Hrs-SEG- Lesson 2.3. Project and analysis - MODO DE PAGAMENTO - IMPORTANDO CSV - WDMAP - PARTE E

DICAS 3088 -WEBDEV TUTORIAL 22 - 22-09-2020-11_00Hrs-SEG- Lesson 2.3. Project and analysis - IMPORTAR PRODUTO - WDMAP - PARTE F

DICAS 3089 -WEBDEV TUTORIAL 23 - 22-09-2020-11_30Hrs-TER- Lesson 2.3. Project and analysis - LINKS - PARTE G

DICAS 3090 -WEBDEV TUTORIAL 24 - 22-09-2020-14_00Hrs-TER- Lesson 2.3. Project and analysis - LINKS PEDIDO ITEN - PARTE H

DICAS 3091 -WEBDEV TUTORIAL 24 - 22-09-2020-14_30Hrs-TER- Lesson 2.3. Project and analysis - LINKS PEDIDO ITEN - CONTINUA - PARTE I

DICAS 3092 -WEBDEV TUTORIAL 26 - 22-09-2020-15_00Hrs-TER- Lesson 2.3. Project and analysis - GERANDO ANALISE - PARTE J FINAL

DICAS 3093 -WEBDEV TUTORIAL 27 - 23-09-2020-11_00Hrs-QUA- Lesson 3.1. Overview - VISAO GERAL

DICAS 3094 -WEBDEV TUTORIAL 28 - 23-09-2020-14_00Hrs-QUA- Lição 3.2. Principio para exibir um site WEBDEV no modo Sessão

DICAS 3095 -WEBDEV TUTORIAL 29 - 24-09-2020-11_00Hrs-QUI-Licao 3.3. Paginas para adição e modificação parte A

DICAS 3096 -WEBDEV TUTORIAL 30 - 24-09-2020-10_30Hrs-QUI-Licao 3.3. Criar Pagina Sessao Lista Produtos - PARTE B

DICAS 3097 -WEBDEV TUTORIAL 31 - 24-09-2020-11_00Hrs-QUI-Licao 3.3. Criar Pagina - CONTROLER LOOPER - PARTE C

DICAS 3098 -WEBDEV TUTORIAL 32 - 24-09-2020-11_30Hrs-QUI-Licao 3.3. Criar Pagina - MODIFICAR_MENU_TEMPLATE - PARTE D

DICAS 3099 -WEBDEV TUTORIAL 33 - 25-09-2020-10_00Hrs-SEX-Licao 3.3.MODIFICANDO PRODUTOS MODO SESSAO - PARTE E

DICAS 3100 -WEBDEV TUTORIAL 34 - 25-09-2020-10_30Hrs-SEX-Licao 3.3. Criacao Controles de Edicao - Parte F

DICAS 3101 -WEBDEV TUTORIAL 35 - 25-09-2020-11_00Hrs-SEX-Licao 3.3. Criacao Controles de Edicao-AJUSTES - Parte G

DICAS 3102 -WEBDEV TUTORIAL 36 - 25-09-2020-11_30Hrs-SEX-Licao 3.3. Exibindo Dados Pagina - Parte H

DICAS 3103 -WEBDEV TUTORIAL 37 - 26-09-2020-11_00Hrs-SAB-Licao 3.3. CRIANDO CONTROLE BOTAO - CANCELAR - Parte I

DICAS 3104 -WEBDEV TUTORIAL 38 - 27-09-2020-11_00Hrs-DOM-Licao 3.3. CRIANDO CONTROLE BOTAO - VALIDAR - Parte J 

DICAS 3105 -WEBDEV TUTORIAL 39 - 28-09-2020-09_00Hrs-SEG-Licao 3.3. UPLOAD - GERENCIANDO A IMAGEN DO PRODUTO - Parte L

DICAS 3106 -WEBDEV TUTORIAL 40 - 29-09-2020-09_00Hrs-SEG-Licao 3.3. - PageDisplay - Exibindo formulario lista produtos - Parte M

DICAS 3107 -WEBDEV TUTORIAL 41 - 30-09-2020-09_00Hrs-QUA-Licao 3.3. - HSAVE - ADICIONAR NOVO PRODUTO - Parte N

DICAS 3108 -WEBDEV TUTORIAL 42 - 30-09-2020-09_30Hrs-QUA-Licao 3.3. MODIFICAR MENU Parte O

DICAS 3109 -WEBDEV TUTORIAL 43 - 30-09-2020-09_30Hrs-QUA-Licao 3.3. VERIFICANDO ADICAO DO PRODUTO Parte P

DICAS 3110 -WEBDEV TUTORIAL 44 - 01-10-2020-09_00Hrs-QUI-Licao 4.1. VISAO GERAL - PARTE A

DICAS 3111 -WEBDEV TUTORIAL 45 - 01-10-2020-09_30Hrs-QUI-Licao 4.2. EXIBIR PAGINA AWP - PARTE A

DICAS 3112 -WEBDEV TUTORIAL 46 - 01-10-2020-10_00Hrs-QUI-Licao 4.3. CRIACAO PAGINA MODO AWP - PARTE A

DICAS 3113 -WEBDEV TUTORIAL 47 - 01-10-2020-10_30Hrs-QUI-Licao 4.3. AWP - LISTA NOVOS PRODUTOS - PARTE B

DICAS 3114 -WEBDEV TUTORIAL 48 - 01-10-2020-11_00Hrs-QUI-Licao 4.3. AWP - LOOPER - IMAGEN - PARTE C

DICAS 3115 -WEBDEV TUTORIAL 48 - 01-10-2020-11_30Hrs-QUI-Licao 4.3. AWP - LOOPER - LINK - STATIC - PARTE D

DICAS 3116 -WEBDEV TUTORIAL 50 - 01-10-2020-12_00Hrs-QUI-Licao 4.3. AWP - LOOPER - ATRIBUTOS - PARTE E

DICAS 3117 -WEBDEV TUTORIAL 51 - 02-10-2020-09_00Hrs-SEX-Licao 4.3. AWP - LOOPER - PROGRAMACAO - PARTE F

DICAS 3118 -WEBDEV TUTORIAL 52 - 02-10-2020-09_00Hrs-SEX-Licao 4.3. AWP - VISUALIZANDO DETALHES DE UM NOVO PRODUTO- PARTE G

DICAS 3119 -WEBDEV TUTORIAL 53 - 02-10-2020-09_30Hrs-SEX-Licao 4.3. AWP - CRIANDO CONTROLES - PARTE H

DICAS 3120 -WEBDEV TUTORIAL 54 - 03-10-2020-11_00Hrs-SAB-Licao 4.3. AWP - Link nos Contorles - PARTE I

DICAS 3121 -WEBDEV TUTORIAL 55 - 04-10-2020-11_00Hrs-DOM-Licao 4.3. AWP - EXIBINDO DADOS PAGINA - PARTE J

DICAS 3122 -WEBDEV TUTORIAL 56 - 05-10-2020-09_00Hrs-SEG-Licao 4.3. AWP - EXIBINDO O FORMULARIO DA LISTA DE PRODUTOS - PARTE L

DICAS 3123 -WEBDEV TUTORIAL 57 - 06-10-2020-09_00Hrs-TER-Licao 4.3. AWP - GESTAO ESTILOS - PARTE M

DICAS 3124 -WEBDEV TUTORIAL 58 - 06-10-2020-09_30Hrs-TER-Licao 4.3. AWP - APLICANDO ESTILOS CSS - PARTE N

DICAS 3125 -WEBDEV TUTORIAL 59 - 07-10-2020-09_00Hrs-TER-Licao 4.3. AWP - VINCULADO SITE INTERNET E INTRANET - PARTE O

==================================

estilhos_Amarildo.css

.styleprice{

font-size:14px;

font-weight:bold;

color:red;

text-align:right;

vertical-align:middle;

padding:5px;

}

.stylereference{

font-size:7px;

color:#808080;

padding:5px;

}

.styletitle{

font-size:14px;

font-weight:bold;

color:black;

padding:5px;

}

==================================

PlayList WebDev tutorial Amarildo Webdev

https://www.youtube.com/playlist?list=PLwJwZaqiZW-m1VKca0Ju9xWGT1rFus7ku

Playlist Windev Tutorial Amarildo Windev

https://www.youtube.com/playlist?list=PLwJwZaqiZW-lxU1XF0M0htb5S5f8pavuE

Playlist windev Franca PcSoft

https://www.youtube.com/watch?v=I6OYUmmJOMU&list=PLI6fRsLPTA4gjevtou2V2qCLDo2w2i4bM

Amarildo

http://www.amarildomatos.com.br/

Windev

https://www.windev.com/

WxSolucoes

http://www.wxsolucoes.com.br/

Matos Informatica

http://www.matosinformatica.com.br/

Repositorio Windev

https://repository.windev.com/

Site forum Google 

https://groups.google.com/forum/?oldui=1&oi=1#!forum/amarildowindev

Video sobre 3 Mil Videos Windev 

https://youtu.be/3DshsXJ8I2M

PlayList Pedrosao

https://www.youtube.com/watch?v=ASY7T3Tt0sY&list=PLYgB8kapIj5-yeSTIQdHbzeY_lEaSJpg9

Video sobre Alfaserver servidor 

https://youtu.be/EqnYJFpvPAI

Ultimo Video manipulacao arquivos

https://youtu.be/jpDiUW806zk

---

---

ErpMatos - TgsSistemas

skype:amarildo.matos.informatica

email: amarildo.matos@gmail.com

whats: 51984197742

Youtube: Amarildo Matos

http://www.amarildomatos.com.br

https://groups.google.com/forum/#!forum/amarildowindev

www.windev.com

https://www.pcsoft.fr/webinaires.htm?p=forumpcs

https://forum.pcsoft.fr/fr-FR/pcsoft.br.windev/page/1.awp

https://www.windev.com/windev/WD-Express.htm

https://www.windev.com/windevmobile/WM-Express.htm

http://windevdesenvolvimento.blogspot.com.br/2017/07/menu-blog.html

---

Aplicando estilos CSS

Agora vamos aplicar os diferentes estilos aos controles encontrados na página "PAGE_Product_details".

1. Posicione na página "PAGE_Product_details".
2. Exiba a janela de descrição do controle "FSTC_Price" que exibe o preço do produto (clique duas vezes no controle).
3. Na guia "Estilo":
   • Selecione o elemento "Área de exibição (CSS)".
   • Selecione o estilo "class-styleprice" na lista "Estilo CSS":
     
4. Validar. O estilo é aplicado automaticamente ao controle.
5. Aumente o controle se necessário (com as alças de dimensionamento) para adaptar seu tamanho ao conteúdo.
6. Salve as modificações ( ou Ctrl + S).

• Vamos fazer um teste para verificar se tudo está funcionando.
  1. Se necessário, abra "PAGE_List_of_new_products" no editor de página (use a barra de documentos abertos).
  2. Clique entre os botões de acesso rápido.
  3. A página é exibida automaticamente no navegador.
  4. Clique no link para exibir os detalhes do produto. O preço agora é exibido em vermelho.