makeshop

°øÁö»çÇ×

°øÁö»çÇ× »ó¼¼
[±â´É°­È­] SNS °£Æíȸ¿ø °¡ÀÔ Ç׸ñ Ãß°¡ ¿Ü 1°Ç
Á¶È¸¼ö: 6,078
¾È³çÇϼ¼¿ä. ¸ÞÀÌÅ©¼¥ ¿î¿µÆÀÀåÀÔ´Ï´Ù.

¿À´Ã ¸ÞÀÌÅ©¼¥¿¡ ¾÷±×·¹À̵åµÈ ±â´É¿¡ ´ëÇÏ¿© ¾È³»µå¸®µµ·Ï ÇÏ°Ú½À´Ï´Ù.


[¾÷±×·¹ÀÌµå ³»¿ë]

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°¡Áö ÀÌ»ó Á¶Çսÿ¡´Â Ç°ÀýÇ¥±â°¡ µÇÁö ¾Ê½À´Ï´Ù.



°¨»çÇÕ´Ï´Ù.
¸ñ·Ï ´Ý±â