자유홈페이지 › 포탈 로그인 스킨해커다

해커다 | 2009.02.05 19:33:31 | 메뉴 건너뛰기 쓰기

안녕하세요. 오래만에 자료 올리는거 같네요,ㅎㅎ
백짱구님이 몇일전에 배포하신 로그인스킨이 너무 맘에 들어서 제 사이트에 맞게 수정해본겸 이렇게 공유도 해봅니다,
여러 색상으로 수정해서 올리려다 갑자기 할 일이 많아져서 그냥 자세한 설명으로 대신하겠습니다,

제 사이트는 포탈 메인이라 로그인 전과 로그인후의 스킨 높이가 다르면 아래 내용이 밀리는 현상이 있으므로
로그인 전과 후의 스킨 높이는 변하지 않도록했습니다,~   
저 처럼 로그인 스킨이 로그인 전후 높이가 변하지 않길 원하시는 분은     이 스킨을 강력 추천합니다,~


적용이미지:

--------------------------------------------------------------------------------------------------------------
로긴전엔 백짱구님이 배포하신 원본에서 색상만 수정했고  로긴후의 구조를 쫌 변경했습니다,
각자 사이트에 맞게 색상을 수정할시 참고할수 있게 만든 설명을 써보겠습니다,~
백짱구님의 로그인 스킨은 기본으로 이미지 로그인+로그아웃 두개 빼고는 없기에 색상
수정이 많이 수월합니다,  css및 html로 색상 수정하는 순서를 설명 해보겠습니다,


위 이미지 참고: ****아래 설명은 스킨 수정초보님들을 위한 설명입니다.
1번: 외부 변두리 색상 css/default.css 1번줄 border:2px solid #B0D72B; (2px는 굵기 입니다)
2번: 내부 1px의 얇은 변두리 색상 css/default.css 4번줄 border:1px solid #669900; (1px는 굵기 입니다.)
3번: 문자 입력때 바뀌는 입력창 변두리 색상 css/default.css 9번과 11번줄 border:1px solid #669900; (1px는 굵기 입니다.)
4번: 문자 입력전 입력창 변두리 색상 css/default.css 7.8.10번줄 border:1px solid #D8EB94; (1px는 굵기 입니다.)
5번: 로그인키는 이미지 입니다,/images/default 에서 찾아보실수 있습니다,
6번: css/default.css 18번줄 border-top:1px solid #669900;(1px는 굵기 입니다.)
7번: 로그아웃키는 이미지 입니다,/images/default 에서 찾아보실수 있습니다,
8번: 회원가입키 색상 수정은 css/default.css 22번줄 color:#4E7300;
9번: 색상은 css/default.css 17.21번줄 color:#666666;
10번: 레벨이랑 포인트 숫자는 zazuwa_main/login_info.html 의 14.15번줄 color=#669900
11번: Lv  point는 굵게 만들어뒀습니다,, 정상으로 변경하실려면 zazuwa_main/login_info.html  14.15번줄 <STRONG></STRONG>를 삭제 해주세요,
앗  로그인후 로그아웃 키 아래쪽의 선은 css/default.css 24번줄에 border-bottom:1px solid #669900; 여기 수정하세요,

다운로드185px: zazuwa_main.rar 
             180pxzazuwa_main180.rar 
             200pxzazuwa_main200.rar
그리고 로그인이랑 로그아웃 아이콘을 몇개 만들어 봤습니다,,  맘에 드는 색상있으시면 가져가서 적용하세요,,

















첨부 [18]

댓글 쓰기

목록 삭제
Copyright © 최용우 010-7162-3514