Where in the page should the code go?
Announcement
Collapse
No announcement yet.
Embed page withing vbulletin
Collapse
X
-
Inside the <head></head> tagsHelpful? Donate. Thanks!
Fast VPS Host for vBulletin:
A2 Hosting & IONOS
- Top
- Translate
- Bottom
Comment
-
- Top
- Translate
- Bottom
Comment
-
After looking at the gallery setup and seeing the lack of customization, I thought of another approach. Try this one on the HTML module.
HTML Code:<script> function galleryLoad() { var iframe = document.getElementById('chapterphotos'); iframe.style.height = iframe.contentWindow.document.body.scrollHeight + 'px'; } window.addEventListener('resize', galleryLoad); </script> <iframe id="chapterphotos" src="chapter_photos/index.php" onload="galleryLoad();" style="border: 0; width: 100%; height: 100%; overflow: auto;"></iframe>
Helpful? Donate. Thanks!
Fast VPS Host for vBulletin:
A2 Hosting & IONOS
- Top
- Translate
- Bottom
Comment
-
Thanks!
I checked the page and it's working. But there's one thing that I want to fix. As you navigate through the gallery slideshows, the vertical scrollbar in the iframe flashes as the script is waiting for the images to fully load to be able to calculate the iframe content height.
Try changing overflow: auto; to overflow: hidden; in the iframe style. That should prevent showing the iframe scrollbars.Helpful? Donate. Thanks!
Fast VPS Host for vBulletin:
A2 Hosting & IONOS
- Top
- Translate
- Bottom
Comment
-
You need to edit the /chapter_photos/template/minimalist/style/white/white.css file to add custom CSS:
Code:/* for text */ #ig2_footer { color: blue; } /* for link */ #ig2_footer a { color: red !important; }
Code:body { overflow: hidden; }
Helpful? Donate. Thanks!
Fast VPS Host for vBulletin:
A2 Hosting & IONOS
- Top
- Translate
- Bottom
Comment
-
Code:/* for text */ #ig2_footer { color: blue; } /* for link */ #ig2_footer a { color: red !important; border-bottom-color: red !important; }
Helpful? Donate. Thanks!
Fast VPS Host for vBulletin:
A2 Hosting & IONOS
- Top
- Translate
- Bottom
- Likes 1
Comment
Users Viewing This Page
Collapse
There is 1 user viewing this forum topic.
- Guest
Latest Posts
Collapse
-
Reply to Archive videos bb codeby BlackhorseFinally I did it, here is the replacement for your review and improvement Glenn, and for any one would need it:
Code:<iframe src="https://archive.org/embed/{param}"
Today, 01:36 AM -
by BlackhorseHello Glenn,
Any help please regarding a working Archive Videos BB codes?
Edited:
I am finding difficulties in implementing...05-16-2024, 08:34 AM -
Reply to Archive videos bb codeby BlackhorseHello Glenn, twiiter and twitch are working like charm, Thank You so much i have psted in their posts.
I am lookng in this post for playing...Today, 12:01 AM
Comment