Posts semitransparentes

Inicio Foros WordPress Themes y Diseño Posts semitransparentes

Este debate contiene 1 respuesta, tiene 1 mensaje y lo actualizó  pepeludo hace 6 años, 8 meses.

  • Autor
    Publicaciones
  • #23230

    pepeludo
    Participante

    <p>Muy buenos días a todos.</p>
    <p>Les explico mi situación. Tengo una plantilla que se llama "Arras Theme" (que por cierto, está muy bien y hay versiones traducidas, la recomiendo) y hay una opción para poner un "background" (imagen de fondo) en mi blog. Una de las opciones que ofrece para el fondo consiste en poner un primer plano semitransparente (para que se vea mejor el fondo).<br />
    Como sé que no me expreso muy bien les pongo unas capturas de lo que digo:<br />
    Primero sin activar la opción:<br />
    http://img828.imageshack.us/img828/9693/imagen1jv.jpg<br />
    Y ahora con la opción activada:<br />
    http://img13.imageshack.us/img13/143/imagen2bt.jpg<br />
    Bueno, a lo que iba, tengo un plugin llamado "Custom Post Background" que me permite poner un fondo diferente a cada post (aunque primero tengo que desactivar el fondo que haya asignado en el tema). Mi duda es si alguien podría explicarme alguna forma de hacer los posts semitransparentes (vamos, conseguir lo que sale en la segunda captura de pantalla) para este plugin, a ser posible que me dijera el archivo que tengo que retocar (si hiciese falta) y el comando a insertar.<br />
    Aquí os dejo una imagen de la opción del tema por si alguien se aclara mejor:<br />
    http://img842.imageshack.us/img842/940/imagen3zu.jpg<br />
    He buscado por Internet, pero entre que la duda es complicada de buscar y que mi inglés es bastante malo no he conseguido dar con la solución. Es mi primer post, si no he publicado en el foro correcto, lo siento mucho.</p>
    <p>Datos:<br />
    Sitio Web: http://pepeludo.co.cc<br />
    Versión de WordPress: WordPress 3.2.1.<br />
    Plugins mencionados: Custom Post Background<br />
    Plantilla: Arras 1.5.1</p>
    <p>Muchas gracias.
    </p>

  • #57493

    pepeludo
    Participante

    He encontrado una solución, aunque mejorable… Solo que no se como mejorarla… La explico por si alguien tiene mi mismo problema y quiere una solución temporal.
    En la caja del “Custom Post Background” de CSS (dentro de la edición de post, en la parte de abajo), hay que meter el siguiente código:

    background-attachment: fixed;
    filter: alpha(opacity=80);
    -khtml-opacity: 0.8;
    -moz-opacity: 0.8;
    opacity: 0.8;
    -ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=80)”;

    El primer comando es para que la imagen de fondo se mueva junto al scroll del ratón si bajas hacia abajo y el resto es para darle transparencia independientemente del navegador que se use. Es una buena solución, lo malo es que se queda TODO semitransparente, hasta la cabecera de la página, y todo el contenido de los posts, aunque como solución temporal está bien, si alguien tiene alguna idea mejor y quiere compartirla, se lo agradeceré.

El foro ‘Themes y Diseño’ está cerrado y no se permiten nuevos debates ni respuestas.

Pin It on Pinterest