<p style="text-align: left;"> </p><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin" data-link="http://cafe.daum.net/baemilytory/91cd" data-link-newwindow="_self"><a href="http://cafe.daum.net/baemilytory/91cd" target="_top" class="ke-link"><img src="https://t1.daumcdn.net/cafeattach/1Yeqd/b9bdf0dd13d8511dbbcf941c79eb9f0e6da11814_re_1612073222563" data-img-src="https://t1.daumcdn.net/cafeattach/1Yeqd/b9bdf0dd13d8511dbbcf941c79eb9f0e6da11814_re_1612073222563" data-orgin-width="480" data-origin-height="480"></a><div class="figcaption">다음카페 밀리토리네 - [신문보는 밀리] 게시판</div></div><p style="text-align: left;"><b>다음카페 밀리토리네 글쓴이 해몽</b><br><br></p><p style="text-align: left;">안녕 토비들! 나는 예전에 </p><p style="text-align: left;"><a href="https://cafe.daum.net/baemilytory/91cb/1345" target="_blank" class="ke-link">http://cafe.daum.net/baemilytory/91cb/1345</a></p><p>이 글을 올렸는데, 이번에 <s>(좀 되었지만)</s> 업데이트가 되면서 글쓰기 방식이 많이 리뉴얼 되어서 html 사용이 더 헷갈린다는 글을 봐서</p><p>간단하게 html 마스터하는 방법을 소개해주려고 글 적어!</p><p> </p><p><b>이 게시글은 본문꾸미기를 알려주는 글이 아닌, html 적용을 어떻게 하는지 알려주는 글이야!</b><b></b></p><p>위에 링크와 함께 봐야 이해가 쉬울거야</p><p> </p><p>일단 사족은 없애고 본론부터 가보자.</p><p> </p><p>참고로 html은 <span data-ke-size="size18"><b>글을 다 작성 후에 맨 마지막으로 설정해줘야</b></span> 본문 꾸미는게 완벽하게 적용이 돼!</p><p> </p><p> </p><p> </p><p><span data-ke-size="size20"><b>html 클릭</b></span></p><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/1Yeqd/9acfd2e72427266a5a2b4394ac13a1527e493028" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/1Yeqd/9acfd2e72427266a5a2b4394ac13a1527e493028" data-orgin-width="1400" data-origin-height="510"></div><p> </p><p> </p><p>그럼 이렇게 상자가 뜰거야.</p><p> </p><p> </p><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/1Yeqd/333c6dd9fb1a480f7de8d3dd5f547ef261a3aaf1" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/1Yeqd/333c6dd9fb1a480f7de8d3dd5f547ef261a3aaf1" data-orgin-width="1604" data-origin-height="1386"></div><p> </p><p> </p><p>여기다가 <span data-ke-size="size18"><b>소스를 입력</b></span>해주면 돼!</p><p> </p><p>나는 기본적으로 맨 처음에는 배경소스, 그 다음으론 폰트 소스를 넣어줬는데</p><p><span data-ke-size="size14">생정 글에서 뒤에 움짤배경이 있으면 (갠적으로) 정신 사나워서 뺐어!</span></p><p> </p><p>소스 왼쪽에 1 2 3 이렇게 숫자가 나와있는건 글 문단이 몇 개 있는지 자동으로 인식되는거라 무시해줘도 돼</p><p> </p><p> </p><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/1Yeqd/6a5312477eea8bf907513a2609b0d42f0d2e7f8d" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/1Yeqd/6a5312477eea8bf907513a2609b0d42f0d2e7f8d" data-orgin-width="1596" data-origin-height="1370"></div><p> </p><p> </p><p> </p><p> </p><p>그리고 폰트 사이트도 구성이 살짝 바뀌었더라구?</p><p>혹시나 헷갈리는 토비들이 있을까봐 빠르게 설명해줄게</p><p> </p><p>폰트 사이트에서 원하는 폰트를 선택하면 이런 화면이 뜰거야.</p><p><a href="https://fonts.google.com/?subset=korean&selection.family=Yeon+Sung&selection.subset=korean&sidebar.open=true" target="_top" class="ke-link">https://fonts.google.com/?subset=korean&selection.family=Yeon+Sung&selection.subset=korean&sidebar.open=true</a> </p><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/1Yeqd/920f096b362a431b9b424f7417c83b2e1e978e30" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/1Yeqd/920f096b362a431b9b424f7417c83b2e1e978e30" data-orgin-width="2872" data-origin-height="1236"></div><p>저기서 파란색 박스 보여? </p><p>+ Select this style  이라고 적혀있는거!</p><p> </p><p><b>저거 클릭</b></p><p> </p><p> </p><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/1Yeqd/7d215467615fc3608168877af350ef8322da4d83" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/1Yeqd/7d215467615fc3608168877af350ef8322da4d83" data-orgin-width="636" data-origin-height="1388"></div><p>그럼 오른쪽에 엥가리 이모티콘이 떠있던 화면에 이런 창이 뜰거야</p><p> </p><p><link> 클릭 되어있는지 확인하고</p><p>내가 스크롤한 부분이 첫 번째 소스 링크야. <b>위에까지 복붙 ㄴㄴ 파란 박스만 복사해줘</b></p><p>저거를 글쓰기창 html 상자에 복붙해주고, 두 번째 소스 넣을곳에는 아래 CSS 웅앵 써있는 저 소스를 복붙해주면 돼!</p><p> </p><p> </p><p> </p><p>그 외에 다른 본문 꾸미기 소스중에 html 설정이 필요한 곳이면 가볍게 <엔터> 쳐서 복붙해주면 깔꼼하게 본문 꾸미기 완성 할 수 있어~!</p><p> </p><p> </p><p>마지막으로 html 을 수정하고 싶은데 어떻게 하는지 모르는 토비들을 위해 설명해주고 끝낼게!</p><p> </p><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/1Yeqd/4c9755fa31009500a3ecec62248e93f372176782" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/1Yeqd/4c9755fa31009500a3ecec62248e93f372176782" data-orgin-width="960" data-origin-height="348"></div><p><> 클릭 하면 수정창이 나와!</p><p> </p><p> </p><p> </p><p>그럼 이제 진짜로</p><p> </p><div class="figure-html" data-ke-type="html" data-source="<marquee behavior="alternate">본문 꾸미기 마스터하자🤪<p></p></marquee><p><br></p>
<link href="https://fonts.googleapis.com/css2?family=Song+Myung&display=swap" rel="stylesheet">
<style type="text/css">p,br,body,table,td,input,form,textarea {color:#★; font-family: 'Song Myung', serif;}</style>"><div data-ke-class="article"><marquee behavior="alternate">본문 꾸미기 마스터하자🤪<p></p></marquee><p><br></p>
<link href="https://fonts.googleapis.com/css2?family=Song+Myung&display=swap" rel="stylesheet">
<style type="text/css">p,br,body,table,td,input,form,textarea {color:#★; font-family: 'Song Myung', serif;}</style></div></div>
<!-- -->
ㄱㅆ 부계라서 알람을 지금 봤잔아...⸝⸝ʚ̴̶̷̆ ̯ʚ̴̶̷̆⸝⸝ 폰트 소스중에 첫 번째 소스는 사진에 나와있는 것 처럼 파란상자만 복사해봤어?? 그리고 http://m.cafe.daum.net/baemilytory/91cb/1345 두 번째 소스는 여기 있는데, 첫 번째 소스 바로 다음줄에 복붙했어?? 아니면 소스코드 순서때문에 폰트 설정이 안 될수도 있어 ㅜㅜ!! 폰트 소스를 맨 마지막에 붙여봐! 이 글은 업데이트로 바뀐 에디터에서 html 설정을 어떻게 하는지 알려주는 글이라 정확한 소스는 윗글에 있거든! 한 번 해보고 안되면 다시 와주라!
첫댓글 그레. 난 이게 필요헷다고 ㅜ 다 구버전이라 울고있었는데 넘 고맙잔아
댑악 나중에 도전해봐야지 !!! 따냥고
와 눈아 대박이잔아!!!
우와왕 눈아 고맙잔아 나도 도전해본다!!!!!
으아아 따냥고
와 사랑해
금손이잔아!!
따냥고잔아!!
따냥고!!!!!!!
댑악이잔아
눈아는 천재야
대박이잔아 따냥고잔아 !!
눈아 ,, 나 업뎃되고 배경 깨져서 갠달 버렷는데 다시 살려보겠잔아 따냥고 ( ･ᴗ･̥̥̥ )
헐 눈아 고마워‧˚₊*̥(* ⁰̷̴͈꒨⁰̷̴͈)‧˚₊*̥.
하앙 눈아 나도 나중에 도전해볼게 따냥고 !!!! 👍👍👍
와 완전 따냥고.. 나 필요했었어ㅠㅠ
고마워 ㅠㅠㅠㅠㅠ 근데 나는 폰트만 설정하는건 되는데 배경이랑 폰트랑 같이 하면 배경만 적용되네 ㅠㅠㅠ 계속 시도해봐야겠다
ㄱㅆ 토비야 알람을 지금 봐서 댓글 늦게나마 남겨!
혹시 소스 순서를 바꿔서 해봤어??
1) 배경소스
2) 폰트소스 1,2
이 순서대로 한 번 해봐!
ㄷㅆ 앗 한 번 해볼게!! 정말 도움 되는 글 고마워 ..!!💙
헐 나도 도전해야지 따냥고!!!!
눈아 완전 따냥고 고맙잔아!!!!!!!!!!!
왜 나는 폰트 설정이 안 될까?ㅠㅠ 글 넘 고맙잔아 토비야
ㄱㅆ 부계라서 알람을 지금 봤잔아...⸝⸝ʚ̴̶̷̆ ̯ʚ̴̶̷̆⸝⸝
폰트 소스중에 첫 번째 소스는 사진에 나와있는 것 처럼 파란상자만 복사해봤어??
그리고
http://m.cafe.daum.net/baemilytory/91cb/1345
두 번째 소스는 여기 있는데, 첫 번째 소스 바로 다음줄에 복붙했어??
아니면 소스코드 순서때문에 폰트 설정이 안 될수도 있어 ㅜㅜ!! 폰트 소스를 맨 마지막에 붙여봐!
이 글은 업데이트로 바뀐 에디터에서 html 설정을 어떻게 하는지 알려주는 글이라 정확한 소스는 윗글에 있거든!
한 번 해보고 안되면 다시 와주라!
으아아˙Ⱉ˙ 눈아 넘 친절하잔아ㅠㅠ 일단 해보구 안 되면 다시 댓 달러 올게!! 이번엔 꼭 바뀌길~~
도전해본다 따냥고!
비밀글 해당 댓글은 작성자와 운영자만 볼 수 있습니다.22.07.25 14:43
비밀글 해당 댓글은 작성자와 운영자만 볼 수 있습니다.22.07.26 11:28