Custom image in frame

Page: 1

Author Post
Member
Registered: May 2013
Posts: 8
Is it possible to use a custom image in a frame? I'd like to recreate a 90's AOL browser, so I'd like to use a jpeg screenshot of the top strip of the browser as the top border.

Thanks!
Administrator
Registered: Aug 2008
Posts: 3382
Floatbox has a boxBackgroundImage option that could be set to the path of the jpeg screenshot. This will establish a css background-image on the floatbox frame area. It's a repeating background, so in your case you would likely want the jpeg to be at least the full height and width of the floatbox to achieve the desired effect.
Member
Registered: May 2013
Posts: 8
Thank you! I did find that, and made the background image the size of the window with the browswer strip at the top and the rest of it solid blue, but now my problem is how do I make a 110px margin at the top so it shows the browser strip? The only thing I could come up with was use panelpadding and take everything off the bottom so it only pads the top, but it's still not right. Can I improve on this?

http://neilinnes.org/15th/justlink.html
Administrator
Registered: Aug 2008
Posts: 3382
Sorry, what do you want to change on that example?
Member
Registered: May 2013
Posts: 8
I want an exactly 110 px border or pad at the top so the top strip of the browser shows, but doesn't have all that blue above it, which is from tiling. I just need the padding under the"open new window link", not above it. I hope that makes sense!
Administrator
Registered: Aug 2008
Posts: 3382
How about setting padding and panelPadding to 0, add a 110px high transparent gif as the caption, and place that caption at the top with the captionPos option.
Member
Registered: May 2013
Posts: 8
Oh yeah that makes sense! How do I add a transparent gif as a caption? title="abc.gif" ?
Administrator
Registered: Aug 2008
Posts: 3382
Please see the "Captions" section of the instructions for info about putting HTML (such as an <img> element) in a caption.
Member
Registered: May 2013
Posts: 8
Okay will do. Thank you so much, I knew there had to be a way! :mrgreen:
Member
Registered: May 2013
Posts: 8
Success report! I used an image header, which I didn't even know was an option! Then I also discovered the option to use a custom overlay image, so my "this is the website as it was launched in 1998" look is complete!

http://neilinnes.org/15th/justlink.html
Administrator
Registered: Aug 2008
Posts: 3382
Ah yes, the "header" would work for this. The only downside is that the close button appears in a somewhat strange place, being attached below the header.
Member
Registered: May 2013
Posts: 8
I kinda like it there! But can I make the header have a drop shadow so it matches the window?
Administrator
Registered: Aug 2008
Posts: 3382
No, you can't. The header is designed to be above the box and the shadow is designed to go around the box.
Member
Registered: May 2013
Posts: 8
Oh well, that's okay. I'm happy with it! Thanks for your help! :D

Page: 1