묻고답하기

이미지에 보이는곳에 마우스오버를 하면 블루컬러가 나오는데

나오기 전에 흰색 박스부분들을 각자 다른 이미지를 삽입하고싶어요.

스크린샷 2015-07-08 오전 10.48.29.png


/* 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개 다 바뀌는데 여기에서 각각 따로 하려면 어떻게 해야하는지 ㅠㅠ고수님들 도와주세용..

 

 

태그 연관 글
  1. [2019/05/14] 묻고답하기 배경색을 이미지로 바꾸고 싶어요 by 내일은희망 *2
  2. [2019/03/27] 묻고답하기 모바일에서만 '권한이 없습니다'가 나오는 이유가 궁금합니다. by Spooky *1
  3. [2018/11/15] 묻고답하기 아이디찾기 jsp파일 문의 드립니다. by hgh0328 *1
  4. [2018/06/12] 묻고답하기 레이아웃 수정 메뉴바 하단 간격 수정 ㅠㅠ by tosky****
  5. [2017/08/21] 묻고답하기 레이아웃 수정 좀 봐주세요 by 예스24 *2
글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
오정인 게시판이름을 지정해주셔야합니다. 메시지~~  
밥탱이 실시간 새글 알림 애드온 사용하고 있는데 소리 넣으려면 어떻게 해야 하나요??  
열혈개발 스킨 페이지 수정하고있는데 중괄호 문제..  
열혈개발 게시판 스킨 html 수정중에 중괄호 문제..  
울프s 게시판 첨부파일 미리보기 크기조절어떻게 해요?  
Ystory 서브메뉴 세로에서 가로로 이동 하는 방법. file  
bb 드롭다운 메뉴바 길이...ㅠㅠㅠ [2] 2015.08.17 by DoorWeb
thdwjdtjr 포토샵 초보라 부탁드리고자 합니다 [2] file 2015.08.08 by thdwjdtjr
소나기.. 관리자계정이 댓글30개넘는글은 불러오기가 안됩니다. [2] file 2015.08.01 by 퍼니엑스이
더블엠씨 스케치북 게시판(웹진형 카드디자인)의 목록의 글자를 키우고 싶습니다. 5시간째 방황중입니다 .ㅜㅜ [9] file 2015.07.31 by 더블엠씨
ImpactCC 6개의 칸으로 만들어진 div 만드는것좀 도와주세요..^^;; [5] file 2015.07.18 by iuloveiu
www**** 회원관리페이지에 대하여 ? file  
www**** 갤러리에서 나타나는 이미지 사이즈 크기를 조절 하는 방법도 알려주시길 바랍니다 [2] file 2015.07.09 by www****
naomiblack 박스모듈에 이미지삽입 file  
한이파파 상자위젯 속에 관리자버튼이 들어가는 문제점(소스)  
XE모듈 XE 안드로이드 푸시 앱 모듈을 이용해 앱을 만들었는데요 [6] 2015.06.19 by 한꼬마
音支. 1.7.3.1 버전 업데이트 이후 embed가 안먹힙니다. [8] file 2015.06.01 by jblref
강경화f7810 위로가기 버튼 만들기!!!!도와주세요 ㅠㅠ  
루트엘 ul li을 inline 상태로 둔 상황에서 submit input 위치 질문 [2] file 2015.05.19 by 루트엘
강경화f7810 아이프레임 길이 자동 조절 도와주세요 ㅠㅠ [6] 2015.05.19 by 강경화f7810