20210926 - 로그인 페이지 아이콘 대신 이미지로 변경

1. 이미지를 Static Application Files 에 업로드


2. 로그인 페이지 CSS 설정

Page - CSS - Inline :


.t-Login-logo {
    background-image: url('#APP_IMAGES#20210926-LogIn-FBF9F8.bmp'); 
    background-repeat: no-repeat; 
    background-size: cover;
    width: 240px;
    height: 70px;
    background-position: center center;
}
.t-Login-title {
    font-family: 'Hahmlet', serif;
    font-weight: 500;
    font-size: 28px;
}


3. 추가 : 백그라운드 변경 (redwood light 중)

Page - CSS - Inline :


.t-Body-main {
 background-image: url('https://static.oracle.com/cdn/apex/21.1.0/themes/theme_42/1.6/images/rw/textures/texture-11.png')
}

또는


body{
 background-image: url('https://static.oracle.com/cdn/apex/21.1.0/themes/theme_42/1.6/images/rw/textures/texture-11.png');
}





참고

https://www.traust.com/oracle-apex-simple-login-page-theming/

https://www.javainhand.com/2020/07/attractive-login-page-with-social-icons-in-oracle-apex.html

http://dgielis.blogspot.com/2015/09/custom-image-on-your-apex-app-login-page.html

https://apex.oracle.com/pls/apex/gamma_dev/r/demo/redwood


댓글 없음:

댓글 쓰기

20250315 - 글로벌 변수 Global Variables

G_USER Specifies the currently logged in user. G_FLOW_ID Specifies the ID of the currently running application. G_FLOW_STEP_ID Specifi...