배경파일의 유무에 따라 탑메뉴의 글씨색상 다르게하기 정보
배경파일의 유무에 따라 탑메뉴의 글씨색상 다르게하기관련링크
http://www.iallu.com/blog/admin
180회 연결
http://www.iallu.com/blog/test2
203회 연결
본문
스킨상의 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>
<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">
<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>
<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">
<? } 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>
<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 { 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; }
/* 최상단 레이어 시작(배경유) 끝 */
#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; }
/* 최상단 레이어 시작(배경무) 끝 */
#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; }
/* 최상단 레이어 시작(배경무) 끝 */
----------------------------------------------------------
이렇게 수정하시면..
스샷에서와 같이 배경유무에 따라 텍스트속성을 달리적용할수 있습니다...
댓글 전체