블로그 타이틀 바에 마음데로 링크 걸기~

Infomation/Computer 2008.03.30 22:37
안녕하세요. ㅇㄷㅇ님의 질문에 답변을 드리겠습니다.

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

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

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

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

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

  <!-- @@ container contents start @@ -->
    <div id="header">
      <!-- @@ header Start @@ -->
      <h1><a href="[##_blog_link_##]">[##_title_##]</a></h1>
   <div id="blogSet">
    
    <a href="[##_blog_link_##]owner/entry"  class="admin"><span>Admin</span></a>
  <a href="[##_blog_link_##]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="[##_blog_link_##]">[##_title_##]</a></h1>
   <div id="blogSet">
    
    <a href="[##_blog_link_##]owner/entry"  class="admin"><span>Admin</span></a>
  <a href="[##_blog_link_##]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; 이 코드만 추가해 주시면 마우스 포인터가 손가락 모양으로 변신하게 됩니다.^^

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

혹시나 스킨을 수정하시다가 또 궁금한점이 생기면 언제든 문의해 주세요.^-^!
신고
크리에이티브 커먼즈 라이선스
Creative Commons License


티스토리 툴바