- Este debate tiene 5 respuestas, 2 mensajes y ha sido actualizado por última vez el 3 años, 7 meses por
. This post has been viewed 708 times
-
Entradas
-
-
Intento poner una imagen de fondo en el Body de la pagina, pero no lo consigo...
1:AddHtml( "style=background-image: url('images/fons.jpg');" )Por lo visto, crea una entrada en <body> llamada <main> que en su interior tiene una <div>
1<main class="valign-wrapper black-text white"><div id="htmlcontainer" class="container"><div class="row">style=background-image: url('images/fons.jpg');</div></div></main>y lo que me muestra es en tipo texto lo escrito como html
He buscado alguna propiedad como :cBackground de WebPage, pero no veo ninguna para este cometido.Gracias por vuestro tiempo
Un saludo,
Xevi.
-
Néfele utiliza el framework Materialize para maquetar las páginas, y materialize organiza el <body> en tres secciones básicas:
<header>: la cabecera. Néfele la utiliza para la reBar de cabecera y menú y para alojar las ventanas modales
<main>: es el contenido de la página propiamente dicha
<footer> : para el pie de página
en TWebpage tienes varias propiedades para cambiar los fondos
Las más sencillas y que solo te permiten cambiar el color de texto y de fondo de la sección <main>
Property cClrText Init "black"
Property cClrPane Init "white"El valor de estas propiedades tiene que ser un texto según el esquema de colores de materialize
Para funciones más avanzadas tienes las siguientes
Para tratar el fondo de toda la página (<body>)
PROPERTY cBodyClass INIT "" // Clases extra a añadir al Body separadas por espacis
PROPERTY cBodyBackground // Fondo ( puede ser una url a una imagen )
PROPERTY cBodyBackgroundColor // Color de fondo ( podemos utilizar sintaxis css como #ff00ff)
PROPERTY cBodyBackgroundSize // tamaño del fondo (corresponde al background-size de css)Para tratar el fondo de la sección <main>
PROPERTY cBackground // Fondo de la Página
PROPERTY cBackgroundSize // Tamaño del fondo
PROPERTY cBackgroundColor // Color del fondo OJO: por defecto cClrPane
PROPERTY lBackgroundRepeat INIT .T. // Si el fondo se repite o no
PROPERTY cBackgroundAlign INIT "center center" // corresponde al background-position de cssUna última cosa:
Recuerda que el fondo por defecto de <main> es White, por lo cual, si pones una imagen de fondo con cBodyBackground , tendrás que establecer
cBackgroundColor := "transparent !important" para que se vea.Esto te permite jugar con efectos sobre el fondo muy interesantes. Prueba a poner una imagen de fondo en <body> a asignar el valor cBackgroundColor:= "radial-gradient(#0000001f, #ffffff)"
-
Esta respuesta fue modificada 3 años, 7 meses por
.
-
Esta respuesta fue modificada 3 años, 7 meses por .
-
Esta respuesta fue modificada 3 años, 7 meses por .
-
Esta respuesta fue modificada 3 años, 7 meses por .
-
Esta respuesta fue modificada 3 años, 7 meses por .
-
Esta respuesta fue modificada 3 años, 7 meses por .
-
Esta respuesta fue modificada 3 años, 7 meses por
-
Esto SI me está funcionando
1234567PROCEDURE MainPage()With Object TWebPage():New():lValign := .T.:cIcon := "images/@Soft.ico":cTitle := "ProvaNéfele Xevi":cBackground := "images/fons.jpg"Esto no me funciona
123456With Object TWebPage():New():lValign := .T.:cIcon := "images/@Soft.ico":cTitle := "ProvaNéfele Xevi":cBodyBackground := "images/fons.jpg":cBackgroundColor := "transparent !important"Por cierto... no veo documentadas en el Wiki esas propiedades.
Un Saludo,
Xevi.
-
-
Estoy haciendo mis pruebas en mi PC... Apache alojado en C:\Apache24
Resulta que dispongo de un Servidor Apache, montado con xampp
He copiado el fichero provanefele.exe en C:\xampp\cgi-bin y las imágenes en C:\xampp\htdocs\images
Lo lanzo de un navegador o desde un movil https://xevicomas.no-ip.org/cgi-bin/provanefele.exe
Es una chorrada, pero con eso, ya puedo comprobar el funcionamiento en modo programación y en resultado final.
Ahora es cuestión de ir añadiendo código, ficheretes css propios, bases de datos locales o atacar MariaDb de un servidor... pero el primer paso ya está hecho, y siempre hay que dar el primer paso para poder continuar con el siguiente...
Un Saludo,
Xevi.
-
-
- Debes estar registrado para responder a este debate.