Displaying pdf logo before a Hyperlink

Mook25 · 01-30-2007, 03:01 PM

Re: Displaying pdf logo before a Hyperlink

Firstly you will need a small picture of the pdf logo uploaded to your server. Once this is done the you add the follwing code

Code:

<img src="[COLOR=red][B]url to pdf logo here[/B][/COLOR]"><a href="[COLOR=red][B]url[/B][/COLOR]">[COLOR=red][B]Text to be displayed here[/B][/COLOR]</a>

So for example if you were to do the right click, view html option on a page with the above code the page would look something like

Code:

<html>
<head>
</head>
<body>
<img src="[URL="http://www.ladycomp.pl/images/pdf-logo.gif"][COLOR=red][B]http://www.ladycomp.pl/images/pdf-logo.gif[/B][/COLOR][/URL]">
<a href="<A href="[COLOR=red][B][URL="http://www.english-heritage.org.uk/server/show/conMediaFile.4430"]http://www.english-heritage.org.uk/server/show/conMediaFile.4430[/URL][/B][/COLOR]">pdf">[COLOR=red][B][URL="http://www.english-heritage.org.uk/server/show/conMediaFile.4430"]http://www.english-heritage.org.uk/server/show/conMediaFile.4430[/URL][/B][/COLOR]">pdf logo</a>
</body>
</html>

If you wanted to change the size to the image you would add code as follows

Code:

<img src="[URL="http://www.ladycomp.pl/images/pdf-logo.gif"][COLOR=red][B]http://www.ladycomp.pl/images/pdf-logo.gif[/B][/COLOR][/URL]" height="[COLOR=red][B]50[/B][/COLOR]" width="[COLOR=red][B]50[/B][/COLOR]">
<a href="<A href="http://www.english-heritage.org.uk/server/show/conMediaFile.4430">pdf">[COLOR=red][B][URL="http://www.english-heritage.org.uk/server/show/conMediaFile.4430"]http://www.english-heritage.org.uk/server/show/conMediaFile.4430[/URL][/B][/COLOR]">pdf logo</a>

If you want there to be alternate text in place of the picture when the browser can't load the picture the following code would be entered instead

Code:

<img src="[COLOR=red][B]url to pdf logo here[/B][/COLOR]"alt="[COLOR=red][B]alternate text goes here[/B][/COLOR]"><a href="url">[COLOR=red][B]Text to be displayed here[/B][/COLOR]</a>

In answer to your other question. To change the HTML of a page, presuming it's your own you would find the file on your server and either edit via a text editor like notepad or other editors like Bluevoda. If you are trying to copy code from websites that are not your own via the right click, view source option, be very wary as there are often copyright issues with doing this.

A good source of information on HTML programming can be found at W3Schools.com

Hope this helps

Displaying pdf logo before a Hyperlink

Leave a comment:

Displaying pdf logo before a Hyperlink