Life is an egg.

닫기 검색결과 전체 보기

    a 태그 쓰지 않고 링크 걸기 - 블로그 제목에 적용

    iTIPs/티스토리 2014. 5. 25. 00:30



    이번엔 아주 간단하고 짧은 포스팅입니다.


    현재 사용중인 Fastboot 스킨은 홈버튼을 따로 제공하고 블로그 제목을 클릭해도 홈으로 돌아가지 않습니다.


    제 생각에는 블로그 제목이 홈버튼 역할을 하는 것이 직관적이라고 생각해서


    <h3><a href="/">[샵샵_title_##]</a></h3>


    이렇게 적용하고나니 a태그로인해 파란색으로 표시되더군요.



    (물론 css수정으로 다시 색을 바꾸면 되긴합니다만..)


    그래서 다른방법을 찾아봤습니다.


    a 태그 없이 링크 걸기

    <h3 onclick=window.open("/","_self")>[샵샵_title_##]</h3>

    onclick은 html element를 클릭했을 때 자바스크립트를 실행하게합니다.

    "/"은 홈으로 돌아가는 주소입니다.

    _self는 현재 창에서 열리게 하는 옵션이고, 새창에서 열리게 하려면 ,"_self"를 지우시면 됩니다.


    블로그 제목이 아니더라도 화면에 표시되는 어떤 태그도 onclick이벤트를 추가하면 됩니다.

    예)

    <p onclick=window.open("http://www.tistory.com")>티스토리 링크</p>




    a태그와 다른점은 링크위에 마우스를 올려두어도(hover) 마우스 모양이 자동으로 바뀌지 않습니다.

    css혹은 style로 cursor:pointer;를 추가하면 됩니다.


    예)

     <h3 onclick=window.open("/","_self") style='cursor:pointer;'>[샵샵_title_##]</h3>


    .


    저작자표시비영리동일조건
    'iTIPs/티스토리' 관련 글 more
    • 티스토리 댓글이 일정길이 이상되면 댓글쓰기창이 위아래로 2개 나오게하기 2014.06.06
    • thumbnail
      블로그 속도 개선- Disqus탭 클릭했을 때 로딩되게 하기 2014.06.02
    • thumbnail
      티스토리 반응형 스킨에서 표 잘림 문제 해결하기 2014.05.17
    • thumbnail
      Disqus 댓글과 티스토리 댓글 탭으로 보기 2014.05.11
    Posted by 뭐하라

    문제가 있나요?(?)

    내용상 오류가 있음 업데이트 필요 화면이 깨짐 기타 수정이 필요함
    HTML

이전페이지
더 보기
다음페이지

공지사항

  • thumbnail 스킨 후원 및 혜택 안내
  • thumbnail 바이두 클라우드 검색 엔진

추천 포스트

  • thumbnail Material T Skin Mark5+ 다운로드
  • thumbnail 애드센스 반응형 고급코드 수정 도우미
  • thumbnail A/B TEST 스크립트 생성기

    최근...

  • 포스트
  • 댓글
  • thumbnail reMarkable 2 개봉기 (2)
  • thumbnail Material T skin 시간표시 업데이트 (2)
  • thumbnail 카카오톡 kakaotalk v8.5.1 apk 다⋯ (1)
  • thumbnail 라즈베리파이 puppeteer 구동하기
  • thumbnail 티스토리 메뉴버튼 위치 수정하기 (1)
  • 더 보기
  • thumbnail 안녕하세요
    🧸POOH-goalkeeper ㆍ 02.02
  • thumbnail 참쌤이누군지모르겠는데 조용히해⋯
    뭐하라 ㆍ 01.29
  • thumbnail https://open.kakao.com/o/gReRS9P⋯
    jmpark ㆍ 01.09
  • thumbnail 잘 배우고 갑니다...
    이별유예 일주일 ㆍ 2020
  • thumbnail 정말 감사합니다. 감사히 잘 쓰겠⋯
    M_Falcon ㆍ 2020

후원을 기다립니다.

Life is an egg에서는 여러분의 후원을 기다리고 있습니다.

후원 안내

카테고리

분류 전체보기 (728)
iTIPs (342)
유용한 프로그램 (37)
유용한 사이트 (30)
안드로이드 (62)
Web (27)
Computer (28)
광고 (45)
티스토리 (57)
Material T Skin (31)
기타 팁 (25)
Reviews (63)
APK저장소 (165)
카카오톡 (82)
일반 APK (83)
기타 (36)
게임 (123)
쿠타 (4)
splice 공략 (11)
Bad Piggies 공략 (96)
기타게임 (12)
  • 홈
  • 방명록
  • Material T skin 다운로드
  • OctoPrint 한국어
  • 링크추가
뭐하라's Blog is powered by daumkakao
Skin info material T Mark5+ by 뭐하라
favicon

Life is an egg.

삶은 달걀이다.

  • 분류 전체보기 (728)
    • iTIPs (342)
      • 유용한 프로그램 (37)
      • 유용한 사이트 (30)
      • 안드로이드 (62)
      • Web (27)
      • Computer (28)
      • 광고 (45)
      • 티스토리 (57)
      • Material T Skin (31)
      • 기타 팁 (25)
    • Reviews (63)
    • APK저장소 (165)
      • 카카오톡 (82)
      • 일반 APK (83)
    • 기타 (36)
    • 게임 (123)
      • 쿠타 (4)
      • splice 공략 (11)
      • Bad Piggies 공략 (96)
      • 기타게임 (12)

카테고리

  • 홈
  • 방명록
  • Material T skin 다운로드
  • OctoPrint 한국어
  • 링크추가

관리자 메뉴

  • 관리자 모드
  • 글쓰기
PC화면 보기 티스토리 Daum

티스토리툴바