Adding a clickable link in a PSD to Dreamweaver file...

Hi,
Honestly, I'm not sure if it's better to ask this here or in the Dreamweaver forum. But basically, how do I add a clickable URL to a PSD template using PSD and DW CS3?
A bit of history here, I am not really good at PSD CS3, yet, but my hosting company has a free template in PSD that I want to use. I can alter it, change pix, etc easily, import into Dreamweaver CS3 and publish a nice looking webpage. I just can't find out how to insert a link on the page.
I'm not good at making them myself yet, but I will be. Until then, this template is spot on what I need.
I did search the help and only found info about making a URL relative to "slices". These templates, as far as I know, are not "sliced". I don't see any slices if they are.
Or..do I add a hotspot in Dreamweaver? I tried that and it sort of "fragmented" the PSD file.
Thank you,
Mark

Slices or hotspots will work. I prefer slices though some prefer the hotspots. I guess its what your use to.
Anyways, in photoshop use the slice tool and drag out a box around the area you want to have the link.
Now use the slice select tool even though the slice may still be selected this will bring up some options in the top tool bar.
Clicking the icon just to the right of the show auto slices will bring up the slice options. here you can add your url plus any other info thats needed.
Once your done use the save for wen and devices. Here you need to specify that you want to save images and html. Also make sure you save the entire image. Not just the selected slice.
With a text editor you can open the html page that photoshop create and you can see how links are created.
They are nothing more than html tags that point to the slice and a url. There is nothing added to the image(s).
Just in case you have problems finding the tag look for something like the following:
<a href="http://www.example.com"><img src="http://www.example.com/folder/image.jpg">Some optional text</a>
First tag is the hyperlink, second tag is the image, third tag closes the first tag. Second tag does not need closing unless you use xhtml in that case the second tag would be like <img src="http://www.example.com/folder/image.jpg />

Similar Messages

Clickable Link in TextEdit

Can you make a URL in TextEdit Clickable
With this Script there is no Clickable link. Did not see anything in the dictionary but thought some Shell Script or something.
tell application "Safari"
set myUrl to URL of front document
set Toy to name of front document
end tell
tell application "TextEdit"
if document 1 exists then
set text of document 1 to text of document 1 & Toy & return & myUrl & return & "===============================" & return
else
make new document
set text of document 1 to text of document 1 & Toy & return & myUrl & return & "===============================" & return
end if
end tell
Made this for X-Mas Shopping but need to do some refining
Thanks
darock

The way I would do this is to make an HTML document (Webpage) and use AppleScript to edit it. Here's how.
First, run the following script to make the file.
set mypath to (path to desktop) & "GiftList.html" as string
set thefile to open for access file mypath with write permission
write "<!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>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\" />
<title>Xmas List</title>
</head>
<body>
</body>
</html>
" to thefile
close access thefile
Set myPath where you want the file. Change the "Xmas List" text to the name of the document as you want it to appear in the title bar of Safari.
Next, replace the entire TextEdit part of your script with the below (keep your Safari script above this).
set giftPath to (path to desktop as string) & "GiftList.html"
set giftFile to open for access file giftpath with write permission
set giftText to read giftFile
set oldD to AppleScript's text item delimiters as string
set AppleScript's text item delimiters to "</body>" as string
set bBody to first text item of giftText
set aBody to return & "</body>" & return & second text item of giftText
set AppleScript's text item delimiters to oldD as string
set toAdd to "<p>" & Toy & "<br/>" & return & "<a href=\"" & myUrl & "\">Link</a>" & "<br/>" & return & "<hr/>" & return & "</p>"
set eof of giftFile to 0
write bBody & toAdd & aBody to giftFile
close access giftFile&lt&
Set giftPath to the path you used earlier (where you put the file you made).
This will make a new paragraph with the text of your Toy variable. Then, on a new line, it will put a link to the site in your myUrl variable. It will also add a horizontal bar between toys.
To add more items, just run the second script again. Added entries will appear below existing ones.
Let me know if you have any questions or want help modifying this.
Good luck!
-Nate

Imovie, add clickable link to title

Want to make a clickable link in the title on iMovie, using MacBook Pro, went to substations and make link also add link but not getting it added? suggestions...

Thank you - this is the best example yet. I've added the code that Steve Bird suggested above and here is the VI based on your example attached.
Thank you all!
Attachments:
hyperlink3.vi ‏13 KB

Why would a URL not be formatted as a clickable link?

I run a service that sends A2P SMS messages that provide a link to weekly content. This week, a user reported to me that the URL was displayed but it was not a clickable link. AFAIK, there was no difference in the message except the exact link. I've attached a screenshot the user provided me.
Why would this be the case?
Justin

You may have ActionScript problems that affect the link.
You need to ask in the Flash Professional forum.
Or, the users may not be able to see the Flash Container.
Considering the number of users these days on SmartPhones, who can't access Flash content, the worst thing you can possibly do for navigation and links is to put them in a Flash container and render them invisible to such a larg portion of your visitors.

Is there any hope of apple adding a 're-link with media folder'-type function to iTunes?

Is there any hope of apple adding a 're-link with media folder'-type function to iTunes?
I have 1000s of broken links after installing the latest version of iTunes and updating some files in my media folder. The location of my itunes library has not changed, and all the files are there (I know because I've just waited several hours for the files to be updated by my ultra-slow computer) - by my logic, there should be some menu option that simply re-synchronises with the media folder, just like itunes would do with an ipod - it can't be that hard can it? The only way I can restore a link is by clicking every song (I have over 28,000) and locating the file in the folder that iTunes claims to use as its media folder - the new version 10 option of then using this location to restore all broken links doesn't work because it only looks in the specific album file, and after a couple of times this dialog box no longer even comes up, so I couldn't ask it to do this even if I wanted to. At the moment the only option I can see is to completely wipe iTunes and re-load all my music from scratch - using my tired and over-worked computer this will realistically take around 15 hours that I don't have, and my computer will melt in the process. I wish I'd never tried to 'tidy up' my iTunes library...
PLEASE Apple, how hard can it be to have a function that searches for and restores broken links by itself????? I've told you where the music is - just flipping look for it yourself instead of getting me to do it!

You don't have to re-rip, re-import or re-download all your content. You can clear the iTunes library, either by selecting all in the libary and pressing the Delete key, saying "no" when it asks if you want to remove the files themselves, and then use the Add To Library command, selecting the iTunes Media folder (or iTunes Music folder, as applicable to your situation), and that will add back all your content. It shouldn't take more than a few minutes; if it does, something may be amiss with your hard drive or the library file is corrupted (in which case just delete the library file and re-do the Add To Library command).
Regards.

I downloaded the newest version of Firefox and now I can not use any of the clickable link tabs in yahoo mail, gmail, or hotmail. Do you know what is causing this.

Go to msn.com for example: at the top of their page they have clickable link to hotmail. When I upgraded to Firefox 7 this link no longer works. Same thing happens with my yahoo mail, gmail and hotmail. If you open up yahoo mail for example; I can not click on the signout tab.... it doesn't function with firefox 7. I worked prior to uploading new version. I don't have that problem on my windows 7 platform.

That problem can be caused by the Yahoo! Toolbar that extents too much downwards and covers the top part of the browser window and thus makes links in that part of the screen not clickable.
*https://support.mozilla.com/kb/Troubleshooting+extensions+and+themes
Start Firefox in <u>[[Safe Mode]]</u> to check if one of the extensions or if hardware acceleration is causing the problem (switch to the DEFAULT theme: Firefox (Tools) > Add-ons > Appearance/Themes).
*Don't make any changes on the Safe mode start window.
*https://support.mozilla.com/kb/Safe+Mode

Can a Quicktime file download from clickable link?

Quicktime file download to desktop from clickable link?
I have large movies that I want to make available for direct download to the desktop so people will click download and do something else.
It is my understanding that you can't provide a quicktime file for download to a desktop because there are PC/MAC and browser issues across platform. But maybe I'm wrong.
Is it possible to make a web page that allows users to download higher file size videos from a clickable link? The quicktimes are h.264 in SD + HD around 50-100 megs. The files will be so large people won't want to wait so I want it to go directly to the desktop.
So far I can only find a few similar options
1) Embed the file in a web page. Provide a download link after the movie loads.
(This option requires you to load the file into the page. Users may not wait and close it)
2) Provide a zip file. This allows you to create a clickable link to the zip which begins downloading upon clicking. You then unzip the file. (Some less computer savvy people may get confused by the zip)
3) Put a raw file on server. This will play the movie in a blank window but can also be right clicked for direct download.

Welcome to the discussions, jessestudio.
I've seen a few sites that have a link to the video with instructions to "Right-click to download". Essentially, it's option three with instructions. It seems to be a fairly common way of handling it. (Even for non-QuickTime movies)

How to create a link to download a .psd or .eps file

I'm attempting to create a link to a .psd file for a user to download. Whenever I link to the .psd file, Dreamweaver wants to convert it to a JPEG. Is there a way to link to a .psd file to have the user download that file? I'm trying to have files that retain the original Photoshop elements (layers, channels, etc.) used to create the file. I will want to do the same with .eps files, but haven't attempted that yet. Any thoughts?

Zip it. http://www.7-zip.org/ - for windows.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb

Is there a way to re-size to a smaller portion when creating clickable links on pdf?

Hello everyone,
I am not sure if I will be clear on what I need, but I'll try my best.
I am currently doing a prayer book for my mom's website and need to add clickable links in the menu (so it will be more easy for the readers to simply click to go to the prayer they want to see). However, some of the prayers don't take a whole full page and I would like to know if it is possible to re-size to a smaller zone in the page so they can only see the prayer and not the other one following it?
I have tried to resize the red square in the left side of the pdf but it doesn't change anything as it goes only diagonally and not vertically, which results in still seeing the other prayer that comes after the one I want to link to.
Can someone assist me on this? It will be much appreciated.

When you create the link choose the radio button for "Go to a Page View".
Then, when you see the dialog for Create Go To View, leave this dialog open and go to the page you want to link to and zoom into the area you want to magnify.
Once you have the magnification you're looking for, click on the Set Link button.

Pdf-file with clickable links from iweb 09

How can I create a pdf-file with clickable links from a website created in iweb 09?
All iwork apps have an export button, which fulfills this task, but iweb does not.
Any idea?

I am running 10.5.6 on a MacBook Pro 2.53 GHz. I create my PDFs via the print dialogue. I tried to create a PDF from iweb with Hyperlinks activated and all links are dead. I tried to create the PDF from the Safari window, were all links are active, and – funny enough – sometimes all, sometimes half of my links are dead. But most of them do not work. As soon as I create PDFs from third party sites, everything works fine.

Can you link an imported psd file in Illustrator CS4 instead of embedding?

Seems that in CS4 the default is to embed a psd file. I have been unable to find a way to link if I want to. CS3 seems to default to linking which I prefer.

In Illustrator
File > Place
select your file but don't hit OK
at the bottom of the window you will see 3 options:
"Link"
"Template"
"Replace"
check link and hit Ok.

Does Keynote allow you to create clickable links in pdf files yet?

I searched the forum and found a similar question that was asked back in 2005, and with newer versions of Keynote now available I hope I'm not posting a duplicate question here.
I would like to be able to use iWork's Keynote to make small, business-type cards for downloads as .pdf files and I'd like to include a clickable website url or email link, if possible.
How about doing this in Pages? I haven't used pages yet but I presume you can save the files as pdf's?
Any help would be greatly appreciated.
An afterthough - if I need Acrobat to do this is there a large learning curve involved?
I see many 'Viral eBooks' and brochures being created for and by PC users, and when I download them the links are clickable on the Mac. You see lots of programs for PC's being advertised that are supposed enable you to to this, but none for the Mac. I'm hesitant to invest in Acrobat as I only want to do one or two business card type pdfs with clickable links.

Hi Annie,
I ran a quick test and Keynote exported a slide with both a clickable link to an email address and a website. After printing to PDF (command-P/Save as PDF), there were no clickable links.
As far as I know, you need at least Mac OS X 10.4.4 for this to work, and of course Keynote 3.
If this information is useful to you, please mark it as "helpful" or "solved" using the little buttons in the titlebar of this message. Thank you.

A clickable link in a inputText

I am using a inputText with readOnly mode to display a label and value. Something like
SomeLabel SomeValue
Now my requirement is to show value as a clickable link. How can I do that. Do I have to use another component other than inputText to do that?

Well this is the requirement. I have a PanelFormLayout to show inputText. Like this
<af:panelFormLayout id="pfl1">
<af:inputText readOnly="true" label="someLabel1" value="someValue1" id="it1"/>
<af:inputText readOnly="true" label="someLabel2" value="someValue2" id="it2"/>
<af:inputText readOnly="true" label="someLabel3" value="someValue3" id="it3"/>
<af:inputText readOnly="true" label="someLabel4" value="someValue4" id="id4"/>
</af:panelFormLayout>
Now I want someValue2 be a link. So I am using commandLink like this,
<af:panelFormLayout>
<af:inputText readOnly="true" label="someLabel1" value="someValue1" id="it1">
<af:commadLink text="someValue2" id="cl1">
<af:outputLabel id="ol1" value="someLabel2" for="cl1"/>
</af:commandLink>
<af:inputText readOnly="true" label="someLabel3" value="someValue3" id="it3">
<af:inputText readOnly="true" label="someLabel4" value="someValue4" id="id4">
</af:panelFormLayout>
But this is putting the label for command link after the link and not vertically aligned with the other labels (of input text). I want something like this
SomeLabel1 SomeValue1
SomeLabel2 ALinkHere
SomeLabel3 SomeValue3
SomeLabel4 SomeValue4

How Do I Make Bitmap, Graphic, or Movie Clip into a clickable link??

I am designing a website entirely in flash (macromedia flash) but I cannot get the bitmap, graphics, or movie clips clickable links, although when hovered over turns into a hand. Any suggestions? I have also tried the following script;
on (release){
getURL("http://www.google.com/", "_blank")
Obviously I didnt use google, but still no go.
I'm hot linking the raw fla file below. I bought this template online and have modified it alot (all cosmetic) but I cant get the tabs to be links!? I used action script (the one posted above) in every layer and the text inside the tabs. But still doesnt work Does anybody know whats wrong?
Sorry, but I dont know much in action script, I'm a c++ and web designer, this is my first time working in only flash.
http://www.hotlinkfiles.com/files/2449178_iizru/_menu2_fv8.fla
Here is my modded template in my website: http://9karim.com/adminI only need to modify the menu bar

I wouldn't say you're screwed, you just have some work ahead of you to find out what are actually the buttons in that thing. If you look at the file on stage you'll see a large turquoise shape (an invisible button) that when you select it shows it has an instance name of "menu"... I still couldn't figure out what it has to do with those animated tabs, but it may lead to further discoveries.
There's a lot of stuff woven into that file, and with the frame by frame animation, it's hard to isolate just about anything. Based on what I see in the library as far as object naming goes, and your not knowing what's where, I'd conclude that this is an "acquired" design that has been decompiled into the fla you are trying to figure out. While I haven't any experience with decompiled files, it wouldn't surprise me if there is an increased level of complexity as a result of how the decompiler rebuilt the file.

I've dragged my Facebook, Google , Twitter and LinkedIn icons into the Signature box of Mail. Is there a way of adding the web links behind each icon? i.e. like PC Outlook

I've just purchased a new MacBook Pro and am having problems with the Signature section of Mail. I've added Facebook, Google+, Twitter and LinkedIn logos to my Siganture, however the associated weblinks behind each logo are not copying across. Is there a way of adding the website links to each logo in the Signature section of Mail?
Thankyou in advance.

I seem to have fixed it by putting <div class="clearfloat"></div> after the navigation bar?

Adding a clickable link in a PSD to Dreamweaver file...

Similar Messages

Maybe you are looking for