반갑습니다!
오늘도 왔어요 ... 저 참 부지런하죠? 하루에 한편씩 꼬박꼬박 올리고있네요 ㅋㅋㅋ
근데 문제는 이 html이랑 css수정하는 부분 부터는 제가 전문적인 지식이 읍써서 ..흑흑 ..
여러분이 약간의 검색같은것도 해가시면서 보시는게 편하실듯 해요.
★제가 1편에서 링크걸어드린 스킨이랑 다른 스킨이실 경우 차이가 날수있어요!
잘보시고 비슷한부분 찾아서 수정하세요.
티스토리, 개인홈페이지처럼 꾸미기 4 . html수정하기
일단은 나모를 키셔서 html을 보러갑니다.
표시된부분을 복사해서 메모장에 붙여넣기 해주시는데요.
메모장으로 옴겨주는 이유는 편하기때문이예요~ 수정하기에도 그렇고, 복사붙여넣기 하는것도 그렇구요.
메모장으로 옴기셨으면 나모는 이제 닫으셔도 됩니다!
그리고 메모장에서 html태그들을 몇가지 수정할께요.
일단은 이미지의 위치를
./images/파일명.확장자 로 바꿔줄께요.
수정전의 위치는 본인컴퓨터의 위치라서 다른사람에게는 보이지가 않거든요 ㅠㅠ 엑박의 원인이죠 ㅠㅠ
헤더뿐만 아니라 중간이랑 풋터이미지도 수정해주세요.
그리고 본격적으로 html을 수정하기전에 먼저 파일업로드에서 이미지를 업로드시켜줄께요.
관리페이지로 갑니다.
다 추가하셨으면 파일업로드 옆에있는 HTML/CSS탭을 누르시고 밑으로 내려서
저장을 꼭! 눌러주세요.
안하시면 추가한 의미가 없어요 ㅠㅠ
이제
HTML/CSS 편집 으로 갑니다.
여기서 부터는 틈틈히 스킨 - 스킨저장을 하시면서 진행하세요~
오늘은 css는 수정안하고 html만 수정할게요.
일단 제일 먼저 헤더부분을 수정해볼께요.
이해되시죠? 위에 표시된 부분을 메모장에서 복사한다음에,
html편집창에서 헤더부분, 즉 <div id="page"> 전까지 지우신다음에 그 빈자리에 붙여넣기 해주세요.
그리고 밑으로 내려가면서 필요 없는 부분을 지울께요.
쭉쭉 내리시다보면 <div class="open_close"> 가 보입니다.
여기서 부터 </div><!-- sidebar end --> 까지 지워주세요. 여기가 사이드바부분인데, 필요없으니까요~
그리고 거의 바로 아래쯤에 있는 풋터부분도 싹지워주세요 ~
위 이미지처럼 파랗게 선택해서 다 지우세요.
이제 쓸데없는것들도 다 지웠으니, 제일 밑에부분 이미지도 넣어줄께요.
파랗게 선택된 부분을 복사해서 </div><!-- page end --> 와 </s_t3> 사이로 붙여넣기 해주세요.
그리고 저장하시고 한번 확인해보세요~
잘 적용되었는지 ㅎㅎ
아직은 안맞고 흰색도 막 보이고 그럴꺼예요.
그거는 css에서 수정을 해주어야 합니다 ㅠㅠ 내일! 같이 수정하도록해요 ㅠㅠ
그래도 되게 기분 좋지 않나요?? ㅋㅋㅋ 저는 이렇게 디자인 하나만들어서 적용하고 나면 기분이 참 좋아요 ㅋㅋ
뿌듯하구요 ..ㅎㅎ
낼봐요ㅕ! 빠잉!
120318
+ 아래와 같이 여백이 뜨시는 분들은 참고하세요!
이렇게 딱맞게 바꿔봅시다.
html에서 body 부분에
leftmargin=0 topmargin=0 marginwidth=0 marginheight=0 을 추가해주시면 딱맞게되요~