질문1. 미리보기에서는 이미지가 잘나오는데 저장하고나서 이미지가 보이지 않는 문제가 생겻습니다.
이부분입니다.
<div style='background: url("https://upload2.inven.co.kr/upload/2016/09/18/bbs/i12544965358.jpg") no-repeat center / 100%; width: 380px; height: 220px;'>
<div style="transition:0.4s; width: 380px; height: 220px; 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(0,255,255,0)'}}" data-inven-over-css="{'_SELF_':{'background-color':'rgba(100,100,200,0.4)','color':'rgba(255,225,0,0.8)'}}" >
<div style="padding: 1em; text-align: center; font-size: 21px; font-family:'jeju Gothic';">
본:CARINE BLOODHOOF<br />
전정실 검색
</div></div></div>
<br />
<div style='background: url("https://upload2.inven.co.kr/upload/2016/09/18/bbs/i12556607803.jpg") no-repeat center / 100%; width: 380px; height: 220px;'>
<div style="transition:0.4s; width: 380px; height: 220px; 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(0,255,255,0)'}}" data-inven-over-css="{'_SELF_':{'background-color':'rgba(100,100,200,0.4)','color':'rgba(255,225,0,0.8)'}}" >
<div style="padding: 1em; text-align: center; font-size: 21px; font-family:'jeju Gothic';">
부:북한산곰돌이<br />
전정실 검색
</div></div></div>
질문 1-2 위 이미지에서 클릭시 URL링크를 걸고싶은데 a href 함수를 쓰면 파란색글씨와 밑줄이 생기네요 안생기게하면서 링크를 걸수잇는방법이 있을까요?
질문 2. 접기 부분 색상,크기 조절은 어떻게해야하나요?
질문3. 스크립짜기 도움되는 프로그램 혹은 문서파일이 뭐가있을까요?? 아무런지식없이 메모장왓다갓다하면서 하기 너무 어렵네요
<!--전체 테두리, 0px로 해서 지울 수 있다.-->
<div style="width: 450px;border:1px solid black;font-size:15px;'">
<!--상단 이미지 상자-->
<div>
<img src="https://upload2.inven.co.kr/upload/2016/09/18/bbs/i13057495727.jpg" width="100%">
</div>
<!--중앙 원형 그림 - 인장 펼치기-->
<div style="width: 0px; height: 0px; display: inline-block;">
<div style="width: 450px;">
<div style='background: url("https://upload2.inven.co.kr/upload/2016/09/18/bbs/i13506523429.jpg") no-repeat center / 100%; margin: 0px auto; border-radius: 80px; top: -90px; width: 146px; height: 146px; overflow: hidden; position: relative;'>
<div style="transition:0.4s; width: 146px; height: 146px; 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(255,255,0,1)'}}" data-inven-toggle="sealing">
<div style="padding: 1em; text-align: center; font-size: 15px;">
프로필
</div></div></div></div></div>
<div style="Background-color: rgba(215, 190, 135, 8);"><!-- 이미지 아래로 나오는 흰색 공간입니다. 배경색 또는 배경 이미지를 넣을 수 있습니다.-->
<div style="height: 60px;"></div>
<!--중앙 클릭시 펼쳐질 상자 (숨겨진 상자)-->
<div style="padding: 1em; text-align: center; display: none;transition:0.4s;" data-inven-id="sealing">
World Of Warcraft<br />
League Of Legend<br />
<div style='background: url("https://upload2.inven.co.kr/upload/2016/09/18/bbs/i12544965358.jpg") no-repeat center / 100%; width: 380px; height: 220px;'>
<div style="transition:0.4s; width: 380px; height: 220px; 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(0,255,255,0)'}}" data-inven-over-css="{'_SELF_':{'background-color':'rgba(100,100,200,0.4)','color':'rgba(255,225,0,0.8)'}}" >
<div style="padding: 1em; text-align: center; font-size: 21px; font-family:'jeju Gothic';">
본:CARINE BLOODHOOF<br />
전정실 검색
</div></div></div>
<br />
<div style='background: url("https://upload2.inven.co.kr/upload/2016/09/18/bbs/i12556607803.jpg") no-repeat center / 100%; width: 380px; height: 220px;'>
<div style="transition:0.4s; width: 380px; height: 220px; 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(0,255,255,0)'}}" data-inven-over-css="{'_SELF_':{'background-color':'rgba(100,100,200,0.4)','color':'rgba(255,225,0,0.8)'}}" >
<div style="padding: 1em; text-align: center; font-size: 21px; font-family:'jeju Gothic';">
부:북한산곰돌이<br />
전정실 검색
</div></div></div>
Hearth Stone <br/>
<img src="https://upload2.inven.co.kr/upload/2016/09/19/bbs/i12505120190.png"><br/>
<a href="http://hs.inven.co.kr/dataninfo/deck/new/view.php?idx=6545">5월 느조방밀 </a><br/>
<a href="http://hs.inven.co.kr/dataninfo/deck/new/view.php?idx=12029">6월 느조사제 </a><br/>
<a href="http://hs.inven.co.kr/dataninfo/deck/new/view.php?idx=14318">7월 켈투사제 </a><br/>
<a href="http://hs.inven.co.kr/dataninfo/deck/new/view.php?idx=17106">8월 느조사제 </a><br/>
<a href="http://hs.inven.co.kr/dataninfo/deck/new/view.php?idx=22318">9월 템포손님 </a><br/>
<br/>
<img src="https://upload2.inven.co.kr/upload/2016/09/19/bbs/i12583623055.png"><br/>
야찐입니당 <br/>
OverWatch<br/>
<br />
<div data-inven-toggle="sealing">접기</div>
</div>
<!-- 기본 내용 상자 -->
<div style="padding: 1em;text-align: center;">
<span style=" color: black; font-weight: bold;"> 노움 애호가~♡♡♡
</span> </div>
<!-- 하단의 3개 버튼, 지울 수 있습니다.-->
<div style="padding: 1em; text-align: center; ">
<!-- 가입일-->
<div style='background: url("https://upload2.inven.co.kr/upload/2016/09/18/bbs/i13607656547.jpg"); 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':'red','color':'rgba(255,255,255,1)'}}">
<div style="padding: 0.5em;font">가입일<br>
<span style="font-weight:bold;">D + </span><span data-inven-dday="2011-04-10" style="font-weight:bold;"></span>
<!-- dday 뒤에 "yyyy-mm-dd"의 형태로 가입일 입력-->
</div></div></div>
<!-- 마무리 일격 : 닉네임 입력-->
<div style='background: url("https://upload2.inven.co.kr/upload/2016/09/18/bbs/i10317886042.jpg"); 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':'blue','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-5" 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("https://upload2.inven.co.kr/upload/2016/09/19/bbs/i12354563635.jpg"); 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':'green','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>
보라지붕
보라지붕
