배경파일의 유무에 따라 탑메뉴의 글씨색상 다르게하기

· 19년 전 · 1931
ss.jpg
스킨상의 head.skin.php
----------------------------------------------------------
<div id="top">
    <table border=0 cellpadding=0 cellspacing=0 width=100%>
    <tr>
        <td id="top_logo">
            <a href="<?=$g4['path']?>/gblog.index.php"><img src="<?=$blog_skin_url?>/img/gblog.gif" border=0></a>
        </td>
        <td id="top_menu">
          <a href="<?=$g4['path']?>">iallu 홈</a> |
          <a href="<?=$g4['path']?>/gblog.index.php">iallu 블로그</a> |
          <? if( !empty($member['mb_id']) ) { ?>
          <a href="<?=$member['blog_url']?>">내 블로그</a> |
          <? } ?>
          <? if( $gb4['use_random_blog'] ) { ?>
          <a href="<?=get_random_blog_url()?>">랜덤 블로그</a>
          <? } ?>
        </td>
    </tr>
    </table>
</div>
----------------------------------------------------------
이 부분을...
----------------------------------------------------------
<? if( file_exists($current['background_image_path']) ) { ?>
<div id="top">
    <table border=0 cellpadding=0 cellspacing=0 width=100%>
    <tr>
        <td id="top_logo">
            <a href="<?=$g4['path']?>/gblog.index.php"><img src="<?=$blog_skin_url?>/img/gblog.gif" border=0></a>
        </td>
        <td id="top_menu">
          <a href="<?=$g4['path']?>">iallu 홈</a> |
          <a href="<?=$g4['path']?>/gblog.index.php">iallu 블로그</a> |
          <? if( !empty($member['mb_id']) ) { ?>
          <a href="<?=$member['blog_url']?>">내 블로그</a> |
          <? } ?>
          <? if( $gb4['use_random_blog'] ) { ?>
          <a href="<?=get_random_blog_url()?>">랜덤 블로그</a>
          <? } ?>
        </td>
    </tr>
    </table>
</div>
<? } else { ?>
<div id="top2">
    <table border=0 cellpadding=0 cellspacing=0 width=100%>
    <tr>
        <td id="top2_logo">
            <a href="<?=$g4['path']?>/gblog.index.php"><img src="<?=$blog_skin_url?>/img/gblog.gif" border=0></a>
        </td>
        <td id="top2_menu">
          <a href="<?=$g4['path']?>">iallu 홈</a> |
          <a href="<?=$g4['path']?>/gblog.index.php">iallu 블로그</a> |
          <? if( !empty($member['mb_id']) ) { ?>
          <a href="<?=$member['blog_url']?>">내 블로그</a> |
          <? } ?>
          <? if( $gb4['use_random_blog'] ) { ?>
          <a href="<?=get_random_blog_url()?>">랜덤 블로그</a>
          <? } ?>
        </td>
    </tr>
    </table>
</div>
<? } ?>
----------------------------------------------------------
이렇게 수정한 다음에...
 
스킨상의 style.css
----------------------------------------------------------
/* 최상단 레이어 시작 */
#top { width:800px; margin:0px auto; margin-top:10px; margin-bottom:10px; }
#top_logo { text-align:left; vertical-align:top; }
#top_menu { text-align:right; vertical-align:top; }
#top_menu ul { margin:0px; padding:0px; }
#top_menu li { display:inline; margin-left:30px; }
#top_menu a  { background-color:#fff; }
/* 최상단 레이어 끝 */
----------------------------------------------------------
요부분을...
----------------------------------------------------------
/* 최상단 레이어 시작(배경유) */
#top { width:800px; margin:0px auto; margin-top:10px; margin-bottom:10px; }
#top_logo { text-align:left; vertical-align:top; }
#top_menu { font-weight:bold; text-align:right; vertical-align:top; color:#fff;}
#top_menu li { display:inline; margin-left:30px; }
#top_menu ul { margin:0px; padding:0px; }
#top_menu a  { font-weight:bold; color:#fff; }
/* 최상단 레이어 시작(배경유) 끝 */
 
/* 최상단 레이어 시작(배경무) */
#top2 { width:800px; margin:0px auto; margin-top:10px; margin-bottom:10px; }
#top2_logo { text-align:left; vertical-align:top; }
#top2_menu { font-weight:bold; text-align:right; vertical-align:top;}
#top2_menu li { display:inline; margin-left:30px; }
#top2_menu ul { margin:0px; padding:0px; }
#top2_menu a  { font-weight:bold; }
/* 최상단 레이어 시작(배경무) 끝 */
----------------------------------------------------------
이렇게 수정하시면..
스샷에서와 같이 배경유무에 따라 텍스트속성을 달리적용할수 있습니다...

첨부파일

ss.jpg (20.7 KB)
0회 2007-01-02 21:59
|
댓글을 작성하시려면 로그인이 필요합니다.

그누4 플러그인

그누보드에는 여러가지 기능 추가가 쉽도록 제작 되었습니다. 플러그인의 저작권은 해당 플러그인 제작자님께 있으며, 그누보드의 저작권과 다를 수 있습니다. 플러그인 다운로드시 좋아요와 감사의 코멘트를 남기시면 제작자에게 큰 힘이됩니다. ^^y

+
제목 글쓴이 날짜 조회
19년 전 조회 1,367
19년 전 조회 1,294
19년 전 조회 1,811
19년 전 조회 1,191
19년 전 조회 1,535
19년 전 조회 1,525
19년 전 조회 1,386
19년 전 조회 1,932
19년 전 조회 1,719
19년 전 조회 1,474
19년 전 조회 1,487
19년 전 조회 1,278
19년 전 조회 1,338
19년 전 조회 2,676
19년 전 조회 2,912