Poner imagen de fondo

Foros Néfele 4 Harbour Foros Dudas Poner imagen de fondo

Etiquetado: 

  • Este debate tiene 5 respuestas, 2 mensajes y ha sido actualizado por última vez el 3 años, 8 meses por Alfredo SanzAlfredo Sanz. This post has been viewed 722 times
Mostrando 4 respuestas a los debates
  • Autor
    Entradas
    • #508
      XeviXevi
      Participante

      Intento poner una imagen de fondo en el Body de la pagina, pero no lo consigo...

      Por lo visto, crea una entrada en <body> llamada <main> que en su interior tiene una <div>

      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.

       

       

       

       

       

       

      Loading spinner
      • Este debate fue modificado 3 años, 9 meses por XeviXevi.
      • Este debate fue modificado 3 años, 9 meses por XeviXevi.
      • Este debate fue modificado 3 años, 9 meses por Alfredo SanzAlfredo Sanz.
      • Este debate fue modificado 3 años, 9 meses por Alfredo SanzAlfredo Sanz.
    • #513
      Alfredo SanzAlfredo Sanz
      Superadministrador

      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 css

      Una ú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)"

      Loading spinner
      • Esta respuesta fue modificada 3 años, 9 meses por Alfredo SanzAlfredo Sanz.
      • Esta respuesta fue modificada 3 años, 9 meses por Alfredo SanzAlfredo Sanz.
      • Esta respuesta fue modificada 3 años, 9 meses por Alfredo SanzAlfredo Sanz.
      • Esta respuesta fue modificada 3 años, 9 meses por Alfredo SanzAlfredo Sanz.
      • Esta respuesta fue modificada 3 años, 9 meses por Alfredo SanzAlfredo Sanz.
      • Esta respuesta fue modificada 3 años, 9 meses por Alfredo SanzAlfredo Sanz.
    • #528
      XeviXevi
      Participante

      Esto SI me está funcionando

      Esto no me funciona

      Por cierto... no veo documentadas en el Wiki esas propiedades.

       

      Un Saludo,

      Xevi.

       

       

      Loading spinner
      • Esta respuesta fue modificada 3 años, 9 meses por XeviXevi.
      • Esta respuesta fue modificada 3 años, 9 meses por XeviXevi.
      • Esta respuesta fue modificada 3 años, 9 meses por XeviXevi.
      • Esta respuesta fue modificada 3 años, 9 meses por XeviXevi.
      • Esta respuesta fue modificada 3 años, 9 meses por XeviXevi.
    • #537
      Alfredo SanzAlfredo Sanz
      Superadministrador

      Prueba con :cBackgroundColor := "transparent" que creo que el !important lo pone directamente Nefele

      >> Por cierto... no veo documentadas en el Wiki esas propiedades.

      Ya, tenemos que meterle mano al wiki, que se nos está quedando algo desfasado.

      Loading spinner
    • #546
      XeviXevi
      Participante

      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.

       

      Loading spinner
      • Esta respuesta fue modificada 3 años, 9 meses por XeviXevi.
      • #549
        Alfredo SanzAlfredo Sanz
        Superadministrador

        Genial!!

        El primer paso ya está dado, ahora a completar el viaje!

        Loading spinner
Mostrando 4 respuestas a los debates
  • Debes estar registrado para responder a este debate.

Si continuas utilizando este sitio aceptas el uso de cookies. más información

Los ajustes de cookies de esta web están configurados para «permitir cookies» y así ofrecerte la mejor experiencia de navegación posible. Si sigues utilizando esta web sin cambiar tus ajustes de cookies o haces clic en «Aceptar» estarás dando tu consentimiento a esto.

Cerrar