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!
Custom image in frame
Page: 1
Author | Post |
---|---|
#1 Thu May 09, 2013 3:07 am
|
|
Member
Registered: May 2013
Posts: 8
|
|
#2 Thu May 09, 2013 5:56 am
|
|
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.
|
#3 Thu May 09, 2013 6:04 am
|
|
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 |
#4 Thu May 09, 2013 6:09 am
|
|
Administrator
Registered: Aug 2008
Posts: 3382
|
Sorry, what do you want to change on that example?
|
#5 Thu May 09, 2013 6:15 am
|
|
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!
|
#6 Thu May 09, 2013 6:25 am
|
|
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.
|
#7 Thu May 09, 2013 6:30 am
|
|
Member
Registered: May 2013
Posts: 8
|
Oh yeah that makes sense! How do I add a transparent gif as a caption? title="abc.gif" ?
|
#8 Thu May 09, 2013 6:33 am
|
|
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.
|
#9 Thu May 09, 2013 6:34 am
|
|
Member
Registered: May 2013
Posts: 8
|
Okay will do. Thank you so much, I knew there had to be a way!
|
#10 Sat May 11, 2013 12:20 am
|
|
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 |
#11 Sat May 11, 2013 12:22 am
|
|
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.
|
#12 Sat May 11, 2013 12:27 am
|
|
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?
|
#13 Sat May 11, 2013 12:29 am
|
|
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.
|
#14 Sat May 11, 2013 12:46 am
|
|
Member
Registered: May 2013
Posts: 8
|
Oh well, that's okay. I'm happy with it! Thanks for your help!
|
Page: 1