{"id":13930,"date":"2019-11-14T17:24:37","date_gmt":"2019-11-15T01:24:37","guid":{"rendered":"http:\/\/clartechsolutions.com\/?p=13930"},"modified":"2023-03-01T02:14:14","modified_gmt":"2023-03-01T02:14:14","slug":"anadir-imagen-de-fondo-y-logo-con-css-en-oracle-apex-19-2","status":"publish","type":"post","link":"https:\/\/kiusi.com\/en\/anadir-imagen-de-fondo-y-logo-con-css-en-oracle-apex-19-2\/","title":{"rendered":"A\u00f1adir Imagen de Fondo y Logo con CSS en Oracle APEX 19.2"},"content":{"rendered":"

La manera m\u00e1s f\u00e1cil de agregar un fondo y el logo en la p\u00e1gina de inicio de sesi\u00f3n de APEX es usando las reglas CSS.<\/p>\n

Actualmente tenemos la p\u00e1gina de esta forma:<\/p>\n

\"\"<\/p>\n

1. Vamos a cargar la imagen de fondo y el logo en nuestro espacio de trabajo desde Creador de Aplicaciones > Aplicaci\u00f3n > Componentes Compartidos<\/p>\n

\"\"<\/p>\n

2. Luego vamos al Dise\u00f1ador de la P\u00e1gina del Inicio de Sesi\u00f3n >  CSS > Inline y abajo colocamos las siguientes reglas CSS:<\/p>\n

span.t-Login-logo {\nbackground-image: url(#APP_IMAGES#logo-128px.png);\nbackgroung-size: cover;\nwidth: 150px;\nheight: 140px;\n}\n.t-Body {\nbackground-image:url(#APP_IMAGES#bg-demo.jpg);\nbackground-repeat: no-repeat;\nbackground-size : 100%;\nbackground-position: 25%;\n}<\/pre>\n
* Podemos calcular el ancho y la altura de la imagen de nuestro logo seg\u00fan corresponda.<\/p>\n
Y el resultado final es una hermosa p\u00e1gina de inicio de sesi\u00f3n como la imagen destacada de este post \ud83d\ude42<\/p>","protected":false},"excerpt":{"rendered":"
La manera m\u00e1s f\u00e1cil de agregar un fondo y el logo en la p\u00e1gina de inicio de sesi\u00f3n de APEX es usando las reglas CSS. Actualmente tenemos la p\u00e1gina de esta forma: 1. Vamos a cargar la imagen de fondo y el logo en nuestro espacio de trabajo desde Creador de Aplicaciones > Aplicaci\u00f3n >Continue reading “A\u00f1adir Imagen de Fondo y Logo con CSS en Oracle APEX 19.2”<\/span><\/a><\/p>","protected":false},"author":132749711,"featured_media":16500,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","_crdt_document":"","advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"_wpas_customize_per_network":false,"jetpack_post_was_ever_published":true},"categories":[121913,121999],"tags":[121935,122000,121940,121992,122001,122002,122003],"class_list":["post-13930","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-oracle-apex-19-2","tag-background","tag-csss","tag-estilos","tag-inicio-de-sesion","tag-login","tag-pagina","tag-reglas-css","entry"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2019\/11\/Destacada-Anadir-Imagen-de-Fondo-y-Logo-con-CSS-en-Oracle-APEX-19.2.jpg?fit=2949%2C1735&ssl=1","jetpack_likes_enabled":true,"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/paMvMS-3CG","amp_enabled":true,"_links":{"self":[{"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/posts\/13930","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/users\/132749711"}],"replies":[{"embeddable":true,"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/comments?post=13930"}],"version-history":[{"count":3,"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/posts\/13930\/revisions"}],"predecessor-version":[{"id":16501,"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/posts\/13930\/revisions\/16501"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/media\/16500"}],"wp:attachment":[{"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/media?parent=13930"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/categories?post=13930"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/tags?post=13930"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}