테스트 사이트 - 개발 중인 베타 버전입니다

테이블 투명도? 위치? css 관련 질문입니다! 채택완료

쏘쏘TH 9년 전 조회 3,674

현재 이렇게 되어있는데요.......


 

 

↓ 아래처럼 바꾸고 싶어서 해보는데 로그인창 뒤에 배경색이 뭘 해도 안사라집니다 .. ㅠㅠㅠㅠ

나름 도구로 찾아봐서 이것저것 css 수정해봤는데 저부분이 투명? 색이 안 없어지더라구요 ㅠㅠ

 

현재 분홍색으로 되어있는 부분을 반투명하게 하려고 만지다가 이상해진거 같아요..

배경그림을 넣을 예정이라 상단메뉴부분하고 테이블 부분만 투명하게 하려고 하다가 실패했어요 ㅠㅠ

 

 

 

 




head.php 소스구요

 

</p><p><?php</p><p>if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가</p><p> </p><p> </p><p>include_once(G5_PATH.'/head.sub.php');</p><p>include_once(G5_LIB_PATH.'/latest.lib.php');</p><p>include_once(G5_LIB_PATH.'/outlogin.lib.php');</p><p>include_once(G5_LIB_PATH.'/poll.lib.php');</p><p>include_once(G5_LIB_PATH.'/visit.lib.php');</p><p>include_once(G5_LIB_PATH.'/connect.lib.php');</p><p>include_once(G5_LIB_PATH.'/popular.lib.php');</p><p>?></p><p> </p><p> </p><p> </p><p><style></p><p>/*큰 틀 너비는 500*/</p><p>/*헤더메뉴콘텐츠푸터는 400*/</p><p>/*포인트컬러는 f58988*/</p><p> </p><p>/*링크걸린 곳 색상 굳이 안 건드리셔도 됩니다*/</p><p>a:link    {color:#000; text-decoration:none;}</p><p>a:visited {color:#000; text-decoration:none;}</p><p>a:active  {color:#000; text-decoration:none;}1</p><p> </p><p>/*마우스오버시*/</p><p>a:hover   {</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>color:#fff;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>text-decoration:none;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>background-color:#f58988;</p><p>/*마우스오버 부드럽게 하는 부분*/</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>-webkit-transition: all 0.3s ease-in-out;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>-moz-transition: all 0.3s ease-in-out;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>-o-transition: all 0.3s ease-in-out;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>-ms-transition: all 0.3s ease-in-out;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>transition: all 0.3s ease-in-out;}</p><p><span class="Apple-tab-span" style="white-space:pre">	</span></p><p>/*드래그 색상 부분*/</p><p>::-webkit-selection{background:#ccc;color:#fff;}</p><p>::selection{background:#ccc;color:#fff;} </p><p>::-moz-selection{background:#ccc;color:#fff;}</p><p> </p><p>body {<span style="font-size: 11pt; line-height: 1.5;">margin:0;</span><span class="Apple-tab-span" style="font-size: 11pt; line-height: 1.5; white-space: pre;">	</span></p><p> </p><p><span class="Apple-tab-span" style="white-space:pre">	</span></p><p><span class="Apple-tab-span" style="white-space:pre">	</span>/*익스플로러스크롤바*/</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>scrollbar-3dlight-color:#fff;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>scrollbar-arrow-color:#fff;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>scrollbar-track-color:#f58988;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>scrollbar-darkshadow-color:#fff;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>scrollbar-face-color:#fff;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>scrollbar-highlight-color:#fff;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>scrollbar-shadow-color:#fff}</p><p> </p><p><span class="Apple-tab-span" style="white-space:pre">	</span>/* Chrome, Safari용 스크롤 바 */</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>::-webkit-scrollbar {width: 8px; height: 8px;}</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>::-webkit-scrollbar-button {display: block; height: 0px; background:#f58988;}</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>::-webkit-scrollbar-track {background:#f58988;}</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>::-webkit-scrollbar-thumb {height: 0px; width: 10px; background:#fff; -webkit-border-radius: 8px; border-radius: 0px; -webkit-box-shadow:#fff;}</p><p><span class="Apple-tab-span" style="white-space:pre">	</span></p><p>#dobby {</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>max-width:500px;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>background:url(./img/bg.png);</p><p>margin-top: 30px;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>margin-left: auto;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>margin-right: auto;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>margin-bottom: auto;}</p><p> </p><p><span class="Apple-tab-span" style="white-space:pre">	</span></p><p>#header {</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>max-width:500px;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>margin:0 auto;}</p><p> </p><p>.title {</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>margin:0 auto;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>max-width:500px; </p><p><span class="Apple-tab-span" style="white-space:pre">	</span>/* background-color:#FCDCDC; */</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>background-color:rgba(245,137,136,0.15);</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>padding-top:20px;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>padding-bottom:20px;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>color:#ccc;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>font-family:'calibri','돋움';</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>font-size:9pt;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>font-weight:bold;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>text-align:center;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>letter-spacing:5px;</p><p>}</p><p><span class="Apple-tab-span" style="white-space:pre">	</span></p><p>.title a:link {color:#F58988; text-decoration:none;}</p><p>.title a:visited {color:#F58988; text-decoration:none;}</p><p>.title a:active  {color:#F58988; text-decoration:none;}</p><p>.title a:hover {color:#F58988;}</p><p><span class="Apple-tab-span" style="white-space:pre">	</span></p><p>.menu {</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>max-width:500px;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>margin:0 auto;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>padding-top:15px;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>padding-bottom:15px;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>border-bottom:solid #eee 1px;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>font-family:calibri;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>font-size:9pt;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>text-align:center;}</p><p> </p><p>#content {background-color:rgba(245,137,136,0.15);<span class="Apple-tab-span" style="white-space:pre">	</span>max-width:500px; <span class="Apple-tab-span" style="white-space:pre">	</span>margin:0 auto;<span class="Apple-tab-span" style="white-space:pre">	</span>padding-top:25px;<span class="Apple-tab-span" style="white-space:pre">	</span>line-height:180%;} </p><p> </p><p> </p><p> </p><p> </p><p></style></p><p></head></p><p> </p><p> </p><p> </p><p> </p><p><!-- 상단 시작 { --></p><p><div id="dobby"></p><p><div class="top"></div></p><p><div id="header"></p><p><div class="title"></p><p><a href="<?php echo G5_URL ?>"><?php echo $config['cf_title']; ?></a></p><p><span class="Apple-tab-span" style="white-space:pre">	</span><?php</p><p>            $sql = " select *</p><p>                        from {$g5['menu_table']}</p><p>                        where me_use = '1'</p><p>                          and length(me_code) = '2'</p><p>                        order by me_order, me_id ";</p><p>            $result = sql_query($sql, false);</p><p>            $gnb_zindex = 999; // gnb_1dli z-index 값 설정용</p><p> </p><p>            for ($i=0; $row=sql_fetch_array($result); $i++) {</p><p>            ?></p><p>    <a href="<?php echo $row['me_link']; ?>" target="_<?php echo $row['me_target']; ?>"><?php echo $row['me_name'] ?></a></p><p>                <?php</p><p>                $sql2 = " select *</p><p>                            from {$g5['menu_table']}</p><p> </p><p>                            where me_use = '1'</p><p>                              and length(me_code) = '4'</p><p>                              and substring(me_code, 1, 2) = '{$row['me_code']}'</p><p>                            order by me_order, me_id ";</p><p>                $result2 = sql_query($sql2);</p><p> </p><p>                for ($k=0; $row2=sql_fetch_array($result2); $k++) {</p><p>                    if($k == 0)</p><p>                        echo '<ul>'.PHP_EOL;</p><p>                ?></p><p>                    <li ><a href="<?php echo $row2['me_link']; ?>" target="_<?php echo $row2['me_target']; ?>" ><?php echo $row2['me_name'] ?></a></li></p><p>                <?php</p><p>                }</p><p> </p><p>                if($k > 0)</p><p>                    echo '</ul>'.PHP_EOL;</p><p>                ?></p><p>            </li></p><p>            <?php</p><p>            }</p><p> </p><p>            if ($i == 0) {  ?></p><p>                <li>메뉴 준비 중입니다.<?php if ($is_admin) { ?> 
<a href="<?php echo G5_ADMIN_URL; ?>/menu_list.php">관리자모드 > 환경설정 > 메뉴설정</a>에서 설정하실 수 있습니다.<?php } ?></li></p><p>            <?php } ?></div></p><p></div></p><p> </p><p><!-- } 상단 끝 --></p><p> </p><p> <div><?php echo outlogin('sir_garo_outlogin'); // 외부 로그인, ');   ?></div> </p><p><!-- 콘텐츠 시작 { --></p><p> </p><p><div id="content"></p><p> </p><p>

inde.php 소스임돠

 

</p><p><?php</p><p>define('_INDEX_', true);</p><p>include_once('./_common.php');</p><p> </p><p>if (G5_IS_MOBILE) {</p><p>    include_once(G5_MOBILE_PATH.'/index.php');</p><p>    return;</p><p>}</p><p> </p><p>// 초기화면 파일 경로 지정 : 이 코드는 가능한 삭제하지 마십시오.</p><p>if ($config['cf_include_index']) {</p><p>    if (!@include_once($config['cf_include_index'])) {</p><p>        die('기본환경 설정에서 초기화면 파일 경로가 잘못 설정되어 있습니다.');</p><p>    }</p><p>    return; // 이 코드의 아래는 실행을 하지 않습니다.</p><p>}</p><p> </p><p>include_once('./_head.php');</p><p>?></p><p><span class="Apple-tab-span" style="white-space:pre">	</span></p><p> </p><p><div style="width:490px; border:1px solid gray; height:200px; margin:0 auto; font-family: 'Oswald', sans-serif; text-align:center; line-height:40px; font-size:16pt;"></p><p><strong>최신글 추출</strong></p><p></div></p><p> </p><p><h2 class="sound_only">메인 최근게시물 레이아웃</h2></p><p> </p><p><h2 class="sound_only">최신글</h2></p><p><!-- 최신글 시작 { --></p><p> </p><p>  <?php  echo latest("simple_notice","TEXT","2",'40');?> </p><p>    </div></p><p> </p><p><!-- } 최신글 끝 --></p><p> </p><p><?php</p><p>include_once('./_tail.php');</p><p>?></p><div>
</div><div>

 



 

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
9년 전

음..  저 로그인창에 배경색을 홈펭지의배경색과 똑같은색(회색??)으로 주시면 될것같아보이는데요, 

 

body의 background 색상이 현재 회색이고

그 위에 분홍색 박스가 있고,

그 위에 로그인이 있는데 그 로그인 박스의 배경색이 설정되어있지 않기때문에(기본값이 투명) 저렇게 보이는것 같아요..

 

올리신 소스에 로그인창 css부분이 어딘지 모르겠어서 확실하진 않네오...

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

쏘쏘TH
9년 전
답변을 토대로 찾아보다 발견했는데 제가 div id랑 클래스를 잘못 설정해놨더라구요 ㅎㅎㅎ
수정하고 알려주신대로 백그라운드 색상 변경했더니 원하던 대로 나왔네요~
감사합니다 ㅎㅎㅎ

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인