지금 보시는 마이피와 비슷한 디자인으로 바꾸는 CSS입니다
근데 이걸 디자인이라고 하던가? 아무튼
개인적으로 남에게 추천하지 않는 1단입니다
왜 추천하지않냐면 HTML을 따로 입력해야하거든요
예전에 올린 [ 간단한 마이피 CSS 파일 ] 는 그냥 CSS만 복붙하면 되는데
이번건 HTML을 좀 써야합니다;
CSS 적용전, 아래의 HTML을 먼저 작성하셔야되요
작성하는 곳은 [ 관리 - 디자인설정 - 상단배경(텍스트 옵션버튼 클릭) ]입니다
꺽쇠 (<, >)는 특수문자이므로 그대로 복사해서 쓰시면 안되고, 메모장에서 꼭 변경해주셔야합니다
"뭔소린지 모르겠다!" 하는 분들을 위해서 텍스트 파일도 있습니당
코드
<h1>[내 마이피]</h1>
<div class='topmenu'>
<a href='http://mypi.ruliweb.daum.net/mypi.htm?id=[사용자 계정]'>전체보기</a>
<a href='http://mypi.ruliweb.daum.net/visit.htm?id=[사용자 계정]'>방명록</a>
<a href='http://mypi.ruliweb.daum.net/friend_con.htm?id=[사용자 계정]' target='_blank'>친구신청</a>
<a href='http://mypi.ruliweb.daum.net/friend.htm?id=[사용자 계정]'>친구목록</a>
<a href='http://mypi.ruliweb.daum.net/write.htm?id=[사용자 계정]'>글쓰기</a>
<a href='http://mypi.ruliweb.daum.net/mypi_admin.htm?id=[사용자 계정]' target='_blank'>관리</a>
</div>
[내 마이피]부분엔 원하는 글을 적으시면 됩니다
빨강색으로 된 글씨는 보이는대로, 자신의 아이디 혹은 마이피 주소의 끝에붙는 고유문자를 넣어주면 됩니다
(이 마이피는 'rokubane'지요)
다 되었다면 아래의 CSS 파일을 다운받고
[ 관리 - 디자인설정 - 스타일 시트 ] 에 복붙합니다
여기까지 다 하고 확인 버튼을 눌면, 이 마이피와 비슷한 디자인으로 바뀝니다
에디터등, 일부분의 CSS는 그냥 생략했는데 특별히 필요없으니까 그냥 생략~
-
-
잘못된부분은 고칩니다만, 변경하는데 도움을 드리진 않습니다