“Show more” markup
-
Hi, parallel this next question.
Page use MLA templates:
[justified_image_grid ids=1476]
[mla_gallery ids=1548 mla_markup=mlaelke]
JIG show image and mla_gallery show document.Code:
<style type='text/css'> #[+selector+] { margin: auto; } #[+selector+] .gallery-row { float: [+float+]; margin-top: 10px; text-align: left; width: [+itemwidth+]%; } #[+selector+] td { padding: .5em; } #[+selector+] .gallery-row td.gallery-icon { width: auto; height: auto; vertical-align: top; } #[+selector+] .gallery-row .gallery-icon img { width: 76px; height: 72px; } #[+selector+] .gallery-caption { margin-left: 0; vertical-align: top; width: auto; } </style>
And markup
mla_style=mlaelke columns=1 size=icon link=file post_mime_type=all <table id='[+selector+]' class='gallery galleryid-[+id+] gallery-columns-[+columns+] gallery-size-[+size_class+]'> <tr class='gallery-row '> <td colspan=2 class='item-description'> <br /> <br /> [+caption+] </td> </tr> <tr class='gallery-row '> <td class='gallery-icon'> [+link+] </td> <td class='wp-caption-text gallery-caption'> Jaa: <a title="[+title+]" class="fancybox" href="[+pagelink_url+]">[+title+]</a><br /> <a href="[+filelink_url+]" >Avaa tiedot<br /> <strong>[+file+] </strong></a><br /> Koko [+file_size,kbmb+]<br /> [+upload_date,date('d.m.Y H:i')+] </td> </tr> -- </table>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
Long text and much information is very good when want search engines found documents. Long explanation tell much also to user.
But:
– Page is not good-look
– Too much text
– Not mobile-friendlyEasily I can edit it explanation text “first 100 character tell basic information” (100 = 150? 120? 250?).
So, any idea? “lorem ipsum, liiba laaba, this is very good and beautiful product” <…show more>.
“Show more”:
– Mouse over or click show more. When user activate this “show more” it open all text but not close other text on the page.Any idea is this possible?
The page I need help with: [log in to see the link]
- The topic ‘“Show more” markup’ is closed to new replies.