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

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

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

본문

스킨상의 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; }
/* 최상단 레이어 시작(배경무) 끝 */
----------------------------------------------------------
이렇게 수정하시면..
스샷에서와 같이 배경유무에 따라 텍스트속성을 달리적용할수 있습니다...
  • 복사

댓글 전체

© SIRSOFT
현재 페이지 제일 처음으로