묻고답하기
박스모듈에 이미지삽입
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 남기남 |
Hi_Roy | Edge 브라우저에서 제 게시판 툴바 중에 특수문자랑 미디어 삽입이 동작하지 않는데 해결방법을 모르겠네요. [1] | 2016.03.21 by 퍼니엑스이 |
하늘처럼123 | 제로보드4 쓰고 있는데 비회원한테 코멘트입력창 안보이게요. | |
토끼광 | Ubuntu 에서 XE 설치할 때 질문드립니다!! | |
캉시 | 직접 쿼리 쓰는데 질문있습니다! [2] | 2016.03.20 by 캉시 |
quri12 | [초보]XE설치 중 404 오류관련 문의드립니다ㅠㅠ | |
kare**** | 게시판 관리 리스트 오류 문의 [5] | 2016.03.20 by 퍼니엑스이 |
괴적인격 | 게시판 관리자 | |
오늘 | 완전 초보입니다 도와주세요 [1] | 2016.03.20 by 불금 |
마도니 | 며칠간 추가된 데이터만 넣고자 할때 files 만 복사하면 되는건가요? [2] | 2016.03.20 by 마도니 |
zzoong2 | 왜 안열리는건가요? [2] | 2016.03.20 by zzoong2 |
lark007 | 모바일에서 팝업창이 안나오는데요ㅠㅠ [2] | 2016.03.20 by lark007 |
마꼬꼬 | CDN사용 시 속도 향상이 있는지를 어떻게 측정해볼 수 있을까요? | |
키노 | 도메인 주소를 변경후에 [1] | 2016.03.19 by XESTUDIO |
블루메론 | 코어 업그레이드 후 XE cannot connect to DB 문제 | |
냉동정어리 | 관리자 로그인이 되지가 않습니다ㅠ. [1] | 2016.03.19 by XESTUDIO |
화살 | 게시판 사진 올리는 방법 궁금합니다 [1] | 2016.03.19 by XESTUDIO |
갓초아 | 확장변수 폰트 색상 변경 [3] | 2016.03.19 by 불금 |
서버링 | 특정게시판 첨부파일 저장경로 지정 [1] | 2016.03.19 by 불금 |
oso_**** | 링크방법좀 물을게요. [1] | 2016.03.19 by 열혈개발 |
야야야료 | 중복 문서 삭제하는 좋은방법있을까요???? |