Panel de contacto: igual al que aparece en este blog ?

[kino2]

Hola betas

alguien sabe de donde puedo sacar el cuadro o panel de contacto de color verde que aparece en esta web

Contacto

para poder suscribirte

os lo agradezco

 

[Galbatorix]

pst copialo del codigo fuente, mira:

<div id="email-form-container">
    <form id="email-form" action="http://ciudadano2cero.us2.list-manage.com/subscribe/post" method="POST">
        <input name="u" value="73c6ab78e2e697ada9b992316" type="hidden">
        <input name="id" value="ceee3326cb" type="hidden">
        <div id="form-fields">
            <div id="mergeRow-1">
                <label for="MERGE1">
                    <strong>Nombre, sin apellidos</strong>
                    <span class="mandatory">(*)</span>
                </label>
                <div>
                    <input name="MERGE1" id="MERGE1" size="25" value="" type="text">
                </div>
            </div>
            <div id="mergeRow-0">
                <label for="MERGE0">
                    <strong>Correo electrónico</strong>
                    <span class="mandatory">(*)</span>
                </label>
                <div>
                    <input autocapitalize="off" autocorrect="off" name="MERGE0" id="MERGE0" size="25" value="" type="email">
                </div>
            </div>
        </div>
        <div id="submit-button">
            <input alt="suscribirme" src="http://ciudadano2cero.com/wp-custom/widgets/subscribeWidget/images/send-button.png" name="submit" type="image">
        </div>
    </form>
</div>

luego te das cuenta que list-manage.com es el changuito: MCSV | MailChimp

 

[kino2]

ufff muchas...gracias

He echo una prueba pero debe haber algo mas..ya que no sale el marco verde otros detalles, solo salen los campos, gracias de todas formas

ahora a ver si soy capaz de implementarlo yo....

pst copialo del codigo fuente, mira:

<div id="email-form-container">
    <form id="email-form" action="http://ciudadano2cero.us2.list-manage.com/subscribe/post" method="POST">
        <input name="u" value="73c6ab78e2e697ada9b992316" type="hidden">
        <input name="id" value="ceee3326cb" type="hidden">
        <div id="form-fields">
            <div id="mergeRow-1">
                <label for="MERGE1">
                    <strong>Nombre, sin apellidos</strong>
                    <span class="mandatory">(*)</span>
                </label>
                <div>
                    <input name="MERGE1" id="MERGE1" size="25" value="" type="text">
                </div>
            </div>
            <div id="mergeRow-0">
                <label for="MERGE0">
                    <strong>Correo electrónico</strong>
                    <span class="mandatory">(*)</span>
                </label>
                <div>
                    <input autocapitalize="off" autocorrect="off" name="MERGE0" id="MERGE0" size="25" value="" type="email">
                </div>
            </div>
        </div>
        <div id="submit-button">
            <input alt="suscribirme" src="http://ciudadano2cero.com/wp-custom/widgets/subscribeWidget/images/send-button.png" name="submit" type="image">
        </div>
    </form>
</div>

luego te das cuenta que list-manage.com es el changuito: MCSV | MailChimp

 

[Brossa]

no te sale el marco verde porque les faltan las reglas css

#email-form-container {
width: 300px;
height: 400px;
background-image: url("http://www.ciudadano2cero.com/wp-custom/widgets/subscribeWidget/images/email-signup-300px.png");
}

aparte del codigo correspondiente para que funcione ese formulario

 

[kino2]

Me estoy volviendo loco...una vez que tengo diseñado el formulario en mailchip como hago para tal lo he diseñado me lo muestre en mi blog ?????

muchas gracias a cualquiera que pueda ayudarme

 

[c2cero]

Habérmelo pedido, hombre...

Igual ya llega tarde, pero aquí tienes el fichero original que use para hacer el formulario. Como dicen los compañeros, luego tienes que adaptar tu CSS que quede bien en tu blog y sustituir los valores de XXX y YYY del fichero HTML por los de tu cuenta Mailchimp.

Si no tienes mucha experiencia en HTML y CSS como es mi caso, a mi me fue de gran ayuda esta documentación: LibrosWeb.es - Libros y tutoriales sobre HTML, CSS, JavaScript, AJAX y otras tecnologías web

Aquí están los ficheros: https://www.sugarsync.com/pf/D167704_79697058_658809

Un saludo,
Berto

 

[kino2]

Buenas tardes

jajja te lo pedi..si hasta te puse un twiter...jajjaa soy kinobg

Al final lo hice a mi manera y bueno creo que no me ha quedado mal (de todas maneras echare un vistazo a los ficheros)

muchas graciassss

Pd. me gusta tu blog
Hasta me hice seguidor tuyo

saludos

Habérmelo pedido, hombre...

Igual ya llega tarde, pero aquí tienes el fichero original que use para hacer el formulario. Como dicen los compañeros, luego tienes que adaptar tu CSS que quede bien en tu blog y sustituir los valores de XXX y YYY del fichero HTML por los de tu cuenta Mailchimp.

Si no tienes mucha experiencia en HTML y CSS como es mi caso, a mi me fue de gran ayuda esta documentación: LibrosWeb.es - Libros y tutoriales sobre HTML, CSS, JavaScript, AJAX y otras tecnologías web

Aquí están los ficheros: https://www.sugarsync.com/pf/D167704_79697058_658809

Un saludo,
Berto

 

[c2cero]

Ah..., ok 🙂