Attached image demonstrates what I am trying to do.
I would like to know what I need to do with AI pro to get it to work.
Thank you.
| Attachments: |
|
advanced_iframe_question.png [ 51.6 KiB | Viewed 3506 times ] |
| Php photo gallery TWG | JFUploader | TWG Flash upload | WFU | Forum https://www.tinywebgallery.com/forum/ |
|
| Best approach to replace logo on iframe page https://www.tinywebgallery.com/forum/viewtopic.php?f=21&t=4236 |
Page 1 of 1 |
| Author: | mcomsto [ 1. Mar 2017, 18:31 ] |
| Post subject: | Best approach to replace logo on iframe page |
I would like to use AI pro to replace the logo image on the page within the iframe. Can you let me know the best way to achieve this, with and without the external workaround? Please respond with clear and simple steps. thank you. |
|
| Author: | TinyWebGallery [ 1. Mar 2017, 18:56 ] |
| Post subject: | Re: Best approach to replace logo on iframe page |
Without the external workaround I have a demo which does this exactly: http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo/hide-a-part-of-the-iframe#e9 If you are able to use the external workaround I cannot give you a working example because it depends how your page does look like. So can the image replaced with css or does the old one needs to be hidden and your be added somehow. Using the external workaround is always the better option because you really replace it in the page and not only place you logo over the existing ones with the restrictions I describe on the demo page. Best, Michael |
|
| Author: | mcomsto [ 1. Mar 2017, 19:09 ] |
| Post subject: | Re: Best approach to replace logo on iframe page |
Michael, Thanks for the quick reply. Regarding the external workaround, I'm not a css expert so I am hacking my way thru this process to prove it can work before I get an expert to code it. By using the external workaround, can I change an image reference in the iframe page html or does the image reference need to be included in the iframed site's css file? Depending on the answer to the previous question, what would i need to do to override the original image reference using the plug-in? |
|
| Author: | mcomsto [ 1. Mar 2017, 20:24 ] | ||
| Post subject: | Re: Best approach to replace logo on iframe page | ||
Attached image demonstrates what I am trying to do. I would like to know what I need to do with AI pro to get it to work. Thank you.
|
|||
| Author: | TinyWebGallery [ 1. Mar 2017, 23:58 ] |
| Post subject: | Re: Best approach to replace logo on iframe page |
you can see how this can be done with css here: https://css-tricks.com/replace-the-image-in-an-img-with-css/ a.x-brand img { display: block; -moz-box-sizing: border-box; box-sizing: border-box; background: url(http://notrealdomain2.com/newbanner.png) no-repeat; width: 180px; /* Width of new image */ height: 236px; /* Height of new image */ padding-left: 180px; /* Equal to width of new image */ } So you only need to replace the image url and the size of the images. You have to choices to include this: create a css file, piut the content there and include the url on the "Add include/files" at -> Additional css in iframe Or you add the styles on the advanced tab at "Modify the iframe" -> Content id in iframe: a.x-brand img Content styles in iframe: display: block; + the stuff above separated by ; Best, Michael |
|
| Author: | mcomsto [ 2. Mar 2017, 20:14 ] |
| Post subject: | Re: Best approach to replace logo on iframe page |
Michael, Thank you for the help, the first choice worked perfectly. One additional question, If use the second choice do I need the external workaround file? |
|
| Author: | TinyWebGallery [ 3. Mar 2017, 00:48 ] |
| Post subject: | Re: Best approach to replace logo on iframe page |
both solution need this. the first one is an external css file I include the 2nd modify the css dynamically. Best, Michael |
|
| Page 1 of 1 | All times are UTC + 1 hour [ DST ] |
| Powered by phpBB® Forum Software © phpBB Group http://www.phpbb.com/ |
|