Como adicionar informação destacada no meu template WordPress?

Juanma Carrillo · 28/03/2012

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 · 28/03/2012

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.

Juanma Carrillo · 28/03/2012

EstebanS disse:
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 · 28/03/2012

Pon esto:

HTML:

<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 · 28/03/2012

Skinet disse:

Pon esto:

HTML:

<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 · 28/03/2012

juanma disse:
Me aparece así:

Enlace eliminado

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?

Juanma Carrillo · 28/03/2012

EstebanS disse:
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 · 28/03/2012

juanma disse:
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 · 28/03/2012

EstebanS disse:
Dale un margin:0; a el body.

Ya se lo e puesto antes mira : Enlace eliminado

pero me aparece igual

Esteban Sequeira · 28/03/2012

juanma disse:
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 · 28/03/2012

EstebanS disse:
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 · 28/03/2012

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

Buscas en style.css:

HTML:

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

y sustituyes por esto:

HTML:

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

Ahí debe quedar ya :encouragement:.

Juanma Carrillo · 28/03/2012

EstebanS disse:
Buscas en style.ccs:

HTML:

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

y sustituyes por esto:

HTML:

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

Ahí debe quedar ya :encouragement:.

Se me queda igual .. 🙂

Esteban Sequeira · 28/03/2012

juanma disse:
Se me queda igual .. 🙂

No entendí tú respuesta, solucionado o NO?

Juanma Carrillo · 28/03/2012

EstebanS disse:
No entendí tú respuesta, solucionado o NO?

No , se me a quedado igual que antes

Esteban Sequeira · 28/03/2012

juanma disse:
No , se me a quedado igual que antes

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

Juanma Carrillo · 28/03/2012

EstebanS disse:
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 🙂

Como adicionar informação destacada no meu template WordPress?

Juanma Carrillo

Esteban Sequeira

Juanma Carrillo

Skinet

Juanma Carrillo

Esteban Sequeira

Juanma Carrillo

Esteban Sequeira

Juanma Carrillo

Esteban Sequeira

Juanma Carrillo

Esteban Sequeira

Juanma Carrillo

Esteban Sequeira

Juanma Carrillo

Esteban Sequeira

Juanma Carrillo

Tópicos similares