https://dreamofocean.tistory.com/ ko Sun, 16 Aug 2026 01:25:22 +0900 TISTORY 100 필적 https://tistory1.daumcdn.net/tistory/6967664/attach/83d95e9924df467ea593317f0f89766c https://dreamofocean.tistory.com https://dreamofocean.tistory.com/notice/6 <!-- ===================== AIM 스타일 메신저 위젯 시작 ===================== --><!-- 티스토리 글쓰기 > HTML 모드에 이 코드 전체를 붙여넣으세요 --><!-- 텍스트 수정 위치는 각 줄에 한글 주석으로 표시해두었어요 --> <div class="aim-window"><!-- 타이틀 바 --> <div class="aim-titlebar"><span class="aim-titletext"> Over the moon - VivaOla</span> <!-- 여기 이름 수정 --> <span class="aim-titlebtns"> <span class="aim-tbtn">_</span> <span class="aim-tbtn">▢</span> <span class="aim-tbtn aim-tbtn-close">✕</span> </span></div> <!-- 메뉴바 --> <div class="aim-menubar"><span>File</span><span>Window</span><span>Help</span></div> <!-- 대화 로그 --> <div class="aim-log"> <div class="aim-line"><span class="aim-nick"><b>notyourchiu (5:30:46 PM)</b>:</span> hello</div> <div class="aim-line"><!-- 대화 내용 수정 --></div> <div class="aim-line"><span class="aim-nick aim-nick-bot"><b>rlawldn (5:30:46 PM)</b>:</span> ?</div> <br /> <div class="aim-optline">&nbsp;</div> <!-- 옵션 줄 추가하려면 위 형식처럼 div.aim-optline 복사해서 추가하세요 --></div> <!-- 서식 툴바 --> <div class="aim-toolbar"><span class="aim-tool"><b>B</b></span> <span class="aim-tool"><i>I</i></span> <span class="aim-tool"><u>U</u></span> <span class="aim-tool"><s>S</s></span> <span class="aim-tool"> </span><select class="aim-select"> <option>Tahoma</option> <option>Verdana</option> <option>Arial</option> </select><select class="aim-select aim-select-small"> <option>8</option> <option>10</option> <option>11</option> <option>12</option> <option>14</option> </select><span class="aim-tool"> </span></div> <!-- 입력창 --> <div class="aim-inputrow"><textarea class="aim-input" placeholder=""></textarea> <button class="aim-sendbtn" type="button">Send</button></div> <!-- 하단 상태바 --> <div class="aim-statusbar">Last message received on 4/15/08 at 5:30:46 PM <!-- 날짜/시간 수정 --></div> </div> <div> <style> .aim-window{ width:100%; max-width:420px; margin:20px auto; font-family:"Tahoma","Verdana",sans-serif; border:2px solid #2a5db0; border-radius:4px; overflow:hidden; box-shadow:0 4px 14px rgba(0,0,0,0.2); background:#fff; } .aim-titlebar{ background:linear-gradient(180deg,#7fb3f0,#2a6fd0); color:#fff; display:flex; justify-content:space-between; align-items:center; padding:5px 8px; font-weight:bold; font-size:13px; } .aim-titlebtns{display:flex; gap:4px;} .aim-tbtn{ width:18px;height:16px; background:#dceaff; border:1px solid #fff; border-right-color:#3a5f9a; border-bottom-color:#3a5f9a; display:flex;align-items:center;justify-content:center; font-size:10px; color:#2a5db0; cursor:pointer; } .aim-tbtn-close{color:#c0392b;} .aim-menubar{ background:#eaf3ff; display:flex; gap:14px; padding:4px 10px; font-size:12px; color:#2a5db0; border-bottom:1px solid #b9d3f5; } .aim-log{ background:#fff; padding:10px 12px; min-height:160px; max-height:220px; overflow-y:auto; font-size:12px; color:#000; line-height:1.6; border-bottom:1px solid #b9d3f5; } .aim-nick{ color:#2a5db0; font-weight:bold; } .aim-nick-bot{ color:#1f8a3d; } .aim-optline{ margin:2px 0; color:#000; } .aim-toolbar{ background:#eaf3ff; display:flex; align-items:center; gap:8px; padding:5px 10px; border-bottom:1px solid #b9d3f5; flex-wrap:wrap; } .aim-tool{ font-size:12px; color:#2a5db0; cursor:pointer; padding:2px 5px; border:1px solid transparent; } .aim-tool:hover{ border:1px solid #b9d3f5; border-radius:3px; background:#fff; } .aim-select{ font-size:11px; border:1px solid #b9d3f5; border-radius:2px; padding:1px 4px; color:#2a5db0; background:#fff; } .aim-select-small{width:44px;} .aim-inputrow{ display:flex; gap:8px; padding:8px 10px; background:#fff; } .aim-input{ flex:1; min-height:50px; border:1px solid #b9d3f5; border-radius:2px; padding:6px 8px; font-size:12px; font-family:inherit; resize:none; color:#333; } .aim-input:focus{outline:1px solid #2a6fd0;} .aim-sendbtn{ align-self:flex-end; background:#eaf3ff; border:1px solid #7fb3f0; border-radius:3px; padding:8px 16px; font-size:12px; font-weight:bold; color:#2a5db0; cursor:pointer; } .aim-sendbtn:hover{background:#dceaff;} .aim-statusbar{ background:#eaf3ff; padding:5px 10px; font-size:11px; color:#5b7aa8; border-top:1px solid #b9d3f5; } </style> </div> <!-- ===================== AIM 스타일 메신저 위젯 끝 ===================== --> 필적 https://dreamofocean.tistory.com/notice/6 Fri, 14 Aug 2026 21:40:53 +0900