레이어 Type1 (temp_layer_type1)

다운로드

  • CSS Code

    .btn_graytype2{display:inline-block; border:1px solid #858585; background:#e9e9e9; padding:5px 7px; text-align:center; color:#4d4d4d;}
    .layer{position:absolute; margin-top:-1px; z-index:10;}
    .layer .btn_close{position:absolute; right:-22px;}
    .leftblock_logotitle .title{float:left; margin-left:10px; margin-top:6px; font-size:12px;}
    .layer_block{float:left; width:500px; color:#666; border:1px solid #000; background:#FFF; padding:20px;}
    .layer_block .infotext_block{height:23px; border-bottom:1px dotted #b7b7b7;}
    .layer_block .infotext_block .infotext{float:left; padding-left:25px; background:url('../image/temp/temp_icon_tip.gif') no-repeat left; font-size:11px; color:#888888;}
    /* Layout Color - 실제 서비스 적용 후 아래 코드는 삭제 하세요 */
    .pop_conblock{height:50px;}

  • HTML Code

    <div><a href="#"><span class="btn_graytype2 font_type_bold font_size_11">버튼</span></a></div>
    <div class="layer">
    <<p class="btn_close"><a href="#"><img src="../image/temp/btn_sc_ly_clse.gif" alt="닫기"/></a></p>
    <div class="layer_block">
    <div class="infotext_block">
    <span class="infotext">컨텐츠 안내 문구</span>
    <span class="float_r"><a target="_blank" href="#"><img alt="도움말" src="../image/temp/btn_sc_help.gif"/></a></span>
    </div>
    <div class="con_block">컨텐츠 내용</div>
    </div>
    </div>

  • Image

    • 도움말btn_sc_help.gif
    • 닫기btn_sc_ly_clse.gif
    • tipicon_tip.gif