Skip to content

우리끼리 가치할래?우리끼리 가치할래?

라이믹스기록
2023.02.03 11:48

캡션 : blockquote 인용구 컬러 속성 강제 적용

조회 수 53 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 게시글 수정 내역 댓글로 가기 인쇄 첨부
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 게시글 수정 내역 댓글로 가기 인쇄 첨부
Extra Form

인용구 : blockquote 속성 강제 적용 

 

커스텀 하여 사용하는 스케치북 라이믹스 버전의  blockquote 인용구 컬러속성이 마음에 들지않아 색상을 회색 에서 border-color: #0a7797 로 변경하였다. 

 

인용구 캡션 속성변경.JPG

인용구의 설정이 사용하는 에딥터에 있다고 짐작 후 크롬을 이용하여 검사를 해보니 사용된 class 의 속성이 에딥터가 아닌 케시파일로 저장된 element style 에 저장되어 있다.

(.xe_content blockquote, .rhymix_content blockquote )

 

그래서 편법으로 사용중인 스케치북 커스텀 보드 파일의 css 에 해당 속성의 class 를 적어주고 (!important) 속성을 사용하여 강제로 적용해 주었다. 

 

수정 위치 :  root /modules/board/skins/costom_rhymix-sketchbook-master/css/board.css과 m.skins 의 해당css 파일 동시 수정 ( 38~39 라인 )

 

36
37
38
39
40
/* Bg */
.bd .bg_f_f9{background:#F9F9F9 url(../img/ie/bg_f_f9.gif) repeat-x;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#FFF),to(#F9F9F9));background:linear-gradient(to bottom,#FFF 0%,#F9F9F9 100%)}
/*costom blockquote //캡션 인용구 색상 변경*/
.xe_content blockquote, .rhymix_content blockquote { border-color: #0a7797 !important;}
/* Arrow */
cs

 

일단 적용은 된듯 하지만 혹시라도 캡션의 속성을 강제 적용하여 다른 스타일 파일에 영향이 없을진 좀더 살펴보자.

 

아래 이미지 처럼 케시파일로 저장된 엘래멘트 스타일을 커스텀 보드 스킨에 적용하여 결과를 만들었다.

 

인용구 속성 변경.JPG

 

 


Who's 김실장

profile

God has given us two hand s, one to receive With And the other to give With
신은 한 손으로 받고 한 손으론 주라고 두 손을 주었다.
Give and Take - 마주 잡은 우리끼리, 커뮤니티 같이할래?


사이트 관리

사이트관리내역

List of Articles
번호 분류 제목 글쓴이 날짜 조회 수
9 수정기록 costom파일 생성 김실장 2022.06.20 32
8 수정기록 인증메일 재발송 메세지 창 푸시 버튼 텍스트 변경 file 김실장 2022.06.20 40
7 수정기록 오류메세지 백그라운드 or 퐅크컬러석성 변경 file 김실장 2022.06.20 40
6 수정기록 소셜 로그인 창 백그라운드 컬러 변경-2 3 file 김실장 2022.06.19 56
5 수정기록 소셜 로그인 창 백그라운드 컬러 변경-1 1 file 김실장 2022.06.19 53
4 수정기록 사용중인 스케치북5 레이아웃 위젯 설정 김실장 2022.06.18 33
3 수정기록 xe소셜로그인 오브잭트 충돌 해결 file 김실장 2022.06.18 37
2 수정기록 검은 바탕의 폰트컬러 변경 file 김실장 2022.06.18 23
1 수정기록 소셜 로그인 카카오톡 수정기록 1 김실장 2022.06.18 42
Board Pagination Prev 1 2 Next
/ 2

Recent Articles

Recent Comment

sketchbook5, 스케치북5

sketchbook5, 스케치북5