domingo, 27 de setembro de 2020

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

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

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






==================================
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
Playlist Windev Tutorial Amarildo Windev
Playlist windev Franca PcSoft
Amarildo
Windev
WxSolucoes
Matos Informatica
Repositorio Windev
Site forum Google 
Video sobre 3 Mil Videos Windev 
PlayList Pedrosao
Video sobre Alfaserver servidor 
Ultimo Video manipulacao arquivos





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":
      Guia de estilo de um controle de exibição formatado
  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 ( Salvar um elementoou 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 Execute o teste de uma páginaentre 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.
      Usando um estilo importado em tempo de execução


    Postado por às
    Marcadores: , , , , , ,

    Nenhum comentário:

    Postar um comentário

    Assinar: Postar comentários (Atom)

    Teste

    Teste
    teste