테이블 투명도? 위치? 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개
답변을 작성하려면 로그인이 필요합니다.
로그인
수정하고 알려주신대로 백그라운드 색상 변경했더니 원하던 대로 나왔네요~
감사합니다 ㅎㅎㅎ