website design

Discussion in 'HTML & Website Design' started by galaji, Dec 14, 2009.

0
  1. #1
    hi all DP members

    I just want to know how to add icon like in the DP website to my site ?
    What changes should I make or what code should I add ?
    I am fairly new to website design, so code help will be appreciated.
    Here us the original site......http://ask-the-experts.co.cc/
    [​IMG]
     
    galaji, Dec 14, 2009 IP
  2. aquilax

    aquilax Member

    Messages:
    126
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    33
    #2
    Create favicon.ivo and place it on your website's root directory
     
    aquilax, Dec 14, 2009 IP
  3. PSD Genie

    PSD Genie Well-Known Member

    Messages:
    342
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    155
    #3
    This is called a favicon,

    it is simply the website's icon.

    aquilax was close however it is favicon.ico and it will need to be placed in your root directory.

    For further information on Favicons visit:
    type in favicon in google.
     
    PSD Genie, Dec 14, 2009 IP
  4. dlb

    dlb Member

    Messages:
    203
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    35
    #4
    They're asking for help so he can do it themselves, otherwise they'd have posted it in the BST section. :rolleyes:

    This article explains how to create one from scratch using Photoshop and includes the HTML markup to get it functional in no time. :)
     
    dlb, Dec 15, 2009 IP
  5. combus

    combus Peon

    Messages:
    34
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Yeah, just add a favicon.ico to you public_html directory (or the root public directory). There are many sites available to help you generate it with a normal image, just google it ;)
     
    combus, Dec 15, 2009 IP
  6. jobykjoseph10

    jobykjoseph10 Well-Known Member

    Messages:
    194
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    130
    #6
    I am Joby from Byin Technologies. Please contact me so that we can discuss further. We will offer cheap design, development and hosting service.
     
    jobykjoseph10, Dec 29, 2009 IP
  7. Dee2007

    Dee2007 Active Member

    Messages:
    1,185
    Likes Received:
    27
    Best Answers:
    0
    Trophy Points:
    88
    #7
    Dee2007, Dec 30, 2009 IP
  8. lonewolff

    lonewolff Member

    Messages:
    338
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    30
    #8
    It is also a good idea to place this somewhere between your head tags as some browers dont look for favicon.ico in your root.

    <link rel="shortcut icon" href="favicon.ico"/>
     
    lonewolff, Dec 30, 2009 IP
  9. tuneaid

    tuneaid Peon

    Messages:
    14
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #9
    You can also use png's that have been resized to 16x16 px or 32x32 px

    put this in the html header on your pages

    <head>
    <link rel="shortcut icon" href="favicon.png"/>
    </head>
     
    tuneaid, Jan 1, 2010 IP
  10. mrpaisa

    mrpaisa Guest

    Messages:
    741
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #10
    Web design is the skill of creating presentation of content that is delivered to an end-user through the world wide web by way of browser....
     
    mrpaisa, Feb 2, 2010 IP
  11. BarbaraKahn

    BarbaraKahn Peon

    Messages:
    32
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #11
    Hi Galaji,

    The icon you are talking about is called favicon icon. first you have to generate or build a icon for ur site then you have to upload it in the main directory. u can also generate the favicon icon from this website also. which is very helpfull. u must mek it in 32*32 size to be adjustable with the browser.

    favicon.cc

    implement this thing into ur code like this

    <link rel="shortcut icon" href="favicon.ico"/>

    Thank u
     
    BarbaraKahn, Feb 2, 2010 IP
  12. masticafe

    masticafe Peon

    Messages:
    255
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #12
    you can make a new icon and rename it to favicon.ico and put it into the root directory i.e public_html

    this way every page will have the same favicon and if you use this code:
    <link rel="shortcut icon" href="favicon.ico"/>

    Then your favicon will be applied to the blog only but not the forum......
     
    masticafe, Feb 2, 2010 IP