• [마이피] 간단한 마이피 CSS 파일 32012.08.22 PM 03:22

게시물 주소 FONT글자 작게하기 글자 키우기

심심할 때 마다 조금씩 만들어보는 마이피 CSS...~_~
좀 문제가 있긴했지만 일단 해결 (...)

-

두번째[ 간단한 마이피 CSS 파일 2]와 마찬가지로 1단형이며, HTML을 입력해야해요
텍스트 파일을 업로드했으니, 아이디만 넣어주면 복붙으로 사용할 수 있습니당

먼저, 아래의 파일 2개를 다운받아주셔요
다운이 제대로 안 된다면, 링크에 우클릭후 '다른 이름으로 저장'을 눌러서 저장해주셔요

HTML 파일 다운로드
CSS 파일 다운로드

HTML 파일은 손봐야할 부분이 있으니, HTML파일을 메모장으로 열어주시고 아래 그림처럼 '모두 바꾸기'를 해주셔요

[계정고유문자]는 마이피의 주소 가장 끝부분에 오는 문자인데
일반 루리웹 회원은 루리웹 아이디이고, 다음과 루리웹이 손잡으면서 바뀐 아이디는
자신의 마이피 주소 끝부분에 들어가는걸 복사하시면 되요
제 경우는 rokubane 에요

그리고 [마이피 제목]엔 자기가 사용하고싶은 타이틀을 넣어주시면 되고

카테고리 손봐야할 부분이 중요해요
일단 '카테고리1', '카테고리2'라고 되어있는 부분은 자기의 카테고리명으로 바꿔서 적으시면 되는데
카테고리수가 적거나 많을 때 문제가 있어요
일단 업로드한 파일은 카테고리 5개가 등록되어있지만, 사용되는건 3개에요
왜냐하면 뒤에 번호를 안 적었기 때문인데...

[ href='http://mypi.ruliweb.daum.net/mypi.htm?id=[계정고유문자]&ncate=' ]에서
[ &ncate= ] 바로 다음에 숫자를 넣으시면 되요
숫자는 카테고리가 만들어진 순서를 따라가며, 관리 페이지에서 확인할 수 있어요

카테고리는 필요에 따라서 지우거나 늘리시면 되는데 (카테고리를 안 쓰는 분은 이쪽)
카테고리 부분은 테이블로 만들어져있으므로, <td> 부터 </td>까지 지워주셔야해요

그러니까, 만약 카테고리를 4개만 사용하고 싶다~ 할 땐 아래 처럼 수정해주시면 되요
최소선 부분이 지우는 곳이에요

코드

<td><a href='http://mypi.ruliweb.daum.net/mypi.htm?id=[계정고유문자]'>처음으로</a></td>
<td><a href='http://mypi.ruliweb.daum.net/mypi.htm?id=[계정고유문자]&ncate=1'>카테고리1</a></td>
<td><a href='http://mypi.ruliweb.daum.net/mypi.htm?id=[계정고유문자]&ncate=2'>카테고리2</a></td>
<td><a href='http://mypi.ruliweb.daum.net/mypi.htm?id=[계정고유문자]&ncate=3'>카테고리3</a></td>
<td><a href='http://mypi.ruliweb.daum.net/mypi.htm?id=[계정고유문자]&ncate=4'>카테고리4</a></td>
<td><a href='http://mypi.ruliweb.daum.net/mypi.htm?id=[계정고유문자]&ncate='>카테고리5</a></td>
<td><a href='http://mypi.ruliweb.daum.net/visit.htm?id=[계정고유문자]'>방명록</a></td>

저렇게 <td>통채로 지워주셔야해요
추가할 땐 마찬가지로 <td>통채로 추가하고, 숫자만 변경하시면 되요
예를 들어 카테고리 6개를 사용하고싶다고하면 아래처럼 수정하면 되요
빨간색 부분이 추가한 부분이에요

코드

<td><a href='http://mypi.ruliweb.daum.net/mypi.htm?id=[계정고유문자]'>처음으로</a></td>
<td><a href='http://mypi.ruliweb.daum.net/mypi.htm?id=[계정고유문자]&ncate=1'>카테고리1</a></td>
<td><a href='http://mypi.ruliweb.daum.net/mypi.htm?id=[계정고유문자]&ncate=2'>카테고리2</a></td>
<td><a href='http://mypi.ruliweb.daum.net/mypi.htm?id=[계정고유문자]&ncate=3'>카테고리3</a></td>
<td><a href='http://mypi.ruliweb.daum.net/mypi.htm?id=[계정고유문자]&ncate=4'>카테고리4</a></td>
<td><a href='http://mypi.ruliweb.daum.net/mypi.htm?id=[계정고유문자]&ncate=5'>카테고리5</a></td>
<td><a href='http://mypi.ruliweb.daum.net/mypi.htm?id=[계정고유문자]&ncate=6'>카테고리6</a></td>
<td><a href='http://mypi.ruliweb.daum.net/visit.htm?id=[계정고유문자]'>방명록</a></td>

-

여기까지 다 했다면, 마이피의 [ 관리 - 디자인 설정 ] 에서 위의 코드를 붙여넣시고 아래 그림처럼 설정해주셔요

-

제목은 간단하다고 해놓고 내용이...ㅡㅡ;
제가 설명을 쓸데없이 길게 해서 그렇지, 요점만 추리자면

1. 계정고유문자 넣기
2. 카테고리 추가/제거(td 통채로 추가/제거)
3. 카테고리 숫자 (생성된 순서)

요거에요ㅇ_ㅇ;

-

파일에 문제가 있다면 수정하고 도와드려요~
하지만 각자 입맛에 맞춰 수정할 경우엔 도와드리진 않아요ㅇ 3ㅇ)

원래는 배경색 넣고 이것저것 할려고했는데...
지금 색 구분이 잘 안되요=_=; 진한건 너무 진하게 보여서 색 맞추기가 어려움 (...)

댓글 : 7 개
으아아아아아ㅏㅏㅏㅏ 정말감사합니다~ 마이피한번 시작해볼려고했는데.. 이제 여기서 제가 조금씩 배워서 바꿔봐야겠어요!
http://mypi.ruliweb.daum.net/mypi.htm?id=cxeze_da
이 상태에서 2단으로 만드는 방법 아시나요?
우측말고 좌측으로요
이거 잘쓸게요
감사합니다!!
감사합니당@
감사히 스크랩 해갑니다. :)
너무나도 감사합니다 ^^ 잘 쓰고 있어요!
친구글 비밀글 댓글 쓰기