테스트 사이트 - 개발 중인 베타 버전입니다

상품리스트 테두리[롤오버] 채택완료

무천 11년 전 조회 4,748

skin/shop/basic/sryle.scc 파일에서

106라인을  이렇게 수정하여 .sct img {margin:6px 0;border:1px solid #eee}

상품리스트에 나오는 이미지를 테두리가 생기게 하였습니다.

 

조금 욕심이 생겨서 마우스를 가져다 댈때  테루리 색이 다른색으로 변하는 롤오버?를 해보고 싶습니다.

어디를 어떻게 수정하여야 하나요?

 

어깨넘어로 배우는 중이라 늘 이렇게 질문을 합니다^^ 도와 주세요^^

댓글을 작성하려면 로그인이 필요합니다.

답변 3개

채택된 답변
+20 포인트
11년 전

해당라인 바로 아래에 추가해보세요. (색상코드는 그냥 빨간색으로 했으니 수정하시면 됩니다.) .sct img:hover {border:1px solid #f00} 

다만 그 이미지에 a태그로 링크를 걸어주실거라면 포커스가 갔을때도 지정해주시는게 좋습니다.

.sct a:hover img, .sct a:focus img {border:1px solid #f00}

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

무천
11년 전
명절이 다가와서 업무량이 두배가 넘었어요. 소중한 정보를 주셨는데 이제서야 보았습니다.
감사드립니다. ^^

댓글을 작성하려면 로그인이 필요합니다.

11년 전

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

무천
11년 전
^^감사합니다 오늘 일요일이라 혼자 씨름 하고 있는데이렇게 관심가져 주셔서 두분께 정말 감사드립니다.

그런게 [네이비칼라]님 말씀해주신 내용은 어디에 있는 파일을 수정해야 하는지 ^^ 자세히 다시한번 부탁 드립니다.
네이비칼라
11년 전
아무 곳에나 넣으셔도 작동됩니다만
기왕이면 어디서나 작동되게 루트에 있는 head.sub.php 파일
자바스크립트들이 있는 부분에 삽입하시면 되겠습니다 ^^

댓글을 작성하려면 로그인이 필요합니다.

f
11년 전
지운아빠님 스킨을 참고하세요.
로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

무천
11년 전
감사합니다. ^^ 영카트4를 사용하여 쇼핑몰을 운영한지 1년 반이 넘어가는데. 영카트5를 적용해보기위해 오늘 입문중입니다. 휴일인데 이렇게 답변 주셔서 정말 감사드립니다.

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인