[문의] 카카오톡 프로필 인장 질문이요ㅠㅠ

다른 분 답변주신거 보고 낑낑대면서 어느정도 만들긴 했는데 제가 이것저것시도해보면서 뭘 잘못 건드렸는지 예시에 올려주신거와 다르게 이미지보다 저 검은글씨가 먼저 보이더라구요.. 다행히 마우스를 한번 저 위에 올려뒀다 떼면 돌아오기는 하는데 거슬려서 고치고 싶어요ㅠㅠ

그리고 저 아래 3개의 네모칸에  그림을 넣고싶은데 100*100크기의 그림도 왼쪽에 여백이 많이 있는식으로 뭔가 안맞던데 이거 어떻게 그림을 가운데에 딱 맞출 순없을까요? 또 누를때 버튼색을 저 배경에 있는 색하고 같은색으로 하고싶은데 color:red 이런식이라서 저건 또 무슨색인질 몰라서 못하겠던데 따로 설정할 수 있는 방법 없을까요?

참고로 저기 배경에 사용된 색상코드는 #FAD055 이거고

 

이 이미지가 아래 3개 버튼중 가운데에 넣으려했던 이미지에요

 

 

 

# 아래는 지금 제 인장 상태에요

<!--전체 테두리, 0px로 해서 지울 수 있다.-->
<div style="width: 450px;border:1px solid black;font-size:15px;'">

<!--상단 이미지 상자-->
<div>
 <img src="https://upload2.inven.co.kr/upload/2016/05/14/bbs/i12068135192.png" width="100%">
</div>

<!--중앙 원형 그림 - 인장 펼치기-->
<a href="http://aru3598.wix.com/cherva" target="_blank" style="text-decoration:none">
<div style="width: 0px; height: 0px; display: inline-block;">

<div style="width: 450px;">
<div style='background: url("https://upload2.inven.co.kr/upload/2016/07/14/bbs/i12033189186.png") no-repeat center / 100%; margin: 0px auto; border-radius: 80px; top: 20px; width: 100px; height: 100px; overflow: hidden; position: relative;'>
<div style="transition:0.4s; width: 100px; height: 100px; color: rgba(255, 255, 255, 0); vertical-align: middle; display: table-cell;" data-inven-out-css="{'_SELF_':{'background-color':'rgba(255,255,255,0)','color':'rgba(255,255,255,0)'}}" data-inven-over-css="{'_SELF_':{'background-color':'rgba(255,255,255,0.4)','color':'rgba(55,55,55,1)'}}" >
<div style="padding: 1em; text-align: center; font-size: 15px;">
<b>Wix</b>
</div></div></div></div></div>
</a>

<!-- 이미지 아래로 나오는 흰색 공간입니다. 배경색 또는 배경 이미지를 넣을 수 있습니다.-->
<div style="background-color:#FAD055;">
<div style="height: 90px;"></div>

<!-- 기본 내용 상자 -->
<div style="padding: 1em;text-align: center;">
 <div><br /></div>
 공사중입니다
</div>

<!-- 하단의 3개 버튼, 지울 수 있습니다.-->
<div style="padding: 1em; text-align: center; ">

<!-- 가입일-->
<div style='background: url("첫번째"); margin: 0px 15px; border-radius: 10px; border: 3px solid white; border-image: none; width: 92px; height: 92px; overflow: hidden; display: inline-block;'>
<div style="transition:0.4s; width: 92px; height: 92px; rgba(255, 255, 255, 0); vertical-align: middle; display: table-cell;" data-inven-out-css="{'_SELF_':{'background-color':'rgba(255,255,255,0)','color':'rgba(255,255,255,0)'}}" data-inven-over-css="{'_SELF_':{'background-color':'orange','color':'rgba(255,255,255,1)'}}">
<div style="padding: 0.5em;font">가입일<br>
<span style="font-weight:bold;">D + </span><span data-inven-dday="2015-05-09" style="font-weight:bold;"></span>
<!-- dday 뒤에 "yyyy-mm-dd"의 형태로 가입일 입력-->
</div></div></div>

<!-- 마무리 일격 : 닉네임입력-->
<div style='background: url("두번째"); margin: 0px 15px; border-radius: 10px; border: 3px solid white; border-image: none; width: 92px; height: 92px; overflow: hidden; display: inline-block;'>
<div style="transition:0.4s; width: 92px; height: 92px; color: rgba(255, 255, 255, 0); vertical-align: middle; display: table-cell;" data-inven-out-css="{'_SELF_':{'background-color':'rgba(255,255,255,0)','color':'rgba(255,255,255,0)'}}" data-inven-over-css="{'_SELF_':{'background-color':'orange','color':'rgba(255,255,255,1)'}}">
<div data-inven-action data-inven-nick-default="라비엘" style="border:0px;padding:0;margin:0;">
<span data-inven-attr-for="input" style="display:none;"></span>
<span data-inven-attr-for="last-attack-all" style="background-color:rgba(255,255,255,0); width: 92px; height: 92px; color: rgba(255, 255, 255, 0);border-radius:123px;padding:0;margin:0;transition:0.4s;border:0px;font-family: 'Jeju Gothic', sans-serif;font-size:15px;" data-inven-text="마격"
data-inven-over-css="{'_SELF_':{'color':'rgba(255,255,255,1)'}}" data-inven-out-css="{'_SELF_':{'color':'rgba(255,255,255,0)'}}"></span>
</div></div></div>

<!-- 쪽지 보내기 : 닉네임 입력-->
<div style='background: url("세번째"); margin: 0px 15px; border-radius: 10px; border: 3px solid white; border-image: none; width: 92px; height: 92px; overflow: hidden; display: inline-block;'>
<div style="transition:0.4s; width: 92px; height: 92px; color: rgba(255, 255, 255, 0); vertical-align: middle; display: table-cell;" data-inven-out-css="{'_SELF_':{'background-color':'rgba(255,255,255,0)','color':'rgba(255,255,255,0)'}}" data-inven-over-css="{'_SELF_':{'background-color':'orange','color':'rgba(255,255,255,1)'}}">
<div data-inven-action data-inven-nick-default="라비엘" style="border:0px;padding:0;margin:0;">
<span data-inven-attr-for="input" style="display:none;"></span>
<span data-inven-attr-for="send-note" style="background-color:rgba(255,255,255,0); width: 92px; height: 92px; color: rgba(255, 255, 255, 0);border-radius:123px;padding:0;margin:0;transition:0.4s;border:0px;font-family: 'Jeju Gothic', sans-serif;font-size:15px;" data-inven-text="쪽지"
data-inven-over-css="{'_SELF_':{'color':'rgba(255,255,255,1)'}}" data-inven-out-css="{'_SELF_':{'color':'rgba(255,255,255,0)'}}"></span>
</div></div></div>

</div></div></div>