묻고답하기
클릭하면 움직이는 로고
2014.05.16 08:59
/*--[ Logo ]--*/
.garden-logo{float:left}
#logo{position:relative}
#logo .garden-logoi{display:inline-block; width:233px; height:31px; margin-top:30px; background:url(../img/logo.png) no-repeat}
#logo img{margin-top:30px}
위는 로고관련 css 내용입니다.
아래 사이트 처럼 로고에 마우스 오버시 좌우로 흔들리는 효과를 넣고싶은데, 방법좀 알려주십시오.
http://a-cube.co.kr 이 사이트 처럼 로고에 마우스를 가져가면 좌우로 흔들흔들 하는 소스코드를 배울 수 있을까요?
댓글 7
-
XE힘들당휴
2014.05.16 10:35
-
앤서니.
2014.05.16 19:22
아... 정말 감사합니다. 잘 사용하겠습니다!!
-
XE힘들당휴
2014.05.16 19:44
쪽지 잘 받아보았습니다
id값은 한 개만 지정가능합니다.
보내주신 코드 중에 이 부분이 로고가 들어가는 부분인 것 같은데요
<div class="garden-logo"> <a href="{getFullUrl()}" id="logo" tabindex="2"> <!--@if($layout_info->logo)--><img src="{$layout_info->logo}" alt="{Context::getSiteTitle()}"|cond="$current_version > '1.7.0.0'" title="{Context::getSiteTitle()}"|cond="$current_version > '1.7.0.0'" style="margin-top:{$layout_info->logo_y}px"|cond="$layout_info->logo_y" /> <!--@else--><span class="garden-logoi" title="{Context::getSiteTitle()}"|cond="$current_version > '1.7.0.0'"></span><!--@endif--> </a> </div>
여기서 <div id="hoverlogo" class="garden-logo animated"> 이 부분에 이렇게 주시면 될 겁니다.
jQuery 부분도 헤더나 레이아웃에 삽입해 주시구요 그래도 안되시면 쪽지로 보내드린 주소에서 확인해 가면서
수정해보세요
-
앤서니.
2014.05.16 20:32
네 다시 해보겠습니다 정말 너무 감사드립니다... (__)
-
앤서니.
2014.05.16 20:34
답글중에 아랫 부분 부터 끝까지 복사해서 붙여넣기 하면 되는게 맞는거지요?
-이렇게 시작하는 css 코드가 맞는건지 잘 몰라서요...
-webkit-animation-fill-mode:
both
;
-moz-animation-fill-mode:
both
;
-ms-animation-fill-mode:
both
;
-o-animation-fill-mode:
both
;
animation-fill-mode:
both
;
-webkit-animation-duration:
1
s;
-moz-animation-duration:
1
s;
-ms-animation-duration:
1
s;
-o-animation-duration:
1
s;
animation-duration:
1
s;
}
-
XE힘들당휴
2014.05.16 20:52
누락이 되었네요 ㅠㅠ 죄송합니다 위에 댓글 다시 한번 보세요 수정했습니다
-
앤서니.
2014.05.16 21:07
우와~~~~ 이제 잘 됩니다!!! 정말 감사드립니다!!!
글쓴이 | 제목 | 최종 글 |
---|---|---|
XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
풍선12 | 회원가입신청(?)후 [7] | 2014.05.16 by 풍선12 |
아빠야 | socialxe 일반 페이지 적용시 권한 에러.. | |
captin | 위젯에 배경음악 가능 한가욤? [2] | 2014.05.16 by captin |
오락실주인 | 신디케이션 이제 끝 ? [1] | 2014.05.16 by 슈니슈니 |
qwqwwewe | 네이버 지도처럼..질문입니다. [11] | 2014.05.16 by qwqwwewe |
밥로스 | 위젯과 위젯사이 질문드립니다. [17] | 2014.05.16 by 밥로스 |
박안지2 | 제로보드 게시판에 스팸글 일괄 삭제 방법 [4] | 2014.05.16 by Double'U' |
제로보드굿짱 | 프로필관련 추가질문 [10] | 2014.05.16 by 제로보드굿짱 |
제로보드굿짱 | 애니즌님 봐주세요! [2] | 2014.05.16 by 제로보드굿짱 |
오락실주인 | 캐시파일재생성 [자동] [2] | 2014.05.16 by 닉네임설정한시간째 |
안드로이더스스 | 스케치북 게시판 추천비추천 변경하는법 ㅠ [1] | 2014.05.16 by XE힘들당휴 |
designslam | 구글 애드센스에 관해서 [4] | 2014.05.16 by designslam |
XE힘들당휴 | 요즘 사이트 접속이 엄청나게 느려졌습니다 [8] | 2014.05.16 by XE힘들당휴 |
알보출12 | 윈도우7쓰는데요 카페글쓰기에 붙혀넣기만하면 컴터가멈춰버리네요 | |
somgoku | yum으로 apm 업데이트 후 로그인문제 [3] | 2014.05.16 by GG |
qwqwwewe | 모바일은 사진 업로드가 잘안되나요? [6] | 2014.05.16 by qwqwwewe |
kasdjvlctq | 도메인을 바꾸고 게시판 글이 수정도안되고 안써져요...ㅜㅜ | |
임실치즈 | 갤러리 게시판에서 사진 클릭시 팝업 ? | |
하람나라 | 회원들의 이름이 어느 순간에 숫자로 변경이 되었습니다. [4] | 2014.05.16 by 하람나라 |
릭키님 | 일반회원로그인은 되는데 관리자로그인이 안되네요 |
음
헤더 부분에 추가
스타일에 추가
효과를 줄 div id값에 hoverlogo추가
class값에 animated 추가
이상입니다. 효과가 이뻐서 저도 적용해봤다는