Soporte » Plugins y Hacks » Hacks » sombrear linea de texto

  • hola.
    quisiera sombrear un texto en una pagina determinada. y que el sombreado coja todo el ancho de mi pagina.
    asimismo, cuando entro a una pagina, arriba me aparece el texto del nombre de la pagina, pero ese texto lo puedo eliminar de alguna forma? o lo puedo sombrear también??
    gracias.

Viendo 14 respuestas - de la 1 a la 14 (de un total de 14)
  • Hola zasangel,
    Puedes sobrear el texto con CSS.
    Añadiendo al texto que deseas sobrear la línea css, supongamos que quieres sombrear tus títulos <h1>:

    h1{
      text-shadow: 1px 1px 1px #0D0D0D;
    }

    En el ejemplo he puesto todos los valores en 1px pero puedes variarlos como lo desees, siendo el primer valor la distancia Horizontal del sombreado, segundo valor al distancia Vertical, el tercer valor el desenfoque y el último valor el color hexadecimal.

    Si quieres esconder el título <h1>:

    h1{
      display: none;
    }

    Esto escondería todos tus <h1>, si me mandas el enlace de la página exacta donde quieres esconder el h1 te puedo poner el código para que sólo sea ese título el que esconda.

    hola, gracias por responder.
    pero no sé donde tengo que cambiar esto. yo he ido al editor pero ahí aparecen a la derecha muchas opciones para editar: archive.php, author.php, etc…
    dónde tengo que entrar para cambiar estos datos???
    me podrías poner un ejemplo de cómo lo tendría que cambiar y donde exactamente?? es que no controlo nada en css.
    gracias.

    El código lo debes poner en el archivo style.css de tu plantilla. Es la hoja de estilos del tema.

    mira, he cambiado el archivo style.css pero no me ha cambiado nada. Le he dado al botón que pone «actualizar archivo»; me imagino que con eso ya está todo compilado, no?? o tengo que hacer algo más?? he probado a ponerle lo del sombreado o lo de anular el titulo… y nada:

    a:active,
    a:hover {
    color: #41a62a;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
    clear: both;
    font-weight: 700;
    margin: 36px 0 12px;
    }

    h1 {
    /*text-shadow: 200px 5px 1px #d3d3d3;
    font-size: 26px;
    line-height: 1.3846153846;
    */
    display: none;
    }

    h2 {
    font-size: 24px;
    line-height: 1;
    }

    h3 {
    font-size: 22px;
    line-height: 1.0909090909;
    }

    lo he probado aquí y en otra linea que ponía algo de «header»… pero tampoco ha funcionado.
    estoy trabajando en local… no tendrá nada que ver , no?

    No, no tiene nada que ver.
    ¿No tienes un enlace donde pueda ver la página ena que quieres hacer el sombreado?

    Hola de nuevo. El problema es que no tengo la web creada todavía. Estoy trabajando en modo local porque antes de darme de alta quiero hacer todas las chapuzas que tenga que hacer y cuando ya lo tenga todo claro darlo de alta.
    Quieres que te copie todo el código de Style. Cas??? O será mucho??
    Hay unos comentarios al principio del archivo css donde desglosa todo el menú del style. Quieres k te copie eso y a lo mejor tu me puedes decir a que punto tengo k ir???

    Que theme estas usando?

    Tweet y fourteen

    Acabo de probar ese código en el theme Twenty Fourteen y funciona correctamente. Tanto el sombreado como ocultarlo.
    Puedes copiar y pegar todo el css tal y como lo tienes ahora en pastebin.com Y cuando le des a SUBMIT en el formulario copia y pega la URL aquí y así le puedo echar un ojo a tu código.

    Ok. Lo haré esta tarde o esta noche, porque en estos momentos no lo puedo hacer.
    Si te he entendido bien: al pegar el código en pastebin y darle a sibmit se crea una página nueva y entonces te copio ese enlace y así tu te lo puedes copiar verdad??
    Muchas gracias de antemano.
    Esta tarde te envió cosas.

    O si lo prefieres: por que no me copias tu la modificación del código que has hecho y me lo pegas tu? Así luego yo busco en el código mío y lo pego. Me copias unas líneas por delante y otras por detrás, para situarme y ya esta. O me dices en que punto esta: por ejemplo en el 6.2….
    Recuerda que quiero el relleno de color y el quitarle el nombre de la página o post.

    Lo digo porque si lo pegas tu aquí igual es más rápido. Lo k tu me digas. Gracias. Eres muy amable.

    Es que el código que he puesto és exactamente el mismo que has puesto tu, pero a mi me funciona. Así que necesito ver el resto de tu css porque imagino que has hecho más cambios? Y ver si hay algún conflicto con alguna otra modificación que has hecho.
    Si me dices que no has tocado nada más del css entonces habría que buscar por otro lado…

    hola lucy:
    aquí está el codigo style: http://pastebin.com/9qfyypDt

    a ver si me dices donde se puede insertar todo eso que tu me dices.

    en el codigo, he hecho un cambio también que es para intentar quitar el subrayado cuando pasas por encima de un texto que tiene un enlace… pero no me funciona… tu sabes si lo he hecho bien??? me lo podrías decir también???
    a {
    color: #24890d;
    text-decoration: none;
    padding: 1px 3px;
    }

    a:focus {
    background: #607B8B;
    }

    a:hover,
    a:active {
    background: #607B8B;
    }

    a:active,
    a:hover {
    color: #41a62a;
    }

    he puesto eso para ver si al pasar el cursor por encima que cambie de color… pero no lo he conseguido. sigue el subrayado típico en todas las paginas. como lo hago???

    el codigo se cambia en: apariencia->editor -> y luego le doy al botón de «actualizar archivo» y ya esta?? o tengo que ir a algún otro sitio y hacer otra cosa???
    en fin. a ver si me puedes ayudar. que me duele ya la cabeza de tanto intentar…

    Hola zasangel,
    He probado con el style.css que me has pasado.
    He insertado las lineas para ocultar o añadir sobra al texto h1 y funciona correctamente, así que se me ocurre que puede estar en conflicto con el estilo de algún plugin que tengas isntalado, no se.

    De todos modos prueba a ponerle detrás de la línea, antes del punto y coma !important

    Para solo aplicar el estilo del h1 del post o página no lo pongas en la regla del h1 general sino que añade mejor una línea para que se aplique específicamente al título de página que tiene la clase entry-title:

    h1.entry-title {
    text-shadow: 5px 1px 1px #d3d3d3 !important;
    /*display:none !important;*/
    }

    Para quitar el subrayado cuando pasas por encima de los enlaces debes poner la regla css en a:hover, y trata de poner !important también si no te funciona.

    a:hover{
     text-decoration: none !important;
    }
Viendo 14 respuestas - de la 1 a la 14 (de un total de 14)
  • El debate ‘sombrear linea de texto’ está cerrado a nuevas respuestas.