Povečava besedila ali prijavnice namesto slike
5 naročnikov
5 naročnikov
Delam v Wordpessu. Stranka hoče da se v footerju (widget) z klikom na povezavo odpre besedilo ali prijavnica v overley efektu. Jeba za mene... Običajno poznamo tisti lightbox efekt, ko klikneš na sliko in se poveča. Kaj pa besedilo oz. formular? Zasledil sem lightbox plus vtičnik, pa mi ni nič kaj jasno kako in katero kodo vstaviti v widget. A je to sploh prav način? Če mi lahko kdo pomaga, prosim.
9 odgovorov
Na http://www.23systems.net/plugins/lightbox-plus/demos/ (pri Using Inline Lightboxes) so navodila in primeri za kontaktno formo, besedila... Verjetno to rabiš?
NE ŠTEKAM TEGA! ŽE PAR DNI SE ZAJE.....! Plugin sem inštaliral. Za slike in povezave z besedila na sliko mi dela, overlay brez problema Za besedilo in formular pa... A nekaj hoče kao "Use Iframe must be checked" (tega nisem zasledil v settingsih) a ma to kakšne veze ?
NJIM DEMO NA STRANI LEPO DELA MENI PA NE DELA NIČ ,če kliknem na link, ki sem ga naredu na svoji demo strani, samo skoči gor.
ČE VZAMEM EN NJIHOV PRIMER:
Inline content link…
TOREJ, NAJPREJ DAM TO KODO:
<a class="lbp-inline-link-1" href="#">Inline Lightbox (Content Test Including Form with External Submission)</a>
ZRAVEN PA ŠE TO: <div style="display: none;">
<div id="lbp-inline-href-1" style="padding: <span class=;">10px; background: #fff;">INLINE CONTENT GOES HERE</div>
</div>
IN... KAJ POTEM: Kaj vstavim pod "INLINE CONTENT GOES HERE"
link na post? celotno html besedilo, ali chortcode npr.:[si-contact-form form='1'] ??? A je tu problem?
V LIGHTBOX PLUS general settingih PIŠE ZA:
LIGHTBOX PLUS Inline Lightbox Settings
<a class="lbp-inline-link-1" href="#">Inline HTML Content</a>
<div style="display:none">
<div id="lbp-inline-link-1" style="padding: 10px;background: #fff">
Inline Content Goes Here
</div>
</div>
ŠE ENKRAT VPRAŠAM: Kaj vstavim pod "INLINE CONTENT GOES HERE"
link na post? celotno html besedilo, ali chortcode npr.:[si-contact-form form='1'] naj ni eden pomaga, PROSIM, z nasvetom...
Vrjetno hoče link do tvoje forme, ker drugače nevem kaj točno bi zadeva naredila, ker je pač prikazuje vsebino znotraj.
Jest sem sicer pri podobnem pluginu dal samo notri link in mu dal pravi class in je zadeva delala.
Lightbox podpira prikazovanje IFRAME.
Tako da enostavno daj svoj tekst v IFRAME, pa ga bo lepo prikazovalo. Pomoje bolš da tkole nardiš, ker drugače boš preveč živcev zgubil.
ŠE ENKRAT VPRAŠAM: KAJ in KAM naj vstavim**link na post? celotno html besedilo, ali chortcode npr.:[si-contact-form form='1
<a class="lbp-inline-link-1" href="#">Inline HTML Content</a>
<div style="display:none">
<div id="lbp-inline-link-1" style="padding: 10px;background: #fff">
Inline Content Goes Here
</div>
</div>**
Si aktiviral opcijo add inline lightbox? Če ne, se skriva tukaj:
Appearance -> Lightbox Plus -> Enable Optional/Advanced Settings -> Add Inline Lightboxes -> aktiviraš in nastaviš poljubno število inline linkov. Ko shraniš, se bodo pojavile dodatne možnosti, če boš želel kaj spreminjat ali pa pustiš tako kot je.
V postu, kjer želiš dodati inline preklopi iz grafični na html način:
- Za inline tekst vstaviš:
<a class="lbp-inline-link-1" href="#">Vidni del teksta</a>
<div style="display: none;">
<div id="lbp-inline-href-1">Skriti del teksta, ki se bo prikazal v lighboxu.</div>
</div>
- Za kontaktno formo vstaviš kodo svoje forme (spodaj je primer za Contact Form 7):
<a class="lbp-inline-link-1" href="#">Vidni del teksta</a>
<div style="display: none;">
<div id="lbp-inline-href-1">[contact-form-7 id="23" title="Contact form 1"]</div>
</div>
Takole bi načeloma moralo delovati, če je plugin kompatibilen z verzijo wp, ki jo uporabljaš.