proton Å׸¶ ¹ö±× ÇȽº »çÇ×ÀÌ¿¹¿ä^^

º¸È£±Û ºÎºÐ¿¡ ºñ¹Ð¹øÈ£ ÀԷ¶õÀÌ Á¦ ±â´ÉÀ» ¸øÇÏ¿©

±ÞÈ÷ ¼öÁ¤ »çÇ× ¿Ã¸³´Ï´Ù.

skin.html¿¡¼­ 

<s_article_protected>
<div class="box">
<div class="head"><strong><a href="[##_article_rep_link_##]">[##_article_rep_title_##]</a></strong></div>
<div class="pad">
<div class="text">
<span class="date">[##_article_rep_date_##]</span>
<p>º¸È£µÇ¾î ÀÖ´Â ±ÛÀÔ´Ï´Ù. ³»¿ëÀ» º¸½Ã·Á¸é ºñ¹Ð¹øÈ£¸¦ ÀÔ·ÂÇϼ¼¿ä.</p>
<p><li><label for="password"><strong>ºñ¹Ð¹øÈ£ : </strong></label><br /><input id="input"  type="password" maxlength="16" name="[##_article_password_##]" value="" onkeydown="if (event.keyCode == 13) [##_article_dissolve_##] " /></li></p>
</div>
</div>
</div>
</s_article_protected>

ÀÌ·¸°Ô µÇÀÖ´Â ºÎºÐÀ»

<s_article_protected>
<div class="box">
<div class="head"><strong><a href="[##_article_rep_link_##]">[##_article_rep_title_##]</a></strong></div>
<div class="pad">
<div class="text">
<span class="date">[##_article_rep_date_##]</span>
<p>º¸È£µÇ¾î ÀÖ´Â ±ÛÀÔ´Ï´Ù. ³»¿ëÀ» º¸½Ã·Á¸é ºñ¹Ð¹øÈ£¸¦ ÀÔ·ÂÇϼ¼¿ä.</p>
<p><li><label for="password"><strong>ºñ¹Ð¹øÈ£ : </strong></label><br /><input class="input"  id="[##_article_password_##]"  type="password" maxlength="16" name="[##_article_password_##]" value="" onkeydown="if (event.keyCode == 13) [##_article_dissolve_##] " /></li></p>
</div>
</div>
</div>
</s_article_protected>

ÀÌ·¸°Ô ¹Ù²ãÁֽñ⠹ٶø´Ï´Ù^^;;

¶Ç style.css ¿¡¼­

.input {
	background: transparent url('images/inputbox.png') top left no-repeat;
	border: 0 !important;
	height: 19px !important;
	width: 131px !important;
	margin: 0 !important;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 19px;
}

.input:focus {
  background: transparent url('images/inputbox.png') 0 -23px no-repeat;  
}

Ãß°¡ÇØÁֽñ⠹ٶø´Ï´Ù.