Personalização

Imagem de fundo e CSS

Background

As imagens de fundo do site deverão ser criadas seguindo as dimensões declaradas abaixo e estar no formato JPEG. Tais imagens devem seguir o padrão de nomenclatura:

Português
background_ptb.jpg
Inglês
background_enu.jpg
Espanhol
background_esp.jpg

O diretório padrão para armazenamento das imagens de background é: “/images”.

Veja a estrutura abaixo:

    • exemplo.stcpmon.config
    • exemplo.web.config
    • PrecompiledApp.config
    • STCPCaptchaImage.ashx
    • STCPChangePassword.aspx
  • Um modelo para ser utilizado como a imagem de fundo, assim como as imagens originais do site padrão, está disponível no diretório “/modelos”.

    Veja a estrutura abaixo:

    • exemplo.stcpmon.config
    • exemplo.web.config
    • PrecompiledApp.config
    • STCPCaptchaImage.ashx
    • STCPChangePassword.aspx
  • Configurações no CSS

    O padrão de cores das bordas e cor de fundo do título do site padrão do STCP OFTP Change Password, pode ser realizado através da alteração das classes:

    css/STCPChangePassword.css
    #conteudo
    #tituloLogin
    #frmLogin

    Nas classes #conteudo e #frmLogin as alterações devem ser realizadas no parâmetro border, alterando o valor #XXXXXX pela cor desejada.

    Já na classe #tituloLogin a alteração deverá ser realizada no parâmetro background-color, alterando o valor #XXXXXX pela cor desejada.

    Seguem abaixo os exemplos das classe do arquivo CSS:

    css/STCPChangePassword.css
     1
     2
     3
     4
     5
     6
     7
     8
     9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    
    #conteudo {
        border: solid 1px #CDCDCD; /*cor box externo*/
        background-repeat: no-repeat;
        position: relative;
        width: 910px;
        height: 574px;
        top: 20px;
    }
    
    #frmLogin {
        position: relative;
        text-align: left;
        width: 500px;
        top: 200px;
        border: solid 1px #024780;  /*cor box interno*/
        font: 14px times new roman, roman, arial, verdana, helvetica;
        margin: 0 auto;
        background-color: white;
        padding-bottom: 10px;
    }
    
    #tituloLogin {
        text-align: center;
        margin-bottom: 20px;
        padding: 2px;
        font-size: 16px;
        font-weight: bold;
        background-color: #024780; /*cor titulo box interno*/
        color: white;
    }