티스토리 뷰

ㅇㄷㅇ

블로그 타이틀바에 링크 걸기

ㅇㄷㅇ 2008. 4. 12. 02:57


안녕하세요. ㅇㄷㅇ님의 질문에 답변을 드리겠습니다.

ㅇㄷㅇ님의 질문 >>
안녕하세요 태그 질문이 있어서 글을 남깁니다.
제가 블로그 시작한지 얼마 안되서 그런대요 타이틀바에 사진을 집어넣고 그 타이틀 바를
누르면 링크가 연결되게(보통 블로그 메인)하려면 어떤 태그를 수정해야되나요?
style.css에서 title에 넣은 사진 파일이름은 찾았는데
이걸 어떻게 수정해야 되는지 잘모르겠습니다.

네... 질문의 요지는 타이틀에 자신만의 링크를 어떻게 걸 수 있느냐... 라는 것이군요.

일단 관리자 페이지로 들어가셔서

스킨 > HTML/CSS 편집  메뉴로 들어가시면 수없이 많은 코드들이 쫘~악 펼쳐집니다.

커서를 skin.html 창에 두시고 Ctrl + F 를 눌러서 header 를 검색해보시면

  <!-- @@ container contents start @@ -->
    <div id="header">
      <!-- @@ header Start @@ -->
      <h1><a href=""></a></h1>
   <div id="blogSet">
    
    <a href="owner/entry"  class="admin"><span>Admin</span></a>
  <a href="owner/entry/post"  class="post"><span>Posting</span></a></div>


위와 같은 코드를 찾으실 수 있습니다. 이부분의 style.css의 #header의 속성이 먹히는 영역인데요.

<!-- @@ container contents start @@ -->
<div id="header" onclick="window.location.href='http://suya55.tistory.com'">
      <!-- @@ header Start @@ -->
      <h1><a href=""></a></h1>
   <div id="blogSet">
    
    <a href="owner/entry"  class="admin"><span>Admin</span></a>
  <a href="owner/entry/post"  class="post"><span>Posting</span></a></div>

위 코드처럼 붉은 글씨만 추가해 주시면 됩니다. 물론 주소는 자신의 블로그 주소를 적어주셔야 하겠죠?^^
" " 사이에 들어있는 ' ' 표시 빼먹지 마시고 쌍으로 잘 넣어주시구요.

일단 저 코드만 수정해줘도 타이틀 그림을 누르시면 원하시는 주소로 이동은 하는데 마우스 포인터가 손가락이 아닐겁니다.

마치 링크를 걸어준 착각을 일으키기 위해서 스타일 시트도 좀 바꿔주도록 하지요.^^

이번엔 style.css 텍스트 박스 안에 커서를 위치하시구요, Ctrl + F 로 header 를 찾으면

#header    {padding-top:230px; background:url("images/topimg.gif") 13px 20px no-repeat; }

위와 같은 코드를 찾을수 있습니다. 물론 안에 내용은 각 각 스킨에 따라서 다릅니다.

#header    {padding-top:230px; background:url("images/topimg.gif") 13px 20px no-repeat; cursor : pointer; }

제일 마지막 부분에 cursor : pointer; 이 코드만 추가해 주시면 마우스 포인터가 손가락 모양으로 변신하게 됩니다.^^

쉽죠?? 이왕 이렇게 알려드리는김에 제 블로그에도 적용해 보았답니다.^^

혹시나 스킨을 수정하시다가 또 궁금한점이 생기면 언제든 문의해 주세요.^-^!




이 글은 별따는수야님의 글을 가져온것입니다.

저번 스킨을 쓸때 타이틀에 그림을 넣고 그걸 메인페이지로 링크 하는데 어려움을 겪어

별따는 수야님에게 가볍게 방명록에 남겼는데 고맙게도 직접 포스팅을 해주셨더군요

그래서 위에 보시면 ㅇㄷㅇ님의 질문에 답변 드리겠습니다로 시작합니다.

저만 알기 아까워서 얘기드리고 가져왔습니다.

블로그 시작한지 얼마 안되는 분들에게 많은 도움이 될것 같습니다.

그런데 오늘 저희가 스킨을 바꾸었는데 이거 문제가 있내요

포인터 태그를 넣었는데 이 포인터가 ㅇㄷㅇ&Wolf's Story 글자에서 나오는게 아니라

저 글자 윗부분 빈공간에서만 나오고 글자위에서는 포인터가 안나오는

이상한현상이 있내요... 뭐 포인터가 안나온다고 해서 하이퍼링크가 안되는건 아니지만

글자에서 포인터가 나오지 않으면 링크가 된다고 생각이 안들수가 있어서 수정을해야될것

같은데  어떻게 수정해야될지 고민입니다.
댓글
최근에 올라온 글
최근에 달린 댓글