ҳ̸Ҳ̸ҳ«\/!яυz~χ»...님의 프로필M $ N_R.E.B.E.L.S사진블로그리스트 도구 도움말

블로그


    2006년 4월

    Get an ALT text ...

    Images/Thumbnails with Alt Text

    Hover your Mouse above the picture below >>

    Login

     

    You can also link images to different web pages. A common practice in the Internet world is to use images like buttons as links and to use an image as your homepage. Also, when a user puts his/her mouse over the image, you can make a little popup text come up that gives information about the image (called ALT text).
     
    This is the way to do it..
    • Host a picture or a thumbnail online using
    • Copy the URL they give you.. E.g.

     

    <img src="Link/Url of image" alt="Text for unloaded image" title="Tooltip text" />

     

    Copy the code above and make the changes to it as mention below...

     

    • The part in Yellow is where the URL of your picture goes [URL got after hosting picture on imageshack or an image from a website ]
    • In the Blue part ,Put in text  that you want to display INSTEAD OF THE IMAGE in the case of the image file not loading, or being deleted
    • The part in Red is where you put text  that you want to display in the tooltip - the tooltip's the little box that appears when you hover your mouse over the picture. [Ffor e.g. the "login" picture above and below in this blog entry ]

    Now...

    • Make a new blog entry or open an existing one.
    • You have to paste the code above , of course after making the above mentioned changes into your blog entry.
    • Do not paste it directly. Click on the  button and paste the code then. Click here if you do not know about <HTML> .
    • Deselect the  button to get out of the HTML editing mode and make final changes to your entry.
    • Publish your Entry
    • You are Done !
    • You can later hyperlink the image to a website of your choice by selecting the picture and clicking on the  button from the Blog editing tools.

    For e.g.

    Hover your Mouse above the picture below >>

    Login

    For this I used the code below :

    <img src="http://img249.imageshack.us/img249/1613/buttlogin0rf.jpg" alt="Login" title="Here is the Alt text that I talked about" />

    See the Secondry Link title tutorial

    A thank-you to Ooke& D3V

     

    댓글

    잠시만 기다려 주세요...
    죄송합니다. 입력한 댓글이 너무 깁니다. 내용을 줄여 보세요.
    입력한 내용이 없습니다. 다시 시도해 보세요.
    죄송합니다. 지금은 댓글을 추가할 수 없습니다. 나중에 다시 시도해 보세요.
    댓글을 추가하려면 부모님의 사용 허락이 필요합니다. 허용 요청
    부모님이 댓글 기능을 해제한 상태입니다.
    죄송합니다. 지금은 댓글을 삭제할 수 없습니다. 나중에 다시 시도해 보세요.
    하루에 남길 수 있는 댓글의 최대 한도를 초과했습니다. 24시간 후에 다시 시도해 보세요.
    회원님의 계정은 다른 사용자에게 스팸 메일을 보낼 수 있다고 여겨지므로 댓글 기능이 비활성화되어 있습니다. 이 설정에 문제가 있다고 생각되면 Windows Live 지원에 문의하시기 바랍니다.
    댓글을 남기려면 아래 보안 검사를 완료해야 합니다.
    보안 검사에 입력한 글자는 그림 또는 오디오에 있는 글자와 일치해야 합니다.

    댓글을 추가하려면 Windows Live ID로 로그인하세요. 핫메일, 메신저 또는 Xbox LIVE를 사용하는 경우 해당 계정을 Windows Live ID로 사용할 수 있습니다.로그인


    Windows Live ID가 없으신가요? 등록

    트랙백

    이 블로그의 트랙백 URL은 다음과 같습니다.
    http://pyrate101.spaces.live.com/blog/cns!A969B1C9EEF142B0!225.trak
    이 블로그를 참조하는 웹 로그
    • 없음