Make an image an email link?
Hi
Just a quick question. Never thought about this before as
normally wouldn't use an image to make an email link, but is there
a way to do this in dreamweaver without entering the html? Just
wondered, as I can't see a quick shortcut within DW.
Thanks
C
On Tue, 1 May 2007 09:16:44 +0000 (UTC), "BlueEyedGirl"
<[email protected]> wrote:
>Hi
>
> Yes, thanks RamsTheDon. It's a shortcut to making an
EMAIL link that I'm
>after not Hyperlink!. DW won't let me select the picture
and "add emaillink"
>in the way you can with text. I just wondered if it could
be done without
>using HTML.
>
> Thanks though
>
> Regards
>
> C
just type in mailto: in the link instead of http into the
link box
i.e.
mailto:[email protected]
~Malcolm N....
~
Similar Messages
-
How do I make the image to a link?
I am trying to make the image a link. I have the facebook logo position on the left sidebar, but I need to make it a link. Here is my code:
<div id="sidebar">
<span style="position: absolute; background: url(images/certificate.png); background-repeat: no-repeat; width: 250px; height: 150px; left: 160px; color:#600;">
<p style="position: absolute; bottom: 44px; left: 3px; width: 210px; height: 90px; font-size:11px;">
Alan is a certified Renovation, Repair and Painting Contractor. </p>
<p style="position:absolute; bottom: -6px; left: 2px; width: 220px; height: 90px; font-size:12px; font-style:oblique; color:#600;">
Click to see certificate</p></span>
<span style="position: absolute; background: url(images/facebook_logo.png); background-repeat: no-repeat; width: 250px; height: 150px; top: 420px; left: 160px; color:#600;"></span>
<p><a target="_blank" href="http://www.facebook.com/pages/WE-SHOW-UP/198687606583?ref=ts%3Cimg%20src="></p>
<span style="position: absolute; background: url(images/facebook_logo.png); background-repeat: no-repeat; width: 250px; height: 150px; top: 420px; left: 160px; color:#600;"></span>
<span style="position: absolute; background:url(images/BBB.png); background-repeat: no-repeat; width: 250px; height: 150px; top: 500px; left: 160px; color:#600;"></span>
</div>
Something went wrong here, because the whole right side became the link, but the facebook logo is not working.
Here is the image.
Thanks!<a target="_blank" href="http://www.facebook.com/pages/WE-SHOW-UP/198687606583?ref=ts%3Cimg%20s rc=">
It's also missing any meaningful HTML to apply that link to!
The code is so horrible I'm not sure there is a simple fix. It appears that you are wanting that link to apply to the facebook image which is used as a background image -
<p><a target="_blank" href="http://www.facebook.com/pages/WE-SHOW-UP/198687606583?ref=ts%3Cimg%20s rc="></p>
<span style="position: absolute; background: url(images/facebook_logo.png); background-repeat: no-repeat; width: 250px; height: 150px; top: 420px; left: 160px; color:#600;"></span>
But you cannot apply a link to a background image. Ideally, you would have something like this -
<p><a target="_blank" href="http://www.facebook.com/pages/WE-SHOW-UP/198687606583?ref=ts%3Cimg%20s rc="><img src="images/facebook_logo.png"/></a></p>
Where the image is contained within the anchor tags. But that's not possible given the code we have been shown - the whole layout approach would need to be changed.
Where did this code (*ew*) come from? -
Make a graphic an email link without making the address visible?
How do I make a small graphic an email link in Dreamweaver Cs5.5 without having the email address visible?
Mailto: Links are visible to spam bots and email harvesters. Also, they depend on the end user having an email account & software like Outlook installed on their computer.
If your visitors use web mail accounts (yahoo, hotmail, gmail...) or they access the internet from cybercafes, public libraries, schools or community centers, they will see nothing. So this is not a reliable way to have site visitors communicate with you.
As previously mentioned, a contact form with a form-to-email processing script in PHP or ASP is the best solution. But as I understand it from a previous thread, you're on Intuit servers and they don't support PHP. Bummer.
To get around your host's deficiencies, you may need to use a service like Wufoo.
Wufoo.com (on-line form service)
http://wufoo.com
Nancy O. -
How can you make an image an hotspot link for an email or paypal account?
I have completed my first website using fireworks first then dragging it to dreamweaver cs6. My client is ready to launch their site. Two issues. I am literally trying to hotspot link an image for an email and paypal account. A few of my friends who are also website designers are having the same issue. Can this problem be solved so I can get paid?
<!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>Untitled Document</title>
</head>
<body>
<img src="FlightMiracle.fw.png" width="1600" height="3000" usemap="#Map" border="0" />
<map name="Map" id="Map">
<area shape="rect" coords="1281,34,1396,69" href="#mailto:[email protected]" alt="Contact" />
<area shape="rect" coords="1001,27,1163,71" href="#<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="XDVDENF8NGXZN">
<input type="image" src="http://www.flightmiracle.com" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
" alt="Cart" />
<area shape="rect" coords="1206,263,1422,307" href="#<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="XDVDENF8NGXZN">
<input type="image" src="http://www.flightmiracle.com" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
" alt="cart" />
<area shape="rect" coords="1185,32,1271,77" href="#fmabout" />
</map>
</body>
</html> -
Neither email image nor email link are working.
Make sure that you have set a default e-mail program (application)
*https://support.mozilla.org/kb/Changing+the+e-mail+program+used+by+Firefox -
Can you wrap an image with a link in an html email signature?
When I cite a remotely hosted image in an html signature, and try to make that image a link, the link is ignored and the just the image is shown.
e.g.:
<a href="https://www.facebook.com/pages/Ubiquia/146019678805381" target="_blank">
<img style=" position:absolute;
height:30px;
width:30px;
left:172px;
top:157.5px"
src="http://png.findicons.com/files/icons/2779/simple_icons/48/facebook_48_black.png" alt="ubiquia facebook" moz-do-not-send="true"
>
</a>For each icon that you want to use in your email signature:
locate icon on internet webpage - right-click on the icon and select 'Save Image as'. Save the icon to your computer in a suitable file.
Then in Thunderbird
insert > Image
choose file - locate the saved icon on your computer
click on Link tab and enter the www etc webpage link info
click on OK to insert image with link.
Codewise, where you have the actual icon you would need something stating where the icon is located:
eg
<a href="https://www.facebook.com/pages/Ubiquia/146019678805381" target="_blank">
path to image saved on computer included in within <> </a> -
Is it possible to insert an email link into an image? I have
an scanned in business card with an email address on it...can I
turn that into an actual email link somehow?
Thanks,
Berniedo you want the entire image to be the link? Then in the link
part of the
Property inspector, type:
mailto:[email protected]
do you want just the part of the image that is the email
address part of the
business card to be linked? Then click on the image in the
Design window to
select it. Go to the Property Inspector, and use the
"Hotspot" tools to draw
a rectangular hotspot over that area. In the link box, type:
mailto:[email protected] {use the real email address}
in html terms, that associates a <map> tag with that
image, and when the
mouse is clicked in the area you've defined, the link you've
defined for
those coordinates is activated.
If you wanted to make text an email link:
<a href="mailto:[email protected]">email us</a>
> Is it possible to insert an email link into an image? I
have an scanned in
> business card with an email address on it...can I turn
that into an actual
> email link somehow? -
Embed a web link into an image for email
Embed a web link into an image for email. Anyone knows how to do this?
Fantastic!!
Where did you get that?! I'll try it with the "poster frame" of a movie. I am so grateful. It opens a whole new world. -
Email Link... and Email Image menu items don't work.
Suddenly, about a week ago, the Email Link... and Email Image menu items stopped working. Problem seems to be on only one login on one of my three machines. The rest seem to be OK.
Using FF 19.0 and TB 17.0.3 under Windows 7.
Any ideas?Thank you. Although I had already checked the MailTo: application and found it set to "Use Thunderbird (default)", clearing that association and setting it to "Always Ask" jarred things loose. When I set it back to T-Bird, it worked again.
Again, thanks for the nudge. -
How do i send an html file exported from muse as email blast with images and live links?
My question it:
How do i send an html file exported from muse as email blast with images and live links?
I have designed a "website" in adobe muse and exported it as an html file. I am not sure how to send my .html file in an email!
Best,
NicoleUnfortunately, the answer is, you don't. The requirements for HTML displayed in an e-mail reader are very different than those for HTML displayed in a browser. The output of Muse won't work as an HTML e-mail. You could upload the Muse site as a website and provide a link to it in an e-mail, but the HTML generated by Muse is not suitable for direct display by an e-mail program.
-
How to make email link with a button with AC2 in flash cs3?
How to make email link with a button with AC2 in flash cs3?
I wrote this, but it does not work:
btn_emailinfo.on (release) {
getURL("mailto:"[email protected]");
}I am guessing you put that on a frame?
If so, the syntax is as follows:
btn_emailinfo.onRelease = function(){
getURL("mailto:[email protected]");
Though, if you are placing it directly on the button itself,
the syntax is:
on(release){
getURL("mailto:[email protected]");
} -
How do I make gmail the default email program for email links in the Mozilla browser?
In previous versions of Mozilla I was able to click an email link , for example, on a craigslist listing and it would automatically open my gmail login page or if I was already logged in it would prompt a new email (compose) with the email field already populated with the email link from which it was prompted. Hard to explain but currently it initiates an Outlook Express session which I don't use or even have configured. How is this process edited to work the way I would like it to? Thanks
See the section on "Setting Firefox's mail client" at [[Changing the e-mail program used by Firefox]]
-
I need a way to check the email on various websites contacts pages. If that email is undeliverable, could a correct email address be found ?
Is there anything that can scan an email link to see if that is good or find the correct email address for a website ? Maybe a program where you paste the main URL in it and it scans for all emails ?
Thanks
Sam -
How to display URL images and URL link (html) from Smartforms?
Hi Gurus,
I'm having difficulty on how to display targeted URL images and URL link from the smartforms, after i sending it out as html mail. The mail i sent just can be preview as a plain text, which can't execute the html code that i put inside the smartforms itself. I follow a few step from this very useful blog.. Hopefully, you guys can give me some solutions or ideas on this.
/people/pavan.bayyapu/blog/2005/08/30/sending-html-email-from-sap-crmerp -thanks to Pavan for his useful blog.
My code is like this..
<--- Start Code.
FORM call_smartforms.
DATA : lv_subject TYPE so_obj_des,
lc_true(1) VALUE 'X',
lw_control_parameters TYPE ssfctrlop,
lw_output_options TYPE ssfcompop,
lc_graphics(8) VALUE 'GRAPHICS',
lw_xsfparam_line TYPE ssfxsfp,
lc_extract(7) VALUE 'EXTRACT',
lc_graphics_directory(18) VALUE 'GRAPHICS-DIRECTORY',
lc_mygraphics(11) VALUE 'mygraphics/',
lc_content_id(10) VALUE 'CONTENT-ID',
lc_enable(6) VALUE 'ENABLE',
lw_job_output_info TYPE ssfcrescl,
lw_html_data TYPE trfresult,
lw_graphics TYPE ssf_xsf_gr,
lt_graphics TYPE tsf_xsf_gr,
lv_html_xstr TYPE xstring,
lw_html_raw LIKE LINE OF lw_html_data-content,
lv_incode TYPE tcp00-cpcodepage VALUE '4110',
lv_html_str TYPE string,
lv_html_len TYPE i,
lc_utf8(5) VALUE 'utf-8',
lc_latin1(6) VALUE 'latin1',
lv_offset TYPE i,
lv_length TYPE i,
lv_diff TYPE i,
lt_soli TYPE soli_tab,
lw_soli TYPE soli,
lc_mime_helper TYPE REF TO cl_gbt_multirelated_service,
lv_name TYPE mime_text VALUE 'sapwebform.htm',
lv_xstr TYPE xstring,
lw_raw TYPE bapiconten,
lt_solix TYPE solix_tab,
lw_solix TYPE solix,
lv_filename TYPE string,
lv_content_id TYPE string,
lv_content_type TYPE w3conttype,
lv_obj_len TYPE so_obj_len,
lv_bmp TYPE so_fileext VALUE 'BMP',
lv_description TYPE so_obj_des VALUE 'Graphic in BMP format',
lc_doc_bcs TYPE REF TO cl_document_bcs,
lc_bcs TYPE REF TO cl_bcs,
lc_send_exception TYPE REF TO cx_root,
lw_adsmtp TYPE lty_adsmtp,
lv_mail_address TYPE ad_smtpadr,
lc_recipient TYPE REF TO if_recipient_bcs,
lc_send_request TYPE REF TO cl_bcs,
lv_sent_to_all TYPE os_boolean.
DATA : v_language TYPE sflangu VALUE 'E',
v_e_devtype TYPE rspoptype.
v_form_name = 'ZTEST_EMAIL'.
CALL FUNCTION 'SSF_FUNCTION_MODULE_NAME'
EXPORTING
formname = v_form_name
IMPORTING
fm_name = v_namef
EXCEPTIONS
no_form = 1
no_function_module = 2
OTHERS = 3.
IF sy-subrc = 0.
break mhusin.
ENDIF.
starting here. ***
Set title for the output
lv_subject = 'Smartforms.'.
Set control parameters to "no dialog"
lw_control_parameters-no_dialog = lc_true.
IF lw_service_subject-code = lc_fm1.
*--- To get output device type
CALL FUNCTION 'SSF_GET_DEVICE_TYPE'
EXPORTING
i_language = v_language
i_application = 'SAPDEFAULT'
IMPORTING
e_devtype = v_e_devtype.
lw_output_options-tdprinter = v_e_devtype.
lw_control_parameters-getotf = 'X'.
IF sy-subrc = 0.
break mhusin.
ENDIF.
Set output options
lw_output_options-xsf = lc_true.
lw_output_options-xsfcmode = lc_true.
lw_output_options-xsfoutmode = 'A'.
lw_output_options-xsfoutdev = space.
lw_output_options-xsfformat = lc_true.
lw_xsfparam_line-name = lc_graphics.
lw_xsfparam_line-value = lc_extract.
APPEND lw_xsfparam_line TO lw_output_options-xsfpars.
lw_xsfparam_line-name = lc_graphics_directory.
lw_xsfparam_line-value = lc_mygraphics.
APPEND lw_xsfparam_line TO lw_output_options-xsfpars.
lw_xsfparam_line-name = lc_content_id.
lw_xsfparam_line-value = lc_enable.
APPEND lw_xsfparam_line TO lw_output_options-xsfpars.
Get the smartform content
CALL FUNCTION v_namef
EXPORTING
control_parameters = lw_control_parameters
output_options = lw_output_options
*pass other application specific parameters (eg order number, items ).
IMPORTING
job_output_info = lw_job_output_info
TABLES
tt_tabh = tt_tabh
tt_tabb = tt_tabb
tt_tabf = tt_tabf
EXCEPTIONS
formatting_error = 1
internal_error = 2
send_error = 3
user_canceled = 4
OTHERS = 5.
IF sy-subrc = 0.
break mhusin.
ENDIF.
lw_html_data = lw_job_output_info-xmloutput-trfresult.
lt_graphics[] = lw_job_output_info-xmloutput-xsfgr[].
CLEAR lv_html_xstr.
LOOP AT lw_html_data-content INTO lw_html_raw.
CONCATENATE lv_html_xstr lw_html_raw INTO lv_html_xstr IN BYTE MODE.
ENDLOOP.
lv_html_xstr = lv_html_xstr(lw_html_data-length).
CALL FUNCTION 'SCP_TRANSLATE_CHARS'
EXPORTING
inbuff = lv_html_xstr
incode = lv_incode
csubst = lc_true
substc_space = lc_true
IMPORTING
outbuff = lv_html_str
outused = lv_html_len
EXCEPTIONS
OTHERS = 1.
*HACK THE HTML CODE GENERATED BY SMARTFORM TO MAKE THE
*EXTERNAL IMAGES APPEAR AS <IMG> TAG IN HTML
REPLACE ALL OCCURRENCES OF '<IMG' IN lv_html_str WITH '<IMG' IGNORING CASE.
REPLACE ALL OCCURRENCES OF '/>' IN lv_html_str WITH '/>' IGNORING CASE.
REPLACE ALL OCCURRENCES OF '</A>' IN lv_html_str WITH '' IGNORING CASE.
REPLACE ALL OCCURRENCES OF '<' IN lv_html_str WITH '<' IGNORING CASE.
REPLACE ALL OCCURRENCES OF '>' IN lv_html_str WITH '>' IGNORING CASE.
CALL METHOD html_control - >load_mime_object
EXPORTING
object_id = 'ZWN'
object_url = 'ZWN.GIF'
EXCEPTIONS
OTHERS = 1.
REPLACE ALL OCCURRENCES OF lc_utf8 IN lv_html_str WITH lc_latin1.
REPLACE ALL OCCURRENCES OF lc_utf8 IN lv_html_str WITH 'iso-8859-1'.
break mhusin.
lv_html_len = STRLEN( lv_html_str ).
lv_offset = 0.
lv_length = 255.
WHILE lv_offset < lv_html_len.
lv_diff = lv_html_len - lv_offset.
IF lv_diff > lv_length.
lw_soli-line = lv_html_str+lv_offset(lv_length).
ELSE.
lw_soli-line = lv_html_str+lv_offset(lv_diff).
ENDIF.
APPEND lw_soli TO lt_soli.
ADD lv_length TO lv_offset.
ENDWHILE.
CREATE OBJECT lc_mime_helper.
CALL METHOD lc_mime_helper->set_main_html
EXPORTING
content = lt_soli
filename = lv_name
description = lv_subject.
LOOP AT lt_graphics INTO lw_graphics.
CLEAR lv_xstr.
LOOP AT lw_graphics-content INTO lw_raw.
CONCATENATE lv_xstr lw_raw-line INTO lv_xstr IN BYTE MODE.
ENDLOOP.
lv_xstr = lv_xstr(lw_graphics-length).
lv_offset = 0.
lv_length = 255.
CLEAR lt_solix[].
WHILE lv_offset < lw_graphics-length.
lv_diff = lw_graphics-length - lv_offset.
IF lv_diff > lv_length.
lw_solix-line = lv_xstr+lv_offset(lv_length).
ELSE.
lw_solix-line = lv_xstr+lv_offset(lv_diff).
ENDIF.
APPEND lw_solix TO lt_solix.
ADD lv_length TO lv_offset.
ENDWHILE.
CONCATENATE lc_mygraphics lw_graphics-graphics text-001 INTO lv_filename.
CONCATENATE lc_mygraphics lw_graphics-graphics text-001 INTO lv_content_id.
lv_content_type = lw_graphics-httptype.
lv_obj_len = lw_graphics-length.
*Add images to the email
CALL METHOD lc_mime_helper->add_binary_part
EXPORTING
content = lt_solix
filename = lv_filename
extension = lv_bmp
description = lv_description
content_type = lv_content_type
length = lv_obj_len
content_id = lv_content_id.
ENDLOOP.
TRY.
lv_subject = lv_subject.
lc_doc_bcs = cl_document_bcs=>create_from_multirelated(
i_subject = lv_subject
i_multirel_service = lc_mime_helper ).
CATCH cx_document_bcs INTO lc_send_exception.
CATCH cx_bcom_mime INTO lc_send_exception.
CATCH cx_gbt_mime INTO lc_send_exception.
ENDTRY.
Create send request
TRY.
lc_bcs = cl_bcs=>create_persistent( ).
CATCH cx_send_req_bcs INTO lc_send_exception.
ENDTRY.
TRY.
lc_bcs->set_document( i_document = lc_doc_bcs ).
CATCH cx_send_req_bcs INTO lc_send_exception.
ENDTRY.
Set-up email receiver
lv_mail_address = '[email protected]'.
TRANSLATE lv_mail_address TO UPPER CASE.
TRY.
lc_recipient = cl_cam_address_bcs=>create_internet_address(
i_address_string = lv_mail_address ).
CATCH cx_address_bcs INTO lc_send_exception.
ENDTRY.
TRY.
lc_bcs->add_recipient( i_recipient = lc_recipient ).
CATCH cx_send_req_bcs INTO lc_send_exception.
ENDTRY.
Send smartforms as HTML email
TRY.
lc_bcs->send( ).
CATCH cx_send_req_bcs INTO lc_send_exception.
ENDTRY.
COMMIT WORK.
WRITE:/ 'Mail sent'.
ENDFORM. "call_smartforms
End Code --->
Thanks and Regards.1- put your images in a directory under the web app directory. Example: app/images/
2- in your jsp, use: String file = application.getRealPath("/images/"); to get the images directory. See http://java.sun.com/j2ee/sdk_1.3/techdocs/api/javax/servlet/ServletContext.html#getRealPath(java.lang.String)
3- it's not the right forum to post this kind of question. Post them in the JSP/Servlet JSTL forum instead -
So I called tech support and asked them this question
The first question was how do i add text to a image i have already placed on my page.
Answer: Export the image to a pic editor. LIke photoshop.
Ok fair enough
Then my next question was:
How do i get e link or email link on the text in the photo?
Once i have my image and text the way i want it, its saved as a image and i cant edit the text.
So my question is really two questions i guess.
How do i get text on a image in dreamweaver. If a editor is needed, then how do i set a link up to another page?
ThanksUse the smallest image size necessary for the task. Small image slices or tiles make good backgrounds on web pages. You can set background images in your site's CSS to tile or repeat vertically, horizontally, both or none. So a little image can go a long way. It can fill an entire screen, table or a CSS division.
A common mistake among new web designers is trying to "fit" content precisely over a large, background image or photograph. This seldom works as planned because building for the web is nothing like designing for print. Owing to different browsers, user settings, text and display sizes which you cannot control, the web is an inherently flexible medium. You cannot place web content precisely over a big background image and expect it to stick. The only reliable way to retain precision is to place text on an image using your graphics editor, then flatten image and text layers and save for web as jpg, gif or png.
More on Background images -
http://alt-web.com/Backgrounds.shtml
Image Maps with clickable areas or hotspots -
http://www.w3schools.com/TAGS/tag_map.asp
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.com/blogspot.com
Maybe you are looking for
-
Need help with a xml photo gallery
First, hello to everyone. My name is Tudor , i'm from Romania and i have a flash project which implies building an XML driven scrolling photo galery. Very sorry if my english will slip in some phrases. Well , the question for which i must get an answ
-
Template Expressions in Library Items?
Hi All, The quick question is this: can template expressions be made to work inside library items? Here's the situation- The page: http://www.fretbank.com/basics/intervals/index.html I have a 3-tier template structure in place – 1-Root, 2-General Pag
-
Aperture 3: Library Management
I am sorry to ask such a simplistic question, but I am not sure how to do this and did not see a post on the question. I have my main aperture 3 library. I am going to break the library up to speed performance and make the library smaller (Around 60
-
Hi All why do we generate proxies in appllication server not in xi server
-
Looking for version 2.2 for my 1G touch, since 3.0 won't work on my 1G.
I have a 1st gen. iPod touch that I got for Christmas. Due to a lot of circumstances, I didn't update to 2.2 yet. I am still running on version 1.1.5. I would really like to get 2.2 or even 2.0 so that I can use apps, but I can't find any of these on