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

kino2 · 30 May 2013

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 · 30 May 2013

pst copialo del codigo fuente, mira:

HTML:

<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 · 30 May 2013

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....

Galbatorix dijo:

pst copialo del codigo fuente, mira:

HTML:

<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 · 1 Jun 2013

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

PHP:

#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 · 1 Jun 2013

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 · 3 Jun 2013

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 · 3 Jun 2013

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

c2cero dijo:
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 · 4 Jun 2013

Ah..., ok