수정 적용후  디테일 

 

개요 : 회원 정보 탭의 로그인 기록 관리 탭과 SNS 관리 탭이 스케치북 레이아웃의 회원 정보 탭과 달리 인쿨루드로 불러온 맴버 모둘과 로그인 기록 모둘의 스킨 으로 적용되어 사용하는 레이아웃인 스케치북5 레이아웃의 회원 관리 모둘과 통일성이 떨어지며 기본 디폴트 모둘들이 화이트 바탕을 사용하는 배경에 맟춰서 제작된 관계로 가시성이 떨어진다 

이때문에 통일성과 가시성을 염두에두고 로그인 기록탭과 sns 관리탭의 css( 스타일 시트) 파일을 편집 하게 되었다.

 

---- 수정 내용들 과 파일들 

1.SNS 관리 탭 

※ sns 관리  탭 (기본 디폴트문서를 수정함 )

 

루트 /modules/member/skins/default/css/member.css     

 

183라인 

 

.xm .nav>li>a:focus{text-decoration:none;background-color:#eeeeee}  

 

 ->  으로 수정 

 

 .xm .nav>li>a:focus{text-decoration:none;background-color:#2b2b2b}

 

 197라인 

 

.xm .nav-tabs>.active>a:focus{color:#555555;cursor:default;background-color:#ffffff;border:1px solid #ddd;border-bottom-color:transparent}

 

-> 마우스 선택시 가시성과 기존 탭들간의 통일성을 위해서 택스트 폰트 와 백그라운드 컬러를 모두 변경 

 

.xm .nav-tabs>.active>a:focus{color:#ffffff;cursor:default;background-color:#555555;border:1px solid #ddd;border-bottom-color:transparent}

 

2.로그인 기록 탭  

※ 커스텀 로그인 로그 파일 수정 (어두운 배경으로 사용시 조정된 커스텀 기본 파일 )

 

 

커스텀 디폴드 문서 스타일시트 수정 

 

루트/modules/loginlog/skins/costom_default/css/loginlog.css 

 

183 라인 

 

.xl .nav>li>a:focus{text-decoration:none;background-color:#eeeeee}

 

->  아래로 어두운 배경으로 변경 

 

.xl .nav>li>a:focus{text-decoration:none;background-color:#2d2d2d}

 

197 라인 

 

.xl .nav-tabs>.active>a:focus{color:#555555;cursor:default;background-color:#ffffff;border:1px solid #ddd;border-bottom-color:transparent}

 

-> 마우스 선택시 가시성과 기존 탭들간의 통일성을 위해서 택스트 폰트 와 백그라운드 컬러를 모두 변경 

 

.xl .nav-tabs>.active>a:focus{color:#ffffff;cursor:default;background-color:#555555;border:1px solid #ddd;border-bottom-color:transparent}

 

※ 적용된  컬러 color 내용들 

마우스 오버시 

백 그라운드 컬러 #2b2b2b

텍스트 컬러 #333333

클릭선택시 

텍스트 컬러 #ffffff

백 그라운드 컬러 #555555