CSS
Here is a sample PDF I whipped up for our demo (I promise it’s not meant to be promotional!):
-
Save the PDF above to your desktop (right click the link and select “save links as”) and open it in Adobe Acrobat.
- First let’s create a link for the text “visitflorida.com”…
Click on the “Snapshot Tool” in the top toolbar. Using your cursor, draw a rectangle around the “visitflorida.com” text. You will see a dotted line appear where you drew your rectangle.
-
Right-click on the area within the dotted lines and select “Create Link”.
-
An options window will popup.
-
In the window, Under “Link Appearance” select the following options:
Link Type: Invisible Rectangle
Highlight Style: NoneUnder “Link Action” select the following option:
“Open a web page”Your window should look like this:
-
Once you hit “OK”, another small window will pop up, asking you to provide a URL for your link.
-
In this “Edit URL” window, type in your URL. In our case, we’ll enter “http://www.visitflorida.com”.
-
Once you hit “OK” you will see a red border around your link. Click anywhere else on the page and this border will disappear.
- Now that you know how to create a hyperlink in your PDF, you can repeat the process for the three airline logos on our sample PDF. Here is the complete version, after I created hyperlinks for those three logos:
