2020-05-23

*자기소개 등록시에는 사진 업로드 하듯이 에디터 사진 업로드하시고, 꼭 전체 선택하고 중앙 정렬 해주세요. *과정은 꼭 순서대로 진행해주세요.

2020-05-23

webkit-playsinline=""><source src="올라간 나의 gif가 mp4로 변환된 업로드 주소" type="video/mp4"></video></p> *자기소개

2020-05-23

webkit-playsinline=""><source src="올라간 나의 gif가 mp4로 변환된 업로드 주소" type="video/mp4"></video></p> *자기소개

2020-05-23

*자기소개 등록시에는 사진 업로드 하듯이 에디터 사진 업로드하시고, 꼭 전체 선택하고 중앙 정렬 해주세요. *과정은 꼭 순서대로 진행해주세요.

2020-05-07

리마스터 이후 자기소개 또한 대폭 업데이트를 단행했습니다. 해당 게시글의 소스 파일은 공유를 중단했으니, 아래 링크된 게시글들의 새 파일을 이용해주시기 바랍니다. 1.

2019-10-27

리마스터 이후 자기소개 또한 대폭 업데이트를 단행했습니다. 해당 게시글의 소스 파일은 공유를 중단했으니, 아래 링크된 게시글들의 새 파일을 이용해주시기 바랍니다. 1.

2019-10-05

다들 자기소개 이미지 넣으시면서 이 글을 참고하셨을 겁니다. (https://quasarzone.co.kr/bbs/board.php?

2019-05-31

https://www.quasarzone.co.kr/bbs/board.php?bo_table=qb_tip&wr_id=4124 이 분의 글을 보며 게이지바를 넣어봤는데 단색만 있어가지고...ㅠㅠ 몇몇분들이 게이지바 하나에 여러가지 색 넣은걸 봤는데, 누구에게 물어봐야할지 몰라서 그냥 직접 구글링 했어요. 전 코딩같은거 단 1도 모르는 사람인데 레딧글 보고 적용해보니 진짜로 되는게 신기하네요ㅋㅋㅋㅋㅋㅋ 사진에 형광펜 친 부분보면서 색상이랑 퍼센트 숫자를 입맛대로 바꾸면 됩니다! (๑˃̵ᴗ˂̵)و 총합이 100이 되도록 하시면 됩니다 (* 색상부분에 아무것도 안적으면 파랑색입니다) {이미지:0} 원하는말적기 (999.9%)

2019-05-24

퀘이사존 자기소개를 꾸밀때, HTML 폰트 색상 지정을 하고는 하는데요. 그럴때 색을 쉽게 찾는 사이트 입니다.

2019-01-21

gt; <span class="label label-danger" style="font-size: 11px; font-family: 나눔고딕, NanumGothic;">자기소개

2019-01-21

   자기소개 꾸미기 ( 카카오톡 ) .ver 자기소개 꾸미기 ( 가입일 ) .ver 자기소개 꾸미기 ( 타이틀

2018-11-27

bo_table=qb_tip       벌써 채신기술을 공유한지 반년이 지났네요 패덤쟝의 고오급 채신기술은 자기소개 꾸미기 가이드에서 찾아볼 수

2018-05-30

<적용 예시> - 게이지바 하단에 보이는 유튜브 영상은 관련이 없습니다 ----------------------------------------------------------------------------<div class="progress">   <div class="progress-bar progress-bar-success progress-bar-striped active" role="progressbar" style="width:20%">   넣고싶은말   </div>   <div class="progress-bar progress-bar-warning progress-bar-striped active" role="progressbar" style="width:20%">     넣고싶은말   </div>   <div class="progress-bar progress-bar-danger progress-bar-striped active" role="progressbar" style="width:20%">     넣고싶은말   </div> <div class="progress-bar progress-bar-primary progress-bar-striped active" role="progressbar" style="width:20%">     넣고싶은말  </div> <div class="progress-bar progress-bar-info progress-bar-striped active" role="progressbar"style="width:20%">     넣고싶은말  </div> </div>----------------------------------------------------------------------------해당 소스 코드를 본인 입맛대로 수정하신 후 회원 정보 수정 -> 소개란에 붙여넣기 하시면 됩니다 넣고싶은말 부분에 본인이 넣고싶으신 멘트를 고대로 적으시면 되요 퍼센트(%) 부분은 총 100%를 본인 입맛대로 분할하여 적으시면 됩니다(몇개로 나누든 얼마만큼 나누든 총합 100%만 되면 됩니다) 아..나는 뭔소린지 모르겠다 혹은 생각대로 잘 안된다 하시는분들은 댓글로 남겨주시면 확인하는대로 도와드리거나 답변해드리도록 하겠습니다!

2018-05-29

      자기소개 꾸미기 ( 카카오톡 ) .ver 자기소개 꾸미기 ( 가입일 ) .ver 자기소개

2018-05-29

     자기소개 꾸미기 ( 카카오톡 ) .ver 자기소개 꾸미기 ( 가입일 ) .ver 자기소개 꾸미기

2018-05-25

>자기소개 영역에도 포함되는 규정이니 수정하실분들은 참고해주시길 바라겠습니다.

2018-04-30

  제가 현재 자기소개에 적용해서 쓰고 있는 출석체크 버튼을 만드는 방법을 알려드리려고 합니다.

2017-07-01

  중복인지 아닌지는 모르겠네요 ㅎㅎ     자 우선은 가장 간단한 것부터 시작합시다 ㅎㅎ   [활용예]      소스는 <div class="progress"><div class="progress-bar" role="progressbar" aria-valuenow="퍼센트"aria-valuemin="0" aria-valuemax="100" style="width:퍼센트%"><span class="sr-only"> 넣고싶은 말</span></div></div> 입니다. 색칠되어져있는 부분만 조정해서 집어넣으시면 제가 올린 사진처럼 나옵니다.빈 게이지에 넣는 색깔은 어떻게 조정하는건지를 모르겠네요  너무 단조롭죠?우린 여기에다가 뭔가를 추가하거나 할수도 있습니다 ㅎㅎ   2번째 줄 <div class="progress-bar" role="progressbar" aria-valuenow="퍼센트" 이 부분을 건드려줄건데요, <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="99"  이런식으로 바꿔줄겁니다    [예시]  <div class="progress"><div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="99"aria-valuemin="0" aria-valuemax="100" style="width:99%">우울함</div></div> <div class="progress"><div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="98"aria-valuemin="0" aria-valuemax="100" style="width:98%">2% 부족할 때</div></div> <div class="progress"><div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60"aria-valuemin="0" aria-valuemax="100" style="width:60%">이젠 뭐라 적어야할 지 모르겠다</div></div> <div class="progress"><div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="80"aria-valuemin="0" aria-valuemax="100" style="width:80%">소재고갈</div></div>      여러분들이 색깔을 수정하기 위해 만지셔야하는 곳은 클래스부분! 그 외 나머지는 아까와 같습니다.   [적용예]      보시다싶이 2번째줄을 건듦으로써 색깔이 바뀜을 알 수 있습니다. 다른 색깔도 있을텐데 제 지식의 한계로 이정도가 끝입니다...   이번엔 경험지바처럼 줄무늬를 넣어보겠습니다. 이번엔 한가지 색으로만 하겠습니다 흐허헣  클래스부분을 이렇게 고칠겁니다  <div class="progress-bar progress-bar-danger progress-bar-striped" role="progressbar"aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width:70%">     [예시]  <div class="progress"><div class="progress-bar progress-bar-danger progress-bar-striped" role="progressbar"aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width:70%">잉여력 ( 70.0% )</div></div>     마찬가지로 클래스부분이 바뀐걸 알 수 있습니다. 역시 그 외 나머지부분은 동일합니다   [적용예]        자 이번엔 줄무늬가 움직이도록 해볼게요! 클래스부분을 이렇게 고칠겁니다<div class="progress-bar progress-bar-danger progress-bar-striped active" role="progressbar" aria-valuenow="999.9"aria-valuemin="0" aria-valuemax="100" style="width:100%">     [예시]  <div class="progress"> <div class="progress-bar progress-bar-danger progress-bar-striped active" role="progressbar" aria-valuenow="999.9" aria-valuemin="0" aria-valuemax="100" style="width:100%"> </div> <span class="sr-only">지름욕구 (999.9%)</span> </div>    [적용예]     귀찮아서 그냥 대충 뜰래요... 캡쳐 넘나 힘든것 ㅠ 움짤로 만들어야하는데 저의 귀차니즘이 방해합니다. 암튼 움직여요 해보시면 됩니다 ㅎㅎ     자 이제 제가 알려드릴 수 있는 마지막 내용인데요, 경험치바처럼 로켓을 추가하는겁니다!     [예시] <div class="progress"><div class="progress-bar progress-bar-danger progress-bar-striped active" role="progressbar" aria-valuenow="80"aria-valuemin="0" aria-valuemax="100" style="width:80%"></div><img src="/img/rocket.svg" class="rocket"><span class="sr-only"> 로켓발사! </span></div>      [적용예]      음... 이건 경험치바처럼 깔끔하게 안되는군요 ㅠㅠ 이부분은 좀 더 연구를 해봐야 알 것 같습니다. 암튼 이상입니다! 

2016-05-10

<table id="시스템 선택 (메인,서브, 서드 또는 나스) " border="1" style="text-align: center;"><tr><td colspan="2">본체 이름 또는 닉네임</td></tr><tr><td><font color="#FF9900">CPU</font></td><td>씨퓨</td></tr><tr><td><font color="#FF9900">Mainboard</font></td><td>마더보드</td></tr><tr><td><font color="#FF9900">RAM</font></td><td>램 </td></tr><tr><td><font color="#FF9900">VGA</font></td><td>그래픽카드</td></tr><tr><td><font color="#FF9900">SSD</font></td><td>스스디</td></tr><tr><td><font color="#FF9900">HDD</font></td><td>하드디스크</td></tr><tr><td><font color="#FF9900">PSU</font></td><td>파워서플라이</td></tr><tr><td><font color="#FF9900">Case</font></td><td>케이스</td></tr><tr><td><font color="#FF9900">Cooler</font></td><td>쿨러</td></tr><tr><td><font color="#FF9900">OS</font></td><td>OS 오퍼레이팅 시스템</td></tr></table></div> 빨간색 글씨만 바꿔 주시면 됩니다.출처는 새하얀 구름님께 있습니다.