묻고답하기
박스모듈에 이미지삽입
2015.07.08 10:52
이미지에 보이는곳에 마우스오버를 하면 블루컬러가 나오는데
나오기 전에 흰색 박스부분들을 각자 다른 이미지를 삽입하고싶어요.
/* section.main3 */
.main_content .main3{width:100%;margin:0;height:450px;padding-top:0px;}
.main_content .main3 .noti,
.main_content .main3 .tit,
.main_content .main3 .cont{width:1200px;margin-left:auto;margin-right:auto}
.main_content .main3 .cont{font-size:15px;line-height:27px;}
.main_content .main3 ul{overflow:hidden;margin-top:-50px;padding:0 20px}
.main_content .main3 li{float:left;width:25%;height:480px}
.main_content .main3 li .fe_box{height:400px;margin:0 5px;padding:0 10px;border:1px solid #333;background-color:#f6f6f6;text-align:center;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out}
.main_content .main3 .fe_box h2{font-size:21px;color:#555;font-weight:normal}
.main_content .main3 .fe_box p{margin-bottom:80px;font-size:15px;line-height:24px;color:#f6f6f6}
.main_content .main3 .fe_box a{display:inline-block;height:40px;padding:0 40px;border:2px solid #f6f6f6;font-family:'Open Sans',sans-serif;font-size:13px;letter-spacing:1px;color:#f6f6f6;line-height:40px;font-weight:600;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out}
.main_content .main3 .fe_box a:hover{background-color:#f6f6f6;border-color:#f6f6f6;color:#cda25a}
.main_content .main3 .fe_top{position:relative;top:0;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out}
.main_content .main3 .fe_bottom{position:relative;top:192px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.main_content .main3 .fe_box.on{background-color:#cda25a}
.main_content .main3 .fe_box.on .fe_top{top:-104px}
.main_content .main3 .fe_box.on .fe_bottom{top:-67px}
.main_content .main3 .fe_box.on h2{color:#f6f6f6}
소스에서 밑줄친빨간 부분이 흰색박스에 컬러를 변경하는 부분인데요
저기에서 컬러를 지정하면 한번에 컬러가 4개 다 바뀌는데 여기에서 각각 따로 하려면 어떻게 해야하는지 ㅠㅠ고수님들 도와주세용..
- [2019/05/14] 묻고답하기 배경색을 이미지로 바꾸고 싶어요 *2
- [2019/03/27] 묻고답하기 모바일에서만 '권한이 없습니다'가 나오는 이유가 궁금합니다. *1
- [2018/11/15] 묻고답하기 아이디찾기 jsp파일 문의 드립니다. *1
- [2018/06/12] 묻고답하기 레이아웃 수정 메뉴바 하단 간격 수정 ㅠㅠ
- [2017/08/21] 묻고답하기 레이아웃 수정 좀 봐주세요 *2
댓글 0
글쓴이 | 제목 | 최종 글 |
---|---|---|
XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
이온디 | 업글타일 설치했는데 글이왜 안 보일까요 | |
홈페이지어려워요 | 게시판 높이 설정 | |
푸하라 | 광고 차단 때문에 ㅠㅠ | |
리버즈 | 네비게이션 서브 메뉴가 가려집니다. [1] | 2015.07.08 by 불금 |
처음인걸 | 썸네일이안되네요 [7] | 2015.07.08 by 불금 |
모하니 | 닷홈에 계정만들고 로긴해서 [4] | 2015.07.07 by BJ람보 |
매실696e5 | 매장찾기 같은 게시판 모듈이나 스킨 없을까요? [2] | 2015.07.07 by 매실696e5 |
웨다 | xe 를 이용하여 홈피 디자인은 했는데요 [2] | 2015.07.07 by 웨다 |
선수 | 조회수 조작 프로그램 삭제해 주실 분^^ | |
옆집옵하 | 게시판 스킨 복사 방법 좀 알려주세요~ [6] | 2015.07.07 by 옆집옵하 |
버엄 | 데이터 이전이 안돼는 경우가 있어요.... [1] | 2015.07.07 by 휘즈 |
여행사진블로거 | 기본레이아웃 하단 카피라이터 수정방법 자세한 설명 부탁합니다 [4] | 2015.07.07 by Podongi |
복슬강아지 | (통합검색) 확장변수를 합쳐서 xe_tags 테이블에 자동저장 | |
페르난도_알론소 | 게시판 출력 질문입니다.(DB) [5] | 2015.07.07 by Double'U' |
SeWoong | xe 회원가입할 때 폼에 입력된 데이터 추출 문의 [2] | 2015.07.07 by SeWoong |
홈페이지어려워요 | 홈페이지 코딩 기본적인 궁금한거 [4] | 2015.07.07 by 홈페이지어려워요 |
아이11 | 게시판 복사 [3] | 2015.07.07 by 옆집옵하 |
PLS | 네이버 모바일로 접속할 때 뜨는 녹색 첫 화면 어떻게 하나요? [6] | 2015.07.07 by PLS |
썰레발리오 | 서명변경 불가 XE코어 최신버전(1.7.9) 회원모듈스킨은 SKETCHBOOK5 [1] | 2015.07.07 by Chrow |
mcgomting | 게시판 권한의 '선택 그룹 사용자'에 관한 질문입니다. [2] | 2015.07.07 by mcgomting |