How to make an image uploaded to a custom page in a link?

For my Portfolio from Adobe site, I have an image uploaded to a custom page. I want this picture to be a link to a different Web site. How is that possible?

I see that you can transform the caption of the image into a link, but I don't mean to do that. I would like the image to be the link.

Any help is greatly appreciated.

Thank you!

Hello! We have just released the feature linkable images for custom pages! When you upload an image on a custom page, place the cursor over the image and click on the pencil icon that appears in the upper left corner > click Add a link.

Tags: Behance

Similar Questions

  • How to make the images uploaded to update in design mode?

    PCOC
    I can create a page with local images and their replacement updates fine in design mode.

    How can I replace the images uploaded to in Design view, although both have been modified locally and on the site? Display live shows correct, but design view is not updated.

    The previous image always seems to be in sight unless I have replace it with its new local image (self-titled) and then change the link to account for his site link.

    Behavior of buggy which seems to have been put in place for a couple releases now.

    TIA

    DW has always had problems with the display of the images remotely located in Design view, the terrible workaround for it is to close and reopen the DW for the external image update is displayed correctly.

    However, it should not have any problem with changes to local images. Who should view as soon as the local file is modified.

    Work on one Site?

  • How to make transparent images in Photoshop

    Hi all...

    I stuck somewhere and I need transparent Image.

    I want to know the procedure how to make transparent images in Photoshop.

    Help, please.

    Thanks in advance

    Remove the background you can see the checkerboard, and save them in a file PNG or GIF.

    This page will tell you how to select the area you want to keep

    https://helpx.Adobe.com/Photoshop/using/making-selections.html

  • How to make transparent images in inDesign?

    How to make transparent images in Adobe InDesign CS5.5?

    so if I read you right, you have the image and you want to make the background transparent...

    If so, the application is not possible to use as Photoshop or Illustartor and then import it into Indesign

  • My navigation bar collapsed onto the gallery page not working gas not star tutorial - how to make and style of a sensitive web page

    Hello

    I made the tutorial how to make and style of a sensitive web page. This is the tutorial of Star Gazer. My Gallery with the images of the planets page works well until I reduce the size of the browser and displays the "sandwich" of the navigation bar icon collapsed, when I click on this icon, nothing happens. Could someone please tell me what is the problem with my HTML or otherwise I you have filled the gallery page and it works could you please paste your code in the response. Any help is much appreciated, thank you.

    Vincent

    < title > Stargazer / < /title >
    <!-"bootstrap"->
    "< link href="css/bootstrap.css" rel="stylesheet">" "
    "" < link href= "css/styles.css" rel= "stylesheet" type= "text/css" > ".
    <! - HTML5 shim and Respond.js for IE8 take in charge of the HTML5 elements and questions from the media - >
    <!-WARNING: Respond.js does not work if you view the page via file://-->
    <!-[if lt IE 9] >
    " < script src =" https://OSS.MaxCDN.com/html5shiv/3.7.2/html5shiv.min.js "> < / script > .
    " < script src =" https://OSS.MaxCDN.com/respond/1.4.2/respond.min.js "> < / script > .
    <! [endif]-->
    < / head >
    < body >
    "< div class="container-fluid" id="wrapper">" "
    "< nav class="navbar, navbar - default">".
    "< div class="container">".
    <
    ! - Brand and toggle get grouped together for better mobile display->"< div class="navigation-head bar' > '."" < button type= "button" class= "navbar toggle collapsed" data-toggle= "collapse" data-target= "#defaultNavbar1" > < span class= "only sr" > toggle thenavigation / </span >< span class= "toolbar" ></span >< span class= "toolbar" ></span >< span class= 'toolbar' ></span > </ button > """< a class="brand navigation bar" href="index.html"> Stargazer< /a >< / div > " "<!-collect the nav links, forms, and other content to alternate->"< div class="navbar-collapse collapse" id="defaultNavbar1">" ""< ul class="navbar-nav right navbar nav">".< li > <a href="#"> On< /a > </li >< li > <a href="#"> Gallery< /a > </li >< li > " < a href="http://www.nasa.gov"> ". NASA< /a > </li >< /ul >< / div ><!-/ .navbar-collapse->< / div ><!-/ .container-fluid->< / nav >"< idarticle = 'main' > '.< h1 > Close to the Sun. < / h1 >< p > Lorem ipsum dolor sit amet, adipiscing elit computer. CRAs gravida, ligula libero sem, condimentum mauris risus vitae orci sold computer and elementum tristique, felis. Nulla justo nisl, ut ut felis, tempus dapibus purus vestibule. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos inceptos. Donec lectus vel lacinia dolor quis massa mollis nisi. Phasellus at pretium ipsum. Surpassing vestibule risus vitae. Surpassing fringilla tempus lacus, vitae elementum felis efficitur. < /p >< / item >"< div class="container">"."< div class="row">"."< div class="col-md-4">".«"< div class="thumbnail"> < img src="images/gallery/gallery-thumbnail-1.jpg" alt="Thumbnail Image 1" class="thumb"> »"< div class="caption">".< h3 > Mercury< / h3 >< p > In libero non ultricies rutrum lacus feugiat. Etiam dignissim, massa and vestibule molestie nibh nisl ante, vitae city eros nec dui aliquet magna. Aenean egestas diam, pretium nisl, ullamcorper felis vitae. Suspendisse blandit lorem turpis, non tempus imperdiet aliquet leo. < /p >< / div >< / div >< / div >"< div class="col-md-4">".«"< div class="thumbnail"> < img src="images/gallery/gallery-thumbnail-2.jpg" alt="Thumbnail Image 1" class="thumb"> »"< div class="caption">".< h3 > Mariner< / h3 >< p > In libero non ultricies rutrum lacus feugiat. Etiam dignissim, massa and vestibule molestie nibh nisl ante, vitae city eros nec dui aliquet magna. Aenean egestas diam vitae ullamcorper, pretium nisl felis. Suspendisse blandit lorem turpis, non tempus imperdiet aliquet leo. < /p >< / div >< / div >< / div >"< div class="col-md-4">".«"< div class="thumbnail"> < img src="images/gallery/gallery-thumbnail-3.jpg" alt="Thumbnail Image 1" class="thumb"> »"< div class="caption">".< h3 > Messenger< / h3 >< p > In libero non ultricies rutrum lacus feugiat. Etiam dignissim, massa and vestibule molestie nibh nisl ante, vitae city eros nec dui aliquet magna. Aenean egestas diam, pretium nisl, ullamcorper felis vitae. Suspendisse blandit lorem turpis, non tempus imperdiet aliquet leo. < /p >< / div >< / div >< / div >< / div >< / div >"< div class="container">"."< div class="row">"."< div class="col-md-4">".«"< div class="thumbnail"> < img src="images/gallery/gallery-thumbnail-4.jpg" alt="Thumbnail Image 1" class="thumb"> »"< div class="caption">".< h3 > Magnetic< / h3 >< p > In libero non ultricies rutrum lacus feugiat. Etiam dignissim, massa and vestibule molestie nibh nisl ante, vitae city eros nec dui aliquet magna. Aenean egestas diam vitae ullamcorper, pretium nisl felis. Suspendisse blandit lorem turpis, non tempus imperdiet aliquet leo. < /p >< / div >< / div >< / div >"< div class="col-md-4">".«"< div class="thumbnail"> < img src="images/gallery/gallery-thumbnail-5.jpg" alt="Thumbnail Image 1" class="thumb"> »"< div class="caption">".< h3 > Microwave< / h3 >< p > In libero non ultricies rutrum lacus feugiat. Etiam dignissim, massa and vestibule molestie nibh nisl ante, vitae city eros nec dui aliquet magna. Aenean egestas diam, pretium nisl, ullamcorper felis vitae. Suspendisse blandit lorem turpis, non tempus imperdiet aliquet leo. < /p >< / div >< / div >< / div >"< div class="col-md-4">".«"< div class="thumbnail"> < img src="images/gallery/gallery-thumbnail-6.jpg" alt="Thumbnail Image 1" class="thumb"> »"< div class="caption">".< h3 > Mapping < / h3 >< p > In libero non ultricies rutrum lacus feugiat. Etiam dignissim, massa and vestibule molestie nibh nisl ante, vitae city eros nec dui aliquet magna. Aenean egestas diam vitae ullamcorper, pretium nisl felis. Suspendisse blandit lorem turpis, non tempus imperdiet aliquet leo. < /p >< / div >< / div >< / div >< / div >< / div >< footer >& copy; 2015 stargazer< / footer >< / div ><! - jQuery (necessary to Bootstrap JavaScript plugins) - >" < script src="js/jquery-1.11.2.min.js"> ". < /script ><! - Include compiled all the plugins (see below), or individual files as needed-->" < script src="js/bootstrap.js"> ". < /script >< / body >< / html >

    The cause of the problem is not attached jQuery library.

    Make sure that jquery - 1.11.2.min.js is located in the subdirectory js as in

  • How to make still image from a movie in movie maker

    I have windows 7, and windows movie maker, I want to make still images from a movie I did with windows movie maker.  I can't understand how do it, can someone help me? Thank you

    Support is in the Movie Maker Forums:
    http://answers.Microsoft.com/en-us/windowslive/Forum/MovieMaker?TM=1349183784260

  • How to make an image link to a specific slide in a slideshow cycle2?

    Hello.  I would like to make my thumbnail images become links to larger images on another page.  Larger images will be in a slide show, which will be manual or interactive with buttons front and rear. But I would like the visitor to be able to go directly to the enlarged image, rather than to the beginning of the slide show.   I practiced by applying the following information on my existing cycle2 slideshow that goes automatically to the next slide.

    Page slideshow cycle2

    "< a name ="large"id ="large"> < /a > < img src="images/home_page/foodscale_web.jpg ">

    Page of thumbnails

    < digital_page_thumbnail li >

    "< a href ="#big index.html"> < img src="images/digital_page/foodscale_thumbnail.jpg "> < / a >

    < / digital_page_thumbnail li >

    But it was not effective.  So, I tried the following...

    "< a name ="large"id ="large"> < img src="images/home_page/foodscale_web.jpg "> < / a >

    Placing the < /a > tag at the end took the image in the slideshow and makes visible under it.  If using the symbol # is correct, I would be happy to know how to use it for this purpose to allow the visitor to directly access a specific location in a slide show.  Thank you very much.

    Page slideshow cycle2

    data-cycle-hash 'big' =>

    Page of thumbnails

    #big">

  • How to make an image loader similar to those given in the opening program?

    I'm looking to build an image loader, which at the beginning of my script opens and closes automatically after a few seconds. I opened the image processor script to see how Adobe has added images to the alerts, but it's a vast doc and I couldn't tell where the image was being shot, as shown only variable twice and is called only, and do not set. Also is there another other than the alert method to call a box like this? I would have preferred there do not have buttons.

    This script shows how to open a ScriptUI dialog box and fill it with an image.

    http://PS-scripts.CVS.sourceforge.NET/ViewVC/PS-scripts/Xtools/Xlib/PreviewWindow.jsx

    He, however, was a "close" button to close the window. If you want to automatically close the dialog box

    After a period of time, you will need to change to openFile to something like this:

    var sleepMS = 3000;  How long to sleep in milliseconds

    PreviewWindow.openFile = function (file, w, h, parent, title) {}
    var win = new window ("palette", title |) "Preview:" + decodeURI (file.name)); "."
    win.closeBtn = win.add ('button', undefined, 'Close');

    Win.Preview = win.add ('image', undefined);
    Win.preview.Icon = file;

    If (w & h) {}
    win.preview.preferredSize = [w, h];
    }

    If (parent) {}
    Win.Center (parent);
    }

    win.closeBtn.onClick = function() {}
    This.parent.Close (1);
    }

    Win.Show ();

    $.sleep (sleepms);

    Win.Close ();
    Remove win;
    $. gc();
    };

    usage example

    PreviewWindow.open("~/tmp/preview.jpg");

    I have not tried this code, but it seems pretty close.

  • How to make an image/layer a gradient from opaque to transparent?

    I want to learn a way to make and image of transition from opaque to transparent.

    I saw in the ads as something akin to a reflection.

    I only have CS2, so bare with me.

    Thanks to all those who understand and can help.

    Add a layer mask to the layer you want melted to transparent, then pull on a black and white gradient mask.

  • How to make an image in Dreamweaver CS6 Non-cliquable?

    I want to do one of my images to email html unclickable.  The reason is that, when a recipient receives the html email, they are able to click on areas of the 'Image' where no link associated with the image.  This particular image I do not decide, Photoshop automatically cuts this image when "saved in HTML format" of the original pdf file.

    The result when the user clicks on the image unrelated is - image (only partial) opens.  So, basically, I just want to (image) part of the unclickable email so it does not OPEN.

    Here's the URL for the file: miamiorlandorealty.com/FlyerPics/Flyer.html

    Once open, select all, copy and paste to email such as Outlook client and send an account Gmail.  This happens only to a user who opens Gmail via Chrome in a Windows 7 machine.  But nevertheless, I still want to write the code in the HTML body of the given image online (not the header as Gmail removes the header) to make the unclickable image.

    PLEASE NOTE: In the URL above, the file works as I love it too.  In other words, the area that I refer to is "Unclickable" (upper and lower CENTER), then you won't know what I'm referring too because it only happens in Gmail/W7/Chrome Version 45.0.2454.101 m.

    Looks like you say that about W7 Chrome, non-Gmail images are clickable.

    If this is the case, as an experiment, try attaching a null (#) link to images that you don't want not clickable. and see how he handles the Chrome.

    I do not know if this platform displays a cursor hand on unrelated images, but you can add this CSS inline.

    Auto

  • How to make an image have the same link on every page?

    Basically, I have over 100 pages on this site that I'm working on. I recently changed an image or two or three, and now the previous links are bad for the new image. For example the ~ (home) ~ button goes to the search page. And I reallllllly won't change each page if I have to. How can I make the 'House' image always link to the home page for any page that is under the site?

    Thank you!

    CTRL + F = find and replace.

    Nancy O.
    ALT-Web Design & Publishing
    Web | Graphics | Print | Media specialists
    http://ALT-Web.com/
    http://Twitter.com/ALTWEB

  • How to make an image with a transparent background?

    I brought a picture of PS in Illustrator and I want to put in AE and use the puppet tool. However, when I bring what it has a white background, but I got everything as the object I'll puppet, so how can I do to?

    AE does not require an image will initially come out by Illy. Just make sure that your image has a transparent background or an alpha channel, if needed, and then save as a psd file. AE take the PSD in images, unless you need a compostion and folder for the psd, created in the project list. You should then be able to use the tool puppet on an image with a transparent background.

  • TECRA R10 - how to make an image of NORTON GHOST 15 to the network

    Hello

    Here are the steps to enable NORTON GHOST 15 bootable CD make a TOSHIBA TECRA R10 image to a shared network folder. I guess that this same procedure also works on many other TOSHIBA models, but it of the model I and could test.

    (A) download the site WEB of Toshiba drivers following for TECRA R10, Windows XP, LAN drivers (Version INMA20W32W9C)
    File: lan-20081015154144. ZIP
    Link: Link: [http://support1.toshiba-tro.de/tedd-files2/0/lan-20081015154144.ZIP]

    (B) insert a pen drive and create a folder named example * X:\NIC*, where X: is your pen drive letter.

    (C) unzip * lan-20081015154144. ZIP * and a copy of this file on a pen drive only the following files:

    -e1y6032.inf
    -e1y6032.sys
    -e1y6032.cat
    -e1y6032.din
    -NicCo26.dll
    -NicInstQ.dll
    -e1000msg.dll

    (D) not to remove the disk from the pen and insert the CD bootable Norton GHOST 15 on the CD player. If it starts, click option * output *.

    (E) stop your laptop.

    (F) power and on the first moments, press * F12 * display boot source options. Select * CD * icon using the left and right keys and press on * ENTRY *.

    (G) confirm that you want to boot from the CD by pressing any key

    (H) to accept the Symantec License Agreement

    (I) tab left * utilities * and click on entry * load a driver *.

    (J) use the mouse to select * computer * and open your USB (e :))

    (K) navigate to the folder * F:\NIC* and open the file * e1y6032.inf*. You should receive message * the selected driver has been loaded correctly *.

    (L) tab left * network *, click on * start my Networking Services *. You should not receive any error message.

    (M) on the same tab, select * Ping address *. Insert the IP address of your computer and it should ping.

    (N) tab left * House *, click on * Back Up My Computer *, * following * and insert the Norton (e.g. 99-9999-9999-999999) license key.

    (O) to select the disks that you want to backup, then click on * following *.

    (P) click on * Browse Network Neighborhood * select computer and the shared target folder. If necessary, you can create your own folder.
    (NOTE: shared folder must have write permissions.) On my QNAP NAS system, I need add the everyone permission in the target folder.

    (Q) click on * following * and I suggest selecting * check the recovery point after creating * and type a brief description of the State of your system

    (R) click on * following * and * finished *.

    (S) backup starts and ends with the message: * full backup: XX:XX:XX *.

    (T) remove the CD disk and a pen. Click on * output * and confirm that the computer may restart.

    (U) you have now a complete picture of you system, without installing any software. It woks with all versions of Windows including Windows 7 Ultimate 64 bit.

    I hope that this text could be useful to your work.

    Good luck.

    Antonio Nuno

    Very well!!!

    Thanks for sharing your experience with us!

    Could be useful to others!

  • How to make an image fill the width of the browser window?

    I placed an image to fill the width of the screen, but when I saw it, the image will not fill the width of the browser. (I can fill the width using fill from the browser, but I want only the width to fill the browser, not up to par.) I checked "Fill to browser width" in virtue of resize it, but that has no effect. Any suggestions?

    Make sure you have a fluid width for your site in the properties and then when you resize the I'mage on the edges of the page, use the drop resize and select stretch to the width of the browser.

  • How to make an image on a scroll bar navigate to home, contact, etc. - page when you click it?

    IM building a site that I created the contact mode, House, etc. pages already. I also did an image for the homepage slider but I want to access a picture when you click on it to access the home page, but I can't seem to understand. I'm using flash cs4. I want to make a shortcut to different pages on the website

    One way you can do is make the code you showed generic and place it in the main timeline on a layer that spans the length of the timeline where this image clipping will be.

    Have your btnHome work (renamed to be btn below) for all options menu by making it an invisible button that covers the part of the image of the image styll.  Then use a variable for the gotoAndPlay ("selectedPage" below) argument which you reassign in each frame of the scrolling of the image.

    main timeline

    var selectedPage:String = 'Home';  what the starting value must be

    function goToPage(evt:Event):void {}

    gotoAndStop (selectedPage);

    }

    btn.addEventListener (MouseEvent.CLICK, GoToPage);

    Then, inside yor image scroller in each image, you set a new value for the variable selectedPage.

    For example, in the frame 2 you put:

    MovieClip (parent) .selectedPage = "music";

    in part 3 you put:

    MovieClip (parent) .selectedPage = "artist";

    and so on

Maybe you are looking for