Is there a way that could convert all mailto:example#exapmle.com email links in a html page to images showing same content/email address (I didn't have reputation to post images, an example image ). I knew some website provide such kind of service, but it could be done one by one. I have a webpage have many email links, so want to ask a better or smarter way to do that.
Any response would be appreciated. Thanks.
Yes. One way to do this is using PHP. Basically, what you are describing is writing text to an image. This can be done using the PHP imagettftext() function. See http://php.net/manual/en/function.imagettftext.php for more info.
Related
I am making a payment gateway for a client using authorize.net which I have succesfully managed to do so. Now the client wants to have a receipt for the user to download on the success page. I have all the necessary data in php variables stored for printing. But the invoice that my client wants has a specific design , there are a lot of alignments, lines. I have tried jspdf. but doesnt go with the styling of my html. and I dont know how to align things in it myself. Can anyone give me a go-ahead what should I do to print pdf anyway I like.
Thanks
In case you are still looking for a solution, or someone else comes across this question, see this answer https://stackoverflow.com/a/61484708/3761687
While that question was about React, the solution works with any framework.
I have a question of how to develop a small website which is quick and easy which has html support unlike google sites. For one of my course project I have to develop a prototype of the website but just html pages. Want to implement the clicks, text fields, checkboxes etc., I have created a small site of googlesites but that doens't allow me to put the html like text fields radio buttons etc., I just wanted to know if there is any free WYSIWYG capable for doing my stuff.
Thanks in advance
EDIT:
I dont want to use the div tags and arrange the location of HTML. I just want to drag and drop the fields and the site should automatically place the fields appropriately on the webpage something as easy as google sites
I found jsfiddle.net to be really useful. Basically you can put in HTML, CSS, and Javascript, click "Run" and see the result.
It's great for testing or hacking some CSS or Javascript, as it gives you instant feedback, saving you the "edit, save, launch, wait, repeat" cycle you might find using a text or HTML editor.
UPDATE
I'm not sure if I understood your question correctly. Perhaps you are looking for a tool like Google sites but with more capabilities? If so, http://www.weebly.com/ is a good option and it is free.
basically what i want to do is display a facebook photo album on my website.
is there a way to just take a div from a page and put it on yours with like frames?
couldn't think of a better way to do it atm - client isnt exactly computer savy but could handle photo album himself if its through facebook
i guess my backup option is just to have the gallery page link to the facebook albums- but feels kind of cheep to be just to have part of the website just direct users away(but not too bad since the budget was low )
thanks
There is no really good way to use frames in the way you're asking and cross domain rules will stop you pulling the content you want with javascript.
I would suggest something a little more developer friendly - like Flickr, there are heaps of API examples out there that will let you pull in info about each image.
From there is your choice of formatting, but making an XML file from the Flickr data and passing it into a jquery / flash gallery is pretty simple.
:)
I just did a quick search for my question and couldn't find anything directly on point.
I'm still very new to HTML and was wondering if someone could tell me how I could add a picture to my website and set the code so that if I click on it, it enlarges the picture in a new window.
I'm going to be adding around 600+ pics to my website so I was also wondering if there's a way to write the code once and have it apply to all the pics I add.
Thanks in advance,
- Danny B.
There's many many ways in which you could do this. The basic HTML for inserting an image with a link to a new window will be:
<a href="enlarged.html" target="_blank">
<img src="photos/photo-name.jpg" />
</a>
But it is a fair bit more complicated if you want to be able to dynamically display a large number of photos. If you want to code this yourself, you'll want to look into using something like PHP to output the HTML code automatically for 600+ images. Then instead of pointing the link for each to a new page, you might want to consider having the images load in a cool way, such as a javascript lightbox/colorbox some of the other answers suggest.
One possible alternative solution might be to look for some pre-created photo album script. I don't have any experience of these so I'll let someone else make some suggestions on that.
There are several ways to do this, but I'm assuming you'll have a simple site with lots of images on one page, and you'd like the images to zoom open "in a cool way".
Check out this: http://colorpowered.com/colorbox/
... click on View Demonstration and then see the various photo handling options.
This needs just some basic HTML and minimally configured Jquery. Very simple to use and produces a nice effect.
Google around using the keyword lightbox. Most of the solutions are ready-to-use Javascripts. Just include once, assign some IDs/classes, execute during onload and that's it. I personally have good experiences with Lightbox2 and jQuery Lightbox plugin.
I decided to go w/ target="_blank" -- Lightbox2 seems like it'd be great, but I'm really not sure how to use it and where to put all the code. The instructions I've found for it still assume the user has some standard knowledge in the field, that of which I do not currently possess. So, I'll stick to the target/blank approach until I can get more familiar w/ coding and then I'll upgrade to Lightbox.
Once again, I want to say thanks to everyone. You guys always respond quickly and accurately.
With much appreciation,
- Danny B
The simplest way would be to add a link to it, and set the target attribute to target="_blank". The link should point to the image itself. This would regularly open a new tab though, if you want a whole new window, you should tryhref="javascript:window.open('myimage.png','_blank','toolbar=no,menubar=no,resizable=yes,scrollbars=yes')",which would open a new, standalone window. If you're looking for fade/resize effects and such, try one of the other answers posted.
How does one embedd an image in HTML so that the image is delivered with the html file content and does not need a separate trip to the server to retrieve the image? We need this to embed company logo's into signatures before they leave the mail server. We don't want to use a client side solution like thunderbird's or outlook's functionality to add signatures.
thanks
What you need to do is encode the file to Base64, and include it like this:
<img src="data:image/gif;base64,R0lGODlhUAA..(the rest of your base64 encoded file)..">
http://www.sweeting.org/mark/blog/2005/07/12/base64-encoded-images-embedded-in-html
http://dean.edwards.name/weblog/2005/06/base64-ie/
The standard solution for that is to add the image as an attachment. Every attachment has a ContentID, so you can embed the image using: <img src="cid:ContentID" />.
This will embed the image in the email, not in the html.
I don't think the W3C HTML specs really allow you to do this.
But if you really want to, you could create a pixel-width by pixel-height table, and set the cell background colors one by one to create your image.
It can't be done, but that's OK because modern browsers use a KeepAlive feature so that the connection to the server is retained for image loading.
Here's a handy Image to HTML converter - warning creates NASTY HTML! :)
The question that comes to my mind is - why you don't want a normal <img> tag in your html?
Attaching a image to the body of html might sound tempting, but it will definetly slow down the email downloading times, and some people use stuff like gprs connection so they want to limit their bandwidth.
IMO having images inside your html is pure evil. But that's just out of curiosity, to ask why you want such a solution - seems #nickf alredy gave you a good one :)
I reevaluated solutions for this recently.
According to this blog the support for inline attachments has been improved, new stuff was pushed to the mainline Rails repo.
I didn't check which Rails version is lucky enough to contain this change, though.
For my 2.3.x deployments I used the inline_attachment gem.