티스토리 뷰

[티스토리]블로그 로그인 로그아웃 버튼 만들기







티스토리 블로그를 꾸미던중 뭘 잘못 건드렸는지 모르겠지만 로그인했을때와 로그아웃 했을때 이미지가 바뀌지 않았다.

기초가 없는 미스터짱은 하루종일 정보를 찾고 수정하고 만지다가 드디어 성공했다..



로그아웃하면 위처럼 이미지가 변한다.. 야호~!!

역시 사람은 배워야 하는구나,,,ㅠ,ㅠ 



*일단 나타내고자 하는곳에 아래 소스를 삽입한다.


1
2
<a href="http://www.tistory.com/login"><img src="http://로그인 이미지 경로"></a>    
<a href="http://www.tistory.com/logout"><img src="http://로그아웃 이미지 경로"></a>
cs


*아래소스는 스크립트 소스이다. 적당한 곳에 배치한다.  </body> 바로위에 배치해도 된다.


1
2
3
4
5
6
7
8
9
10
<script>
//로그아웃, 로그인 표시
    if($('#tistorytoolbarid .tt_menubar_login').length=='2'){
        $('.tab_login').css('display','inline-block');
        $('.tab_logout').css('display','none');
    }else{
        $('.tab_login').css('display','none');
        $('.tab_logout').css('display','inline-block');
    }
</script>    
cs


MrZZang

최근에 올라온 글
최근에 달린 댓글
방문자수
  • Total :
  • Today :
  • Yesterday :

미스터짱의 일상,취미가 있는곳...