로그인박스 색상 변경 질문입니다.

로그인박스 색상 변경 질문입니다.

QA

로그인박스 색상 변경 질문입니다.

답변 2

본문

3067746066_1556413356.6599.jpg

 

 

 

제가 이미지를 하나 올리겠습니다.

 

이미지에 보시면 관리자  마이페이지 빨간박스로 되어 있는데

저 박스 색생을 바꿀려면 어디서 손을 봐야 되는지 점 알려주세요

 

이 질문에 댓글 쓰기 :

답변 2

베이직 테마를 기준으로 말씀드리자면

/theme/basic/skin/outlogin/basic/outlogin.skin.2.php 와

 

해당폴더의 style.css 를 수정하시면 됩니다.

<?php
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가

// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
add_stylesheet('<link rel="stylesheet" href="'.$outlogin_skin_url.'/style.css">', 0);
?>

<!-- 로그인 후 아웃로그인 시작 { -->
<section id="ol_after" class="ol">
    <header id="ol_after_hd">
        <h2>나의 회원정보</h2>
        <strong><?php echo $nick ?>님</strong>
        <?php if ($is_admin == 'super' || $is_auth) {  ?><a href="<?php echo G5_ADMIN_URL ?>" class="btn_admin">관리자 모드</a><?php }  ?>
    </header>
    <ul id="ol_after_private">
        <li>
            <a href="<?php echo G5_BBS_URL ?>/memo.php" target="_blank" id="ol_after_memo" class="win_memo">
                <span class="sound_only">안 읽은 </span>쪽지
                <strong><?php echo $memo_not_read ?></strong>
            </a>
        </li>
        <li>
            <a href="<?php echo G5_BBS_URL ?>/point.php" target="_blank" id="ol_after_pt" class="win_point">
                포인트
                <strong><?php echo $point ?></strong>
            </a>
        </li>
        <li>
            <a href="<?php echo G5_BBS_URL ?>/scrap.php" target="_blank" id="ol_after_scrap" class="win_scrap">스크랩</a>
        </li>
    </ul>
    <footer id="ol_after_ft">
        <a href="<?php echo G5_BBS_URL ?>/member_confirm.php?url=register_form.php" id="ol_after_info">정보수정</a>
        <a href="<?php echo G5_BBS_URL ?>/logout.php" id="ol_after_logout">로그아웃</a>
    </footer>
</section>

<script>
// 탈퇴의 경우 아래 코드를 연동하시면 됩니다.
function member_leave()
{
    if (confirm("정말 회원에서 탈퇴 하시겠습니까?"))
        location.href = "<?php echo G5_BBS_URL ?>/member_confirm.php?url=member_leave.php";
}
</script>
<!-- } 로그인 후 아웃로그인 끝 -->

정확히 해당 로그인 박스가 표시되는 부분의 skin 명을 아셔야 합니다.
어뚱한 소스를 첨부하지 마시고

<?php echo outlogin('스킨명'); ?>

이렇게 표현되어 있다면
스킨명 폴더에 style.css 를 찾아 수정하시면 됩니다.

/* 아웃로그인 스킨 */
.ol {position:relative;margin:0 0 5px;width:150px}
.ol h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
.ol ul {margin:0;padding:0;list-style:none}

#ol_before {}
#ol_before fieldset {position:relative}
#ol_id {display:block;margin:0 0 5px !important;margin:0 0 3px;padding:0 5px;width:138px;height:22px;border:1px solid #b8c9c2;background:#f7f7f7;line-height:1.6em}
.ol_idlabel {position:absolute;top:6px;left:5px;color:#626870;font-size:0.95em}
#ol_pw {display:block;margin:0 0 5px !important;margin:0 0 3px;padding:0 5px;width:138px;height:22px;border:1px solid #b8c9c2;background:#f7f7f7;vertical-align:top;line-height:1.6em}
.ol_pwlabel {position:absolute;top:35px;left:5px;color:#626870;font-size:0.95em}
#auto_login {}
#auto_login_label {letter-spacing:-0.1em}
#ol_submit {display:inline-block;margin:0 0 4px;width:150px;height:24px;border:0;background:#626870;color:#fff;font-size:0.9em;font-weight:bold}
#ol_before ul {float:right;margin:7px 0 13px;zoom:1}
#ol_before ul:after {display:block;visibility:hidden;clear:both;content:""}
#ol_before li {float:left;margin-left:5px;padding-top:2px}
#ol_before a {letter-spacing:-0.1em}
#ol_svc {margin:0 0 5px}
#ol_svc a {display:inline-block;padding:5px 0;width:71px;border:1px solid #e9e9e9;background:#faf9f5;text-align:center;text-decoration:none}
#ol_auto {margin:0 0 5px;padding:2px 0 5px;text-align:right}

#ol_after {}
#ol_after_hd {margin:0 0 5px}
#ol_after_hd .btn_admin {display:block;margin-top:5px;text-align:center}
#ol_after_private {margin:0 0 5px;zoom:1}
#ol_after_private:after {display:block;visibility:hidden;clear:both;content:""}
#ol_after_private li {margin:0 0 1px}
#ol_after_private a {display:block;position:relative;padding:6px 8px 5px;background:#f7f7f7}
#ol_after_private a strong {position:absolute;top:6px;right:8px;color:#000;font-weight:normal}
#ol_after_private a:focus,
#ol_after_private a:hover {background:#626870;color:#fff;text-decoration:none}
#ol_after_private a:focus strong,
#ol_after_private a:hover strong {color:#fff;text-decoration:none}
#ol_after_ft {text-align:justify}
#ol_after_ft a {display:inline-block;padding:4px 0 3px;width:73px;background:#626870;color:#fff;text-align:center}
#ol_after_ft a:focus,
#ol_after_ft a:hover {text-decoration:none !important}



여기에서 어떤걸 손을 봐야 되는지 점 알려주세요

그렇다면 테마를 사용하지 않을 수도 있겠네요
/skin/outlogin/shop_basic/outlogin.skin.2.php 와 style.css 를 열어서 관리자 버튼 클래스와
마이페이지 버튼 클래스를 기억하셨다가 style.css 에서 찾어서 변경하시면 됩니다.

<?=outlogin('basic');?>
스킨명 폴더에 style.css 의 소스입니다.

여기에서 아무리 색상코드를 봐도 빨간색을 못찾겠네요 ㅠㅠ


/* 아웃로그인 스킨 */
.ol {position:relative;padding:14px 9px;margin-bottom:10px;border:1px solid #dfdfdf}
.ol h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
.ol ul {margin:0;padding:0;list-style:none}

.ol a.btn_admin {display:inline-block;padding:0 11px;height:25px;background:#e8180c;color:#fff;text-decoration:none;line-height:2.2em;vertical-align:middle} /* 관리자 전용 버튼 */
.ol a.btn_admin:focus, .ol a.btn_admin:hover {text-decoration:none}

#ol_before {}
#ol_before fieldset {position:relative}
#ol_id {display:block;margin:0 0 5px !important;margin:0 0 3px;padding:0 5px;width:168px;height:22px;border:1px solid #e4eaec;background:#f7f7f7;line-height:1.6em}
.ol_idlabel {position:absolute;top:6px;left:5px;color:#333;font-size:0.95em}
#ol_pw {display:block;margin:0 0 5px !important;margin:0 0 3px;padding:0 5px;width:168px;height:22px;border:1px solid #e4eaec;background:#f7f7f7;vertical-align:top;line-height:1.6em}
.ol_pwlabel {position:absolute;top:35px;left:5px;color:#333;font-size:0.95em}
#auto_login {}
#auto_login_label {letter-spacing:-0.1em}
#ol_submit {display:inline-block;width:60px;height:24px;border:0;background:#333;color:#fff;font-size:0.9em;font-weight:bold;vertical-align:top}
#ol_before a {letter-spacing:-0.15em}
#ol_svc {float:left;margin:5px 0 0}
#ol_password_lost {display:inline-block;margin:0 0 0 5px}
#ol_auto {position:relative;float:right;margin:5px 0 0}
#ol_auto label {letter-spacing:-0.1em}
#ol_auto input {width:13px;height:13px;vertical-align:bottom}

#ol_after {}
#ol_after_hd {margin:0 0 3px}
#ol_after_hd .btn_admin {margin-top:5px;width:158px;text-align:center}
#ol_after_private {margin:0 0 3px;zoom:1}
#ol_after_private:after {display:block;visibility:hidden;clear:both;content:""}
#ol_after_private li {float:left}
#ol_after_private a {display:block;padding-top:8px;height:37px;background:#f7f7f7;text-align:center}
#ol_after_private a strong {display:block;padding-top:3px;color:#000;font-weight:normal}
#ol_after_private a:focus,
#ol_after_private a:hover {background:#333;color:#fff;text-decoration:none}
#ol_after_private a:focus strong,
#ol_after_private a:hover strong {color:#fff;text-decoration:none}
#ol_after_memo {width:50px;margin-right:1px}
#ol_after_pt {width:80px;margin-right:1px}
#ol_after_scrap {width:48px;line-height:2.6em !important}
#ol_after_ft {text-align:center}
#ol_after_ft a {display:inline-block;width:88px;height:25px;background:#333;color:#fff;text-align:center;line-height:2.2em}
#ol_after_ft a:focus, #ol_after_ft a:hover {text-decoration:none !important}

/* 아웃로그인 스킨 */
.ol {position:relative;margin:0 0 5px;width:150px}
.ol h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
.ol ul {margin:0;padding:0;list-style:none}

#ol_before {}
#ol_before fieldset {position:relative}
#ol_id {display:block;margin:0 0 5px !important;margin:0 0 3px;padding:0 5px;width:138px;height:22px;border:1px solid #b8c9c2;background:#f7f7f7;line-height:1.6em}
.ol_idlabel {position:absolute;top:6px;left:5px;color:#626870;font-size:0.95em}
#ol_pw {display:block;margin:0 0 5px !important;margin:0 0 3px;padding:0 5px;width:138px;height:22px;border:1px solid #b8c9c2;background:#f7f7f7;vertical-align:top;line-height:1.6em}
.ol_pwlabel {position:absolute;top:35px;left:5px;color:#626870;font-size:0.95em}
#auto_login {}
#auto_login_label {letter-spacing:-0.1em}
#ol_submit {display:inline-block;margin:0 0 4px;width:150px;height:24px;border:0;background:#626870;color:#fff;font-size:0.9em;font-weight:bold}
#ol_before ul {float:right;margin:7px 0 13px;zoom:1}
#ol_before ul:after {display:block;visibility:hidden;clear:both;content:""}
#ol_before li {float:left;margin-left:5px;padding-top:2px}
#ol_before a {letter-spacing:-0.1em}
#ol_svc {margin:0 0 5px}
#ol_svc a {display:inline-block;padding:5px 0;width:71px;border:1px solid #e9e9e9;background:#faf9f5;text-align:center;text-decoration:none}
#ol_auto {margin:0 0 5px;padding:2px 0 5px;text-align:right}

#ol_after {}
#ol_after_hd {margin:0 0 5px}
#ol_after_hd .btn_admin {display:block;margin-top:5px;text-align:center}
#ol_after_private {margin:0 0 5px;zoom:1}
#ol_after_private:after {display:block;visibility:hidden;clear:both;content:""}
#ol_after_private li {margin:0 0 1px}
#ol_after_private a {display:block;position:relative;padding:6px 8px 5px;background:#f7f7f7}
#ol_after_private a strong {position:absolute;top:6px;right:8px;color:#000;font-weight:normal}
#ol_after_private a:focus,
#ol_after_private a:hover {background:#626870;color:#fff;text-decoration:none}
#ol_after_private a:focus strong,
#ol_after_private a:hover strong {color:#fff;text-decoration:none}
#ol_after_ft {text-align:justify}
#ol_after_ft a {display:inline-block;padding:4px 0 3px;width:73px;background:#626870;color:#fff;text-align:center}
#ol_after_ft a:focus,
#ol_after_ft a:hover {text-decoration:none !important}

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 23
© SIRSOFT
현재 페이지 제일 처음으로