How to create a fancy picture frame border around an image

Hi there,
Does anybody know how to create a fancy picture frame around
an image that's inside an AP DIV? I want the image to look like
it's a picture hanging on the wall. Any of your guru's know how to
do that - eh then?
Thanks a mill for any help!

Find or use your graphics program to create an image of a
frame you like.
Size it so its inside measurements match your picture.
Option 1 - Paste your picture image on the frame image and
insert in your container.
Option 2 - Place your frame image as a non-repeating
background for your container and then insert your picture.

Similar Messages

How do I Add a Picture Frame Around a Flash Video?

I tried searching for this but "frame" has too many meanings. I have flv videos inserted in several web pages, but they look dull without some sort of fancy border or frame around them. Maybe a picture frame. Maybe the image of a flat screen TV surrounding the image. But how do I add the image "behind" the video so that the video sits perfectly inside the image, regardless of the monitor viewing the image.

Do a google search for the IE PNG Fix javascript. Some work better than others. The one you had didn't work at all for PNG backgrounds in pre-IE7.
Copy and Paste the following document into a new blank page and see how it looks in all the major browsers. I changed your document type to XHTML transitional and replaced deprecated <div align> tags with inline CSS styles. I also ran your Flash code through http://validifyer.com to make it XHTML compliant.
HTML Validator - http://validator.w3.org
CSS Validator - http://jigsaw.w3.org/css-validator/
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Let It Rock</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<style type="text/css">
body {
     background-image: url(images/bg_blank-01.gif);
     background-repeat: no-repeat;
     background-color: #363737;
#flash {
     width: 500px; /**video size 428 x 240**/
     height: 377px; /** +30px **/
     background: url(images/tv-ws-02b.png) no-repeat top;
     text-align: center;
     padding-top: 37px; /**adjust as needed**/
     margin: 0 auto; /**this is horizontally centered div**/
</style>
<script type="text/javascript">
function MM_CheckFlashVersion(reqVerStr,msg){
with(navigator){
    var isIE = (appVersion.indexOf("MSIE") != -1 && userAgent.indexOf("Opera") == -1);
    var isWin = (appVersion.toLowerCase().indexOf("win") != -1);
    if (!isIE || !isWin){
      var flashVer = -1;
      if (plugins && plugins.length > 0){
        var desc = plugins["Shockwave Flash"] ? plugins["Shockwave Flash"].description : "";
        desc = plugins["Shockwave Flash 2.0"] ? plugins["Shockwave Flash 2.0"].description : desc;
        if (desc == "") flashVer = -1;
        else{
          var descArr = desc.split(" ");
          var tempArrMajor = descArr[2].split(".");
          var verMajor = tempArrMajor[0];
          var tempArrMinor = (descArr[3] != "") ? descArr[3].split("r") : descArr[4].split("r");
          var verMinor = (tempArrMinor[1] > 0) ? tempArrMinor[1] : 0;
          flashVer = parseFloat(verMajor + "." + verMinor);
      // WebTV has Flash Player 4 or lower -- too low for video
      else if (userAgent.toLowerCase().indexOf("webtv") != -1) flashVer = 4.0;
      var verArr = reqVerStr.split(",");
      var reqVer = parseFloat(verArr[0] + "." + verArr[2]);
      if (flashVer < reqVer){
        if (confirm(msg))
          window.location = "http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash";
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
</script>
</head>
<body onload="MM_CheckFlashVersion('8,0,0,0','Content on this page requires a newer version of Adobe Flash Player. Do you want to download it now?');">
<p> </p>
<p style="text-align:center"><img src="logo-video.gif" alt="logo" width="608" height="129" /></p>
<div id="flash">

<object type="application/x-shockwave-flash" data="FLVPlayer_Progressive.swf" width="428" height="240">


</object>

</div>
<p style="text-align: center"><a href="music-videos.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image3','','back-button2.gif',1)"><img src="back-button1.gif" alt="back" name="Image3" width="93" height="57" border="0" id="Image3" /></a></p>
<p style="text-align: center">

<object type="application/x-shockwave-flash" data="footer.swf" width="720" height="159">


</object>

</p>
</body>
</html>
Packing up and closing the office door now. Good luck!
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb

How to creat a preview picture for a widget?

Thanks for reading....Some widgets show a preview picture when you click(select) it in the library panel, like the Meta+ Lite widget(http://muse.adobe.com/exchange-library/meta-43-lite). How to do that? I cann't find anything about how to creat a preview picture in MuCow Documentation(http://adobe-muse.github.io/MuCowDocs/).

It's a little tricky but if you follow these steps you should be ok, first download and install 7zip since you will need it. Then do the following:
1. Export your mucow file out as a mulib (muse library file). If you don't know how to do this read this pastebin.
2. Once exported out you should delete the folder you just made.
3. Right click on the exported mulib file on your hard-drive and choose from the popup menu: 7-zip/Open Archive.
4. Inside you should see 3 files like the following (in this case I named my mucow "demo"):
manifest.xml
demo.muse
demo.png
You'll notice you have a PNG file in your archive BUT it is empty. So what you need to do is leave 7-zip open and create your PNG in photoshop or whatever program you use. Make sure to name it the exact name in the archive (in my case demo.png)... a good size is 210x98 px. Save out your PNG and drag it on-top of the PNG in your archive and it will be saved. You can then close 7-zip.
You can then import your mulib file into the muse library panel and you should see your widget now has that PNG you created as a thumbnail image.
-hope this helps!!

How can I create a border around an image in cs6?

I would appreciate advice on how to place a border around an image in cs6.
Thanks in advance.

To add to the previous responses, if you want this only for 1 image on your page, you could either assign a specific ID or CLASS to the DIV that holds that image and assign CSS for that in particular like this:
HTML
<img src="./your/path/to/img.jpg" id="imgwithborder" />
CSS
img#imgwithborder{
border: 1px solid black; /* will render a 1px solid black line on all 4 sides */
Alternatively, you could use inline styling to achieve this:
HTML:
<img src="./your/path/to/img.jpg" style="border: 1px solid black;" />
Good luck.

Black border around bg image

Hi I have given up on the random bg images for my client's site at www.carterbrands.com I have allocated an image per page. I am getting a black border around the image. I dimly remember that there is a way around this but I have forgotten what it is. Any help greatly appreciated.
Thanks in advance, Matt.

But... my layout grid is 1010 by 740.
I'm sure it is
However, your grid floats on a page that is whatever size your various viewers choose. Change your screen resolution, pull your browser window out wide or shrink it up small - a web page is fluid, flexible - and has NO fixed size.
We design for a particular width in pixels (some of us, not all the time) - in the hope that most of our target audience will see that fitting neatly on to their screen most of the time, but we have to accommodate people who make different choices.

Border around link image

I placed an image, then linked it. Now I have a bright blue
box around it. Any ideas on why it is doing this?

Use CSS with this rule -
a img { border:none; }
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"cdeatherage" <[email protected]> wrote in
message
news:el1sem$snk$[email protected]..
> The default designation in most browsers indicates links
by changing the
> text
> to blue and adding an underline or placing a blue border
around an image.
> [The
> end user can change that in his/her browser preferences,
but that is
> another
> issue.] Because you made the image a link, your browser
is showing the
> border
> around the image.
>
> The only way you can get around that is, in DW go to
page properties and
> re-set the colors for links to something that you like.
If this image is
> the
> only link on your page, you can just make the links
colors the same as
> your
> background, and it will disappear. If you have other
links on the page,
> however, this isn't going to be practical because they
will disappear, and
> that
> would not be a good thing.
>

How do I use PDF Picture Frames?

How do I use the PDF Picture Frames for Acrobat XI? The download page says "To add your photos, simply open Acrobat XI and follow the instructions." but there are no instructions when you open Acrobat. The picture frames themselves are pdf files.

Many of us (at least me) have no clue as to how to help you since our versions of AA XI did not come with this gift offer. I can't even find it on the Adobe site.
I might guess that the frames are nothing but buttons as used in forms. You might try checking to see if selecting Forms>edit provides the frames at button objects. If that is the case, you simply go to the properties and change the photo to be displayed on the button.
That is my best guess without having seen the gift PDF.
As for Acrobat, there is a lot more to Acrobat than a gift PDF. Acrobat is designed for creating PDFs from other applications, providing minimal editing, and offereing forms and several other options. Hope that helps some.

How to create a tv-shaped frame in Photoshop?

I'm trying to create a frame for a photo that has the shape of an old-style TV screen: square, with rounded corners, all four sides bulging out slightly. I've figured out how to create a rectangle with rounded corners, but I can't figure out the bulges. (My PS vector and pen skills are very poor.) A rough sample is below. Is there a way to do this in Photoshop? Or, is there a template available?
Thanks for any help.
EdB

I would say use the pen tool to add a point at the center of each side. Select all 4 points then scale outward. If necessary you can use the convert point tool to drag out on each point to smooth the bend. Using the convert point tool, will move both sides of the point to once, other wise, you would be using the direct selection tool which can drag only one handle at a time, which may make the point not symmetrical as far as the handles are concerned. Having both handles out at the same distance, may make a better smoothing for that point.
But you may also be satisfied with how it looks with out dealing with the handles at all. It is all subject to the eye of the beholder.

How Do I Remove the Picture Frame Icon From My ipad????

Okay, I have read several answers which address this. I have the latest generation ipad and have this annoying picture frame icon on my lock screen. The discussions say to turn passcode on/off, yada yada. When I turn the passcode on, the icon disappears, but every time I power down or after a period of time, I have to re-enter the passcode. Is there some way to disable the icon having the passcode off? Or am I just stuck with the icon if I disable the passcode? I tried tapping on General, then passcode lock (which is in the off position)to turn the passcode off. Next screen says turn passcode on, (which I assume means that the passcode is of). Picture frame is "off", but shaded gray.

tlynne28 wrote:
When I turn the passcode on, the icon disappears, but every time I power down or after a period of time, I have to re-enter the passcode. Is there some way to disable the icon having the passcode off?
No. You either use a passcode and disable the Picture Frame icon, or live with the icon and no passcode. If you don't like the way that it currently works, let Apple know how you feel about it here.
Apple - iPad - Feedback

How to time stretch a picture frame (not video) that I have panned and zoomed in Premiere Elements 11?

Previously used Premiere elements 11 and could zoom in on a picture frame, but also Time stretch it, so the zoom would be slow. Cannot figure out how to do this in Premiere elements 11. When I have applied the zoom, but go to right click on the picture frame, it does not allow me to change the time. It stays on 100. It will only allow me to change actual video clips. Does anyone know how to really slow down the zoom on a picture frame, or a way to use the Time stretch like I could do in Elements 7? Thanks!

jshook525
I do confirm your observation on the Time Stretch Speed %/Duration available fields for a still in Premiere Elements 7 vs 11 Presets Horizontal 640 x 480 Zoom In.
If you want to go with Presets rather than manual keyframing of Scale property in Motion Panel expanded, then...
1. Given your 5 second still on the Timeline.
2. Drag the fx Effect Horizontal Image Zoom/640 x 480 Zoom In into the 5 second still on Video Track.
When you do that two Scale keyframes are automatically placed at the beginning and end of the 5 second clip.
3. Change the duration of the clip, with one of the following
a. click and drag to the right the right edge of the clip to increase its duration
or
b. right click the clip, select Time Stretch, and set the duration to the increased value....if you had been in 7 the Speed% = 50,
then the duration you would find is 10 seconds (00;00;10;00). Here no Speed% visible opportunity, just set the duration = 00;00;10;00.
c. go to Applied Effects Tab/Applied Effects Palette/Motion Panel expanded, and move the 2nd Scale Keyframe to the the right. In this
example at the 10 second mark, the new duration of the clip.
"Presets" has its limitation - pan or zoom instead of pan and zoom, and other. In what needs to be done here, it probably would have been quicker
just to do the Scale keyframing yourself in Motion Panel expanded with the Toggle Animation technique Scale (for Zoom) and Position (for Pan).
There is more to all this, but for now let me know if any of the above could get your through to your goal.
Thanks
ATR

How I disable the iPad picture frame mode?

Several times I looked in the settings but could not find this option, just in the passcode settings, but I turned off the passcode, the picture frame is turned on WHY? And how I disable the picture frame? I looked this on youtube in an iPad review video at 2:35 min: http://www.youtube.com/watch?v=Aly5Q_mUhVI
Thanks for the help.

Of course you can.
If you don't want the little flower icon appearing on the unlock screen, set the Allow Picture Frame to Off under Passcode in General Settings.
If you want to deactivate the Pcitrue Frame mode while its running, tap the home button once, and click on the Flower icon at the bottom right whihc should be blue since its on.

How to create a child text frame within main text frame that flows as the text does

Is there a way to create an anchored text frame that flows with the main text and goes on from the top of next column or page with the same type of horizontal alignment?
I want to create a cuttable and paste-able, title, anchored small text frame and main text unit format that will repeat with different contents with as less manual labour as possible. (There is a simple example of what I am trying to achieve as a screenshot)
Thanks in advance for any answer given

One of the limitiations of anchored frames is that you cannot split them or include them in a text thread.

Does any one know how to Create MDI data form frame

Has any one created MDI data form frame in JDev. Please tell me step-by-step procedure to create a MDI data form frame.
Or any way to remove/add some menu item in BC4J default browser.
Thanks
null

Hi jaya,
What do you mean by creating URL for a word document?
You can display all the files in ABAP by giving the location(u mean URL!).
call function 'CALL_BROWSER'
        exporting
          url = 'http://www.sap.com'.
or
call function 'CALL_BROWSER'
        exporting
          url = 'c:/test.doc'.
Rgds,
Jothi.P
*Reward pts if useful.

How to get rid of the black border around the artboard

Hopefully my last question for tonight.
I need to get rid of the black border around the artboard. The two images show my drawing lined up with the art board and then inside the artboard. The dark gray is not the artboard.
As you see, the artboard has a black border. I need to get rid of it. It shows up in my project when my color key is green. The black won't go to transparent.
So how-to get rid of the border? Thanks
***Update***
I figured it out. View > Hide Artboards. Maybe this will help someone. Doesn't change the fact my spider looks like a tick:)

Doesn't change the fact my spider looks like a tick:)
Try to get hold of a real spider and take a look at its anatomy, specially where the legs sprout from :-)

How can I get an even white border around 4x6 photo I am printing?

I am doing some photo restoration. I have a very very high res image that I want to print out at 4x6 and 8.5x11. I need it to have an even white border around it.
How can I do this in Photoshop CS5.5? I try to import it into inDesign it the dimensions don't mesh with the border. Any suggestions?
Thanks.

If you want to add the border to the image iteself you could use Image > Canvas Size to increase it accordingly.

How to create a fancy picture frame border around an image

Similar Messages

Maybe you are looking for