Versiune printabilă
Stie cineva cum se poate crea un formular de abonare de genul celui aflat pe site-ul Acasa – Construim Imperii ?
Ma refer la cel aflat imediat sub header, unde scrie "Abonează-te GRATUIT și primești două ghiduri ce te vor ajuta să câștigi bani din propria ta afacere" .
Acest formular ramane si atunci cand intri de pe mobil, si cand intri intr-un articol.. practic e ca un header.
Atasez mai jos o poza in care am incercuit formularul:
Ataşament 3987
Se numește top bar. Sunt diferite servicii și pluginuri care oferă asta: https://www.google.ro/search?q=subsc...obile&ie=UTF-8
Din ce am vazut, top bar este cea de deasupra header-ului. Cea despre care am vb in primul post este situata intre header si continut.
Fa un widget area sub header si pui ce vrei in el.
Pentru forumlar ori il iei gata facut cu vreun plugin, ori il iei standard de la mailchimp si-l faci tu din .css.
sau instalezi hellobar.com ca nu e mare diferenta
Alte idei despre cum se poate crea un formular de genul? Este si mobile responsive, cred ca asa se zice, adica apare si cand intri de pe mobil.
Varianta cu hello bar imi pune o bara deasupra headerului, ori ceea ce vreau eu este intre header si continut..
Daca nu vrei topbar, atunci trebuie sa-l faci de mana. In cazul in care nu te descurci apeleaza la un simplu designer, pt ca n-are nevoie de cunostinte de programare sa ia un form de la mailchimp (sau oricare alt serviciu de newsletters) si sa-l stilizeze putin in concordanta cu restul design-ului.
site-ul respectiv este facut cu wordpress. Mergi pe wordpress, du-te la pluginuri si cauta subscribe top bar sau doar subscribe. Sunt unele care iti ofera shortcode-uri.... il copiezi si dai paste acolo unde vrei sa apara.
Am gasit ceva pe youtube, am setat, dar nu imi apare asa cum trebuia..
Ce trebuie sa modific ca sa imi apara cele doua casute, cu "Numele tau" si "Adresa de email" pe aceeasi linie, una dupa alta, si butonul de "Trimite" tot pe aceeasi linie, dupa ele? Si ce sa adaug ca sa modific culoarea butonului "Trimite" ?
Codul pe care l-am introdus este acesta:
<!--Step 1: Styling -->
<div style="width: 99%; border: 2px solid #000000; background-color: #000000; color: #ffffff; font-size: 18px; font-family: georgia; text-align: center; padding: 5px;">
<!--Step 2: Insert First Section of AWeber Code-->
<!-- AWeber Web Form Generator 3.0.1 -->
codul aweber
</div>
<!--Step 3: Write a Line of Text-->
<strong>Vrei sa te alaturi ?</strong>
<!--Step 4: Tweak Input Fields-->
<div>
<input type="text" name="name" placeholder="Numele tau" /><input type="text" name="email" placeholder="Adresa de email" /><input type="submit" name="submit" value="Trimite" />
</div>
<!--Step 5: Insert Second Section of AWeber Code-->
<div style="display: none;"><img src="https://forms.aweber.com/form/displays.htm?id=bAyMbIyMbGyc" alt="" /></div>
</form>
<script type="text/javascript">document.getElementById('redirect_cd55 b86a67cb5009fcf11f462865f959').value = document.location;</script>
<!-- /AWeber Web Form Generator 3.0.1 -->
<!--Step 6: Close Div Tag for Styling-->
</div>
Si arata asa:
http://s32.postimg.org/oid8mbhtx/Untitled.png
Incearca
Cod HTML:<style type="text/css">
.marcous input {
display: inline-block;
}
</style>
<div class="marcous">
<input type="text" name="name" placeholder="Numele tau" />
<input type="text" name="email" placeholder="Adresa de email" />
<input type="submit" name="submit" value="Trimite" />
</div>
La fel imi arata.
Inseamna ca deja sunt stilizate input-urile. InlocuiestecuCod HTML:display: inline-block;
Cod HTML:display: inline-block !important;
si trebuie sa scot anumite randuri din vechiul cod ? sau pur si simplu sa adaug ce mi-ai dat tu? Unde trebuie sa il adaug, in ce sectiune? Eu l-am adaugat inainte de Step 5
Nu mai scoti nimic. Inlocuiesti codul postat de tine cu cel de aici
Tot nici o schimbare.. arata la fel..
Atunci e mai complicat decat credeam. Si nu codul e de vina :). Trimite-mi link-ul, datele FTP pe PM si te ajut cu cea mai mare placere.
S-a rezolvat. Multumesc user-ului Andretti pentru ajutor.
Se poate sterge acest topic.
