일반회원 / 딜러(업체)회원 가입 디자인 css+html

무료아이콘 작성일18-09-11 23:48 조회108회

본문


일반회원 / 딜러(업체)회원 가입 디자인 css+html 

 

쓸모있을진 모르겠지만

일단 올려둡니다.

 

그누보드5 사용하려고 만든거네요

코드 조잡할 수도 - 0 -;;;

 

미리보기

 

24a7c271fd62caaa89e65cd20747408f_1536677

 

사용된 아이콘 이미지 

 

 24a7c271fd62caaa89e65cd20747408f_1536677 24a7c271fd62caaa89e65cd20747408f_1536677

 

css

.member_register_wrap{width:100%; margin:auto; text-align:center; color:#fff; overflow: hidden;}

.member_register_wrap a{color:#fff; text-decoration:none;}

.member_register_wrap .align {display:inline-block; *display:inline; zoom:1; margin-top:30px;}

.member_register_wrap img { width:50%; height:auto}

.member_register_wrap .ex_text{color:#242424; line-height:180%;}

.member_register_wrap .bt_text {padding-top:10px; color:#fff;  }

.member_register_wrap:after{clear:both; content:""; display:block;}

.member_register_basic, .member_register_dealer {margin:0 auto; float:left; width:150px; padding:30px; display:inline-block;}

.member_register_basic {background-color:#0431b4; margin-right:20px;}

.member_register_dealer {background-color:#002286;}

 

html

<div class="member_register_wrap">

<p class="ex_text"><strong>일반회원/딜러회원</strong> 종류에 따라 회원가입 절차가 다릅니다.<br />

고객님이 해당하는 회원 종류를 선택해주세요.</p>

<div class="align">

<a href="<?php echo $g5_BBs_url; ?>/bbs/register_user.php">

<div class="member_register_basic">

<p><img src="<?php echo $member_skin_url; ?>/img/mem_register_icon1.png" alt="일반 회원"></p>

<p class="bt_text">일반 회원</p>

</div>

</a>

 

<a href="<?php echo $G5_BBS_PATH; ?>/bbs/register_dealer.php">

<div class="member_register_dealer">

<p><img src="<?php echo $member_skin_url; ?>/img/mem_register_icon2.png"  alt="딜러 회원"></p>

<p class="bt_text">딜러 회원</p>

</div></a>

</div>

</div>

비회원도 추천 가능합니다.
유익한 정보였다면, 추천해주세요

추천하기 1

무료아이콘 그외

15개의 게시물
목록
읽기: 1P (1lv), 쓰기: 200P (3lv), 덧글: 10P (2lv), 다운: -100P (2lv)
게시물 검색