°øÁö»çÇ×
[±â´É°È] SNS °£Æíȸ¿ø °¡ÀÔ Ç׸ñ Ãß°¡ ¿Ü 1°Ç |
Á¶È¸¼ö: 6,139 |
---|---|
¾È³çÇϼ¼¿ä. ¸ÞÀÌÅ©¼¥ ¿î¿µÆÀÀåÀÔ´Ï´Ù.
¿À´Ã ¸ÞÀÌÅ©¼¥¿¡ ¾÷±×·¹À̵åµÈ ±â´É¿¡ ´ëÇÏ¿© ¾È³»µå¸®µµ·Ï ÇÏ°Ú½À´Ï´Ù. [¾÷±×·¹ÀÌµå ³»¿ë] 1. SNS °£Æí°¡ÀÔ Á¤º¸ ÀÔ·Â Ãß°¡ 2. ¿É¼Ç ¹Ì¸®º¸±â: Ç°Àý Ç¥±â ±â´É 1. SNS °£Æí°¡ÀÔ Á¤º¸ ÀÔ·Â Ãß°¡ SNS°£Æí°¡ÀÔµµ ÀÌÁ¦ ȸ¿øÀÇ »ý³â¿ùÀÏ Á¤º¸¿Í ¼ºº° Á¤º¸¸¦ Ãß°¡·Î ÀÔ·Â ¹ÞÀ» ¼ö ÀÖµµ·Ï ¾÷±×·¹ÀÌµå µÇ¾ú½À´Ï´Ù. ȸ¿øÀÇ »ý³â¿ùÀÏ°ú ¼ºº° Á¤º¸°¡ ¾ø¾î¼ À̺¥Æ® ÁøÇàÀÌ ºÒÆíÇϼ̴ø ¿î¿µÀÚ ºÐµé ÀÌÁ¦ SNS°£Æí°¡ÀÔ È¸¿øµµ »ý³â¿ùÀÏ Á¤º¸¿Í ¼ºº°·Î À̺¥Æ® µîÀ» ÁøÇàÇÏ½Ç ¼ö ÀÖ½À´Ï´Ù. [À§Ä¡ ¹× »ç¿ë¹ý] ¼îÇθô ±¸Ãà > ¼îÇθô °ü¸®±â´É ¼³Á¤ > ȸ¿ø°¡ÀÔ Á¤º¸ °ü¸® : SNS °£Æíȸ¿ø ![]() »ý³â¿ùÀÏ / ¼ºº° ¼³Á¤ ÈÄ °¡»óÅÂ±×¿Í CSS¸¦ °³º°µðÀÚÀÎÀ» ÇϽñ⠹ٶø´Ï´Ù. (D4) Áß¾ÓµðÀÚÀÎ > ȸ¿ø°ü·Ã > ȸ¿ø°¡ÀÔ È¸é > SNS°£Æí°¡ÀÔ È¸é - °³º°µðÀÚÀÎ <!--/if_input_birth/--> <li class="birth"> <!--/input_birth/--> </li> <!--/end_if/--> <!--/if_input_gender/--> <li class="gender"> </li><!--/end_if/--> </li> - CSS #join_test .join-form li.birth:after { clear:both; display:block; content:''; } #join_test .join-form li.birth { *z-index:2; line-height:51px; } #join_test .join-form li.birth .birth_txt { width:150px; margin-left:0px; font-size:13px; font-weight:bold; text-align:left; color: #0549bb; padding-bottom: 5px; } #join_test .join-form li.birth dl dd { position:relative; float:left; width:100px; margin-left:10px; font-size:14px; font-weight:bold; } #join_test .join-form li.birth dl dd:first-child { width:100px; margin-left:0; } #join_test .join-form li.birth dl.type2 ul li { margin:0; padding:0; border:0; } #join_test .join-form li.birth dl.type2 ul li .txt-input { left:0; width:90%; } #join_test .join-form li.gender label { margin-right:30px; } (D2) °³º°µðÀÚÀÎ > ÀλçÀ̵åµðÀÚÀÎII > SNS °£Æí°¡ÀÔ È¸é - °³º°µðÀÚÀÎ [IFBIRTH] <li class="birth"> [BIRTH] </li> [ENDBIRTH] [IFGENDER] <li class="gender"> [GENDER] </li> [ENDGENDER] - CSS #join_simple .join-form li.birth:after { clear:both; display:block; } #join_simple .join-form li.birth { *z-index:2; line-height:51px; } #join_simple .join-form li.birth dl, #join_simple .join-form li.birth dl dd { margin:0; padding:0; } #join_simple .join-form li.birth dl dd { position:relative; float:left; width:100px; margin-left:10px; font-size:14px; font-weight:bold; } #join_simple .join-form li.birth dl dd:first-child { width:100px; margin-left:0; } #join_simple .join-form li.birth .birth_txt { width:150px; margin-left:0px; font-size:13px; font-weight:bold; text-align:left; color: #0549bb; padding-bottom: 5px; } #join_simple .join-form li.birth dl.type2 ul li { margin:0; padding:0; border:0; } #join_simple .join-form li.birth dl.type2 ul li .txt-input { left:0; width:70%; } #join_simple .join-form .simple_birth { width:130px;margin-left:0; } #join_simple .join-form li.gender { overflow:hidden; height:45px; line-height:45px; _margin-top:-4px; } #join_simple .join-form li.gender label { display:inline-block; width:80px; margin-right:30px; _padding-top:13px; } 2. ¿É¼Ç ¹Ì¸®º¸±â: Ç°Àý Ç¥±â ±â´É ¿É¼Ç ¹Ì¸®º¸±â¿¡¼ ¿É¼Ç¿¡ ´ëÇÑ Ç°Àý Ç¥±â°¡ °¡´ÉÇϵµ·Ï ¾÷±×·¹À̵å ÇÏ¿´½À´Ï´Ù. [À§Ä¡ ¹× »ç¿ë¹ý] ¼îÇθô±¸Ãà > ¼îÇθô ±âº»Á¤º¸ ¼³Á¤ > »óÇ° È¸é ºÎ°¡ ¼³Á¤ ![]() - ¿É¼Ç ¹Ì¸®º¸±â »ç¿ë ¼³Á¤ ½Ã, ¸ÞÀÎÀ̳ª »óÇ° ºÐ·ùÆäÀÌÁö¿¡¼ »óÇ°ÀÇ ¿É¼ÇÀ» ¹Ì¸® º¼ ¼ö ÀÖ½À´Ï´Ù. - Ç°ÀýµÈ »óÇ°Àº ¹Ì¸®º¸±â¿¡¼ 'Ç°Àý'·Î Ç¥±âµË´Ï´Ù. - ¿É¼Ç 2°¡Áö ÀÌ»ó Á¶Çսÿ¡´Â Ç°ÀýÇ¥±â°¡ µÇÁö ¾Ê½À´Ï´Ù. °¨»çÇÕ´Ï´Ù. |
ÀÌÀü |
2016.02.26 |
5,180 |
|
- |
[±â´É°È] SNS °£Æíȸ¿ø °¡ÀÔ Ç׸ñ Ãß°¡ ¿Ü 1°Ç |
2016.02.24 |
6,139 |
´ÙÀ½ |
2016.02.23 |
5,690 |