Displaying pdf logo before a Hyperlink

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts
  • arunbelur
    Private

    • Jan 2007
    • 4

    Displaying pdf logo before a Hyperlink

    1) I need to display a pdf logo on my webpage before a hyperlink.

    Lets say i creat a page in Bluevoda and just have the text Hello on the page as a hyperlink.

    How can i display the pdf logo before the text "Hello". Please help!! Been trying to figure this out for days and i have no experience in HTML.

    2) How does one add HTML code to an already existing page. When i right click on the page i get an option for Page HTML. But i do not know how to alter some/change some of the attributes.
  • Mook25
    Brigadier General

    • Oct 2005
    • 1427

    #2
    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
    Arcade Ninja - Free Flash Arcade
    FreeGadget4me.Com - Learn how to get free gadgets delivered direct to your door for free

    Comment

    Working...
    X