¿Cómo agregar información destacada en mi plantilla WordPress?

[Juanma Carrillo]

Muy buenas me preguntaba como puedo añadir esto a mi plantilla de wordpress:

Enlace eliminado

Lo que quiero es tener es eso rojo para colocar una información. Les dejo la web donde lo e visto para que se aclaren : Link

Gracias por su ayuda

 

[Esteban Sequeira]

vete al header de tu plantilla y antes del menú agregas esto:

<div style="background-color: rgb(209, 70, 107); font-size: 14px; font-family: Verdana,Geneva; color: rgb(56, 53, 56); border-bottom: 4px solid rgb(255, 255, 255); box-shadow: 0pt 1px 5px 0pt rgba(0, 0, 0, 0.5); padding: 0px; text-align: center; width: 100%; z-index: 1000; font-weight: normal; height: 30px; line-height: 30px; margin: 0pt; overflow: visible; position: relative;" id="ehu_bar"><span id="ehu_txt">¿Te gustaría ganar dinero escribiendo?</span>&nbsp;<a href="laurldetuweb" style="color:#f5e9e9;" id="ehu_link">¡Clic aquí para más info!</a></div>

Y listo debería quedar igual.

 

[Juanma Carrillo]

vete al header de tu plantilla y antes del menú agregas esto:

<div style="background-color: rgb(209, 70, 107); font-size: 14px; font-family: Verdana,Geneva; color: rgb(56, 53, 56); border-bottom: 4px solid rgb(255, 255, 255); box-shadow: 0pt 1px 5px 0pt rgba(0, 0, 0, 0.5); padding: 0px; text-align: center; width: 100%; z-index: 1000; font-weight: normal; height: 30px; line-height: 30px; margin: 0pt; overflow: visible; position: relative;" id="ehu_bar"><span id="ehu_txt">¿Te gustaría ganar dinero escribiendo?</span>*<a href="laurldetuweb" style="color:#f5e9e9;" id="ehu_link">¡Clic aquí para más info!</a></div>

Y listo debería quedar igual.

Me aparece así:

Enlace eliminado

 

[Skinet]

Pon esto:

<div style="background-color: rgb(209, 70, 107); font-size: 14px; font-family: Verdana,Geneva; color: rgb(56, 53, 56); border-bottom: 4px solid rgb(255, 255, 255); box-shadow: 0pt 1px 5px 0pt rgba(0, 0, 0, 0.5); padding: 0px; text-align: center; width: 100%; z-index: 1000; font-weight: normal; height: 30px; line-height: 30px; margin: 0pt; overflow: visible; position: relative;" id="ehu_bar"><span id="ehu_txt">&iquest;Te gustar&iacute;a ganar dinero escribiendo?</span>*<a href="laurldetuweb" style="color:#f5e9e9;" id="ehu_link">&iexcl;Clic aqu&iacute; para m&aacute;s info!</a></div>

Es la solución facil. Aun así lo que es el style lo meteria en un id con css para que el código quedará mas limpio.

 

[Juanma Carrillo]

Pon esto:

<div style="background-color: rgb(209, 70, 107); font-size: 14px; font-family: Verdana,Geneva; color: rgb(56, 53, 56); border-bottom: 4px solid rgb(255, 255, 255); box-shadow: 0pt 1px 5px 0pt rgba(0, 0, 0, 0.5); padding: 0px; text-align: center; width: 100%; z-index: 1000; font-weight: normal; height: 30px; line-height: 30px; margin: 0pt; overflow: visible; position: relative;" id="ehu_bar"><span id="ehu_txt">¿Te gustaría ganar dinero escribiendo?</span>*<a href="laurldetuweb" style="color:#f5e9e9;" id="ehu_link">¡Clic aquí para más info!</a></div>

Es la solución facil. Aun así lo que es el style lo meteria en un id con css para que el código quedará mas limpio.

Disculpe , pero soy novato en wordpress . Si le digo la verdad hace 2 días que he comenzado mi proyecto con este script por lo que poco se hacer. ¿Me podría ayudar?

Por cierto , con ese código me sigue apareciendo los caracteres mal.

gracias por vuestra ayuda

 

[Esteban Sequeira]

Me aparece así:

Enlace eliminado

Edita el margin y ponle margin:0;
y los signos que salen sustituyelos por este: &iexcl;Clic aqu&iacute; para m&aacute;s info! y este &iquest;Te gustar&iacute;a ganar dinero escribiendo?

 

[Juanma Carrillo]

Edita el margin y ponle margin:0;
y los signos que salen sustituyelos por este: ¡Clic aquí para más info! y este ¿Te gustaría ganar dinero escribiendo?

Ahora me a quedado así :

Enlace eliminado

Si no es mucho pedir , podría colocarme todo el código reestructurado de forma que se quede bien?

gracias por todo

 

[Esteban Sequeira]

Ahora me a quedado así :

Enlace eliminado

Si no es mucho pedir , podría colocarme todo el código reestructurado de forma que se quede bien?

gracias por todo

Dale un margin:0; a el body.

 

[Juanma Carrillo]

Dale un margin:0; a el body.

Ya se lo e puesto antes mira : Enlace eliminado

pero me aparece igual

 

[Esteban Sequeira]

Ya se lo e puesto antes mira : Enlace eliminado

pero me aparece igual

body me refiero al css de toda la plantilla
pasame la url del blog así entiendo mejor

 

[Juanma Carrillo]

body me refiero al css de toda la plantilla
pasame la url del blog así entiendo mejor

Aquí el blog: Enlace eliminado Disculpe pero no se como se hace lo que me dice

 

[Esteban Sequeira]

Aquí el blog: Enlace eliminado Disculpe pero no se como se hace lo que me dice

Buscas en style.css:

body {
    background: #F2F2F2
    margin: 10px 0 0;
    padding: 0;
}

y sustituyes por esto:

body {
    background: #F2F2F2
    margin: 0;
    padding: 0;
}

Ahí debe quedar ya :encouragement:.

 

[Juanma Carrillo]

Buscas en style.ccs:

body {
    background: #F2F2F2
    margin: 10px 0 0;
    padding: 0;
}

y sustituyes por esto:

body {
    background: #F2F2F2
    margin: 0;
    padding: 0;
}

Ahí debe quedar ya :encouragement:.

Se me queda igual .. 🙂

 

[Esteban Sequeira]

Se me queda igual .. 🙂

No entendí tú respuesta, solucionado o NO?

 

[Juanma Carrillo]

No entendí tú respuesta, solucionado o NO?

No , se me a quedado igual que antes

 

[Esteban Sequeira]

No , se me a quedado igual que antes

Hombre, si solo tienes padding:0;, tienes que agregar margin:0; también.

 

[Juanma Carrillo]

Hombre, si solo tienes padding:0;, tienes que agregar margin:0; también.

No se soluciona. Bueno en todo caso muchas gracias por tu ayuda 🙂