Announcement

Collapse
No announcement yet.

Embed a pdf and display on your webpage

Collapse
This topic is closed.
X
This is a sticky topic.
X
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Vasili
    replied
    Re: Embed a pdf and display on your webpage

    Yes.
    You can (only if your image editor provides the ability....Paint works, if need be) right-click COPY your PDF and then PASTE AS NEW IMAGE onto the work screen of your Editor and then resize the PDF to whatever "image" size you require, and then SAVE as JPG and then place it on your BV web page to be seen by Visitors just as you wish them to.
    Then, once it is properly positioned, create a transparent rectangle to lay on top of this image of the PDF, and hyperlink this transparent layer to the uploaded PDF file with TARGET = _blank, so when Visitors click on the image, it will automatically open a new Tab/Window and be available for 'Download" (view, print, save, etc.).

    Simple way to show a thumbnail of a PDF you offer to view actual size or download normally, all without the Visitor losing the base page from where they land. The iFrame method does not allow you to resize your PDF image, and the use of iFrames is always going to be something to consider with the various Browser versions and weak updates circulating.

    Leave a comment:


  • CarbonTerry
    replied
    Re: Embed a pdf and display on your webpage

    The html method works great in FireFox however, I get the RED X in IE8.
    Any thoughts?

    Leave a comment:


  • WSBlue
    replied
    Re: Embed a pdf and display on your webpage

    Great... I'll need it.

    Leave a comment:


  • Raider50
    replied
    Re: Embed a pdf and display on your webpage

    I'm sorry its been a long time since i've done anything with this you might want to ask the great folks that helped me. Sorry

    Leave a comment:


  • createdfromtheheart
    replied
    Re: Embed a pdf and display on your webpage

    I have my website up and running (since 2007) and haven't needed to edit anything until now and I'm a bit rusty, however I just watched all the tutorial to refresh my mind on the basics. I have a page with 4 .pdf files and I need to replace two of them. Would it be better to delete the existing, then adding the new ones back? Or is there a way to just 'replace' the files? My site address is: www.createdfromtheheart.net and I'm talking about the prices and forms page. Thanks for your help.

    Leave a comment:


  • Raider50
    replied
    Re: Embed a pdf and display on your webpage

    Thank You to all I got it!!! Kortia easy as you said!
    Thanks

    Leave a comment:


  • Raider50
    replied
    Re: Embed a pdf and display on your webpage

    Originally posted by kortia View Post
    I do understand we are not all "normal Webmasters, so not all of this makes sense like it would if you learned any other way than using website builders like 1and1, net id now and others similar to it. Even yahoos.

    An easy way is to open a new page (or template) Click your plug in button on the left side mid top corner. Then double click or right click and go to properties.

    You will see a browse button, click browse and find the file on your pc. Upload and press ok. You can now make the plug in what ever size you like. This will create a Iframe on the page. Now just save your page whatever you want to call it and then you can create a hyper link to that file from what ever page you want. Don't forget to publish it and Viola you are done!

    Here is a example with a link going to a PDF file. (see link near bottom)http://www.magicwater.ws/warranty.html

    When i found my PDF file and entered it, it did not show up in the plug box? The plug picture was still there? Any ideas?
    Thank You

    Leave a comment:


  • Raider50
    replied
    Re: Embed a pdf and display on your webpage

    Sorry that was way to fast for me. LOL. Im a bit slow anyway. first you point to image box, then to HTML box. When i clicked on image box I get a screen that is waiting for me to pick which file? Then i go to HTML box? Something isnt working because what i di looked nothing like your tutorial?
    Thanks

    Leave a comment:


  • ahimsa
    replied
    Re: Embed a pdf and display on your webpage

    Originally posted by kortia View Post
    I do understand we are not all "normal Webmasters, so not all of this makes sense like it would if you learned any other way than using website builders like 1and1, net id now and others similar to it. Even yahoos.

    An easy way is to open a new page (or template) Click your plug in button on the left side mid top corner. Then double click or right click and go to properties.

    You will see a browse button, click browse and find the file on your pc. Upload and press ok. You can now make the plug in what ever size you like. This will create a Iframe on the page. Now just save your page whatever you want to call it and then you can create a hyper link to that file from what ever page you want. Don't forget to publish it and Viola you are done!

    Here is a example with a link going to a PDF file. (see link near bottom)http://www.magicwater.ws/warranty.html
    Hey, Kortia....tks a bunch for this tip - needed to do just this today & it's soooo easy.
    Nice one,
    david


    searching old threads really pays LOl

    Leave a comment:


  • suezbob
    replied
    Re: Embed a pdf and display on your webpage

    kortia,

    Thank you for showing us how to insert pdf files into our websites using the plugin. Your technique made it very simple and easy to use.

    Regards,

    Sue Scaletta

    Leave a comment:


  • germansin
    replied
    Re: Embed a pdf and display on your webpage

    Hi LadyEye

    I tried your method and it worked OK. (Thanks for this tutorial !!)

    The only thing is that the .pdf file is displayed in full size within the window.

    As the window is narrower than the width of the .pdf page, the visitor would have to use the scrollbars to see the text or reduce the size of the view.

    It would be much nicer to display the file in say 50% of the original size, something like the page you showed as an example in your tutorial, so that the full page could be seen from the very beginning. Is there a way to do that?

    Leave a comment:


  • LadyEye
    replied
    Re: Embed a pdf and display on your webpage

    Here is a update to the above post. it has been noticed that some members are not catching the code so here it is change the Red parts to suit.

    Code:
    <embed src="[COLOR="Red"]http://www.yourdomain.com/file1.pdf[/COLOR]" width="[COLOR="red"]500[/COLOR]" height="[COLOR="red"]650[/COLOR]"></embed>

    Leave a comment:


  • sisa1
    replied
    Re: Embed a pdf and display on your webpage

    That is very marvellous. I shall be of great help to me.

    www.elimunet.com

    Leave a comment:


  • butchmartin
    replied
    Re: Embed a pdf and display on your webpage

    This is fantastic! Thank you so much!

    Leave a comment:


  • hubovetz
    replied
    Re: Embed a pdf and display on your webpage

    Nice! Thank you David for pointing me here.

    This is sort of, but not exactly what I'm looking for...I'm sure that what I need will involve one of George's I-frames that I still have not figured out.

    I have a site that has several pdf files to which we will be adding monthly. beside the download menu I have thumbnail icons of the files that the user can open & view online. I can not make a page for every file that we have & will have (or can I?)

    Is there a way to make one page where all files will be opened using a wildcard for the name of the file?

    Leave a comment:

Working...
X