[Slashdotjp-dev 3] バグ#3542:Pocket IE対策でリンク色指定をCSS化

Back to archive index

Oliver M. Bolzer olive****@faker*****
2004年 1月 12日 (月) 19:52:05 JST


変更の目的:Pcket IE 3.xは<a><font color="white">foo</font></a>みたいに
  リンクの色を変えることができず、<body link="foo" vlink="bar" alink="baz">
  の色が必ず適用されてしまうので、タイトルバー内などで背景とリンクの色が同じ
  になって、カモフラージュ状態になってしまう。(バグ#3542の分析結果)
  そこで、Pocket IE 3.xがCSS未対応なことを利用してリンク色をCSSで指定する
  ことで、Pocket IE 3.xではリンクがデフォルトカラーになるので、保護色は
  回避できる。NN 4.xも含め、CSS対応ブラウザには見た目の変化はない(はず)。

変更箇所:- default;misc;header(117)テンプレート
          - default;misc;html-header(119)テンプレート

添付:両テンプレートの変更前後

解説:色指定を<body>の属性から<head>内の<style>要素に移動。各セクションで
  色が違うので、外部スタイルシートファイルに追い出さずにここで指定。これ
  だけのために各セクション用のスタイルシートを準備するのはやりすぎ。

オマケ:動的作成されないすべての.shtmlでも同じ変更を手で加える必要があった。
  でないと、slashhead.inc更新に伴い、<body>内の指定が消え、CSS指定がない
  状態になってしまう。動的作成される.shtmlもslashhead.incのほうがより頻繁
  に更新されるので、.shtmlそのものが更新されるまでの回避策として手動変更

-- 

	Oliver M. Bolzer
	olive****@gol*****

GPG (PGP) Fingerprint = 621B 52F6 2AC1 36DB 8761  018F 8786 87AD EF50 D1FF
-------------- next part --------------
__section__
default
__description__
Text that makes up the VERY top of a page (separate from "header" so we can dynamically add stuff between the two)

* title = title for TITLE tag
__title__

__page__
misc
__lang__
en_US
__name__
html-header
__template__
[% DEFAULT title="$constants.sitename: $constants.slogan" %]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<link REL="shortcut icon" HREF="/favicon.ico" TYPE="image/x-icon">
<meta http-equiv="Content-Type" content="text/html; charset=euc-jp">
<meta name="Content-Language" content="ja">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<link rev="MADE" href="mailto:slash****@slash*****">
<link rel="INDEX" href="http://slashdot.jp/">
<link rel="CONTENTS" href="http://slashdot.jp/">
<style type="text/css">
  @import url("[% constants.rootdir %]/slashdot.css");
  [% PROCESS extra_style %]
</style>
<title>[% title | strip_notags %]</title>



__seclev__
10000
-------------- next part --------------
__section__
default
__description__
Text that makes up the VERY top of a page (separate from "header" so we can dynamically add stuff between the two)

* title = title for TITLE tag
__title__

__page__
misc
__lang__
en_US
__name__
html-header
__template__
[% DEFAULT title="$constants.sitename: $constants.slogan" %]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<link REL="shortcut icon" HREF="/favicon.ico" TYPE="image/x-icon">
<meta http-equiv="Content-Type" content="text/html; charset=euc-jp">
<meta name="Content-Language" content="ja">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<link rev="MADE" href="mailto:slash****@slash*****">
<link rel="INDEX" href="http://slashdot.jp/">
<link rel="CONTENTS" href="http://slashdot.jp/">
<style type="text/css">
  @import url("[% constants.rootdir %]/slashdot.css");
  [% PROCESS extra_style %]
  a:link{ color: [% user.bg.3 %]; }
  a:visited{ color: [% user.fg.1 %]; }
  a:active{ color: "[% user.fg.1 %]; }
</style>
<title>[% title | strip_notags %]</title>



__seclev__
10000
-------------- next part --------------
__section__
default
__description__
Text that makes up the top of a page

No specially passed variables
__title__

__page__
misc
__lang__
en_US
__name__
header
__template__
[% sectclass = user.currentSection;
   IF !sectclass or sectclass == 'index' or sectclass == 'articles'; sectclass = 'default'; END; %]
</head>
<body bgcolor="[% user.bg.0 %]" text="[% user.fg.1 %]" link="[% user.bg.3 %]" vlink="[% user.fg.1 %]" alink="[% user.fg.1 %]" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0" class="[% sectclass %]">

<!-- begin osdnnavbar -->
[% PROCESS osdnnavbar %]
<!-- end osdnnavbar -->

[% IF constants.run_ads %]
<!-- begin ad code -->
<div align="center" style="margin: 5px auto;">
<!--#echo encoding="none" var="AD_BANNER_1"-->
[% env.ad_banner_1 %]
</div>
<!-- end ad code -->
[% END %]

<table cellpadding="5" width="100%" bgcolor="[% user.bg.0 %]" summary=""><tr><td>

<!-- begin top title -->
[% IF user.currentSection == 'mac' %]
<table background="/images/stripe_background.gif" cellpadding="0" cellspacing="0" border="0" width="99%" align="center" bgcolor="[% user.bg.1 %]" summary=""><tr>
[% ELSE %]
<table cellpadding="0" cellspacing="0" border="0" width="99%" align="center" bgcolor="[% user.bg.1 %]" summary=""><tr>
[% END %]
<td align="left" valign="top">
[% PROCESS sitelogo %]
</td>

<td align="right" valign="middle">
<table cellpadding="2" cellspacing="0" border="0" width="100%" summary=""><tr>
[% UNLESS user.noicons || user.light %]
        [% PROCESS recentTopics %]
[% END %]
</tr></table>
</td>

[% UNLESS user.noicons || user.light %]
[% PROCESS topics %]
[% END %]

</tr></table>

<!-- end top title -->

<!-- begin main block -->

<table width="99%" align="center" cellpadding="0" cellspacing="0" border="0" bgcolor="[% user.bg.1 %]" summary=""><tr>

<td valign="top" rowspan="5" width="125" class="navigation">

  <!-- begin mainmenu block -->
[% PROCESS mainmenu %]
  <!-- end mainmenu block -->

  <div class="tilead" style="clear: both; margin-bottom: 2ex;">
<!--#echo encoding="none" var="AD_BANNER_3"-->
[% env.ad_banner_3 %]
  </div>

  <!-- begin sectionindex block -->
  <div class="sectionandsites">
  [% PROCESS sectionindexd %]
  <!-- end sectionindexd block -->
  <!-- begin organisation block -->
  [% PROCESS organisation %]
  </div>
  <!-- end organisation block -->

</td>

<td valign="top" align="left">

__seclev__
10000
-------------- next part --------------
__section__
default
__description__
Text that makes up the top of a page

No specially passed variables
__title__

__page__
misc
__lang__
en_US
__name__
header
__template__
[% sectclass = user.currentSection;
   IF !sectclass or sectclass == 'index' or sectclass == 'articles'; sectclass = 'default'; END; %]
</head>
<body bgcolor="[% user.bg.0 %]" text="[% user.fg.1 %]" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0" class="[% sectclass %]">

<!-- begin osdnnavbar -->
[% PROCESS osdnnavbar %]
<!-- end osdnnavbar -->

[% IF constants.run_ads %]
<!-- begin ad code -->
<div align="center" style="margin: 5px auto;">
<!--#echo encoding="none" var="AD_BANNER_1"-->
[% env.ad_banner_1 %]
</div>
<!-- end ad code -->
[% END %]

<table cellpadding="5" width="100%" bgcolor="[% user.bg.0 %]" summary=""><tr><td>

<!-- begin top title -->
[% IF user.currentSection == 'mac' %]
<table background="/images/stripe_background.gif" cellpadding="0" cellspacing="0" border="0" width="99%" align="center" bgcolor="[% user.bg.1 %]" summary=""><tr>
[% ELSE %]
<table cellpadding="0" cellspacing="0" border="0" width="99%" align="center" bgcolor="[% user.bg.1 %]" summary=""><tr>
[% END %]
<td align="left" valign="top">
[% PROCESS sitelogo %]
</td>

<td align="right" valign="middle">
<table cellpadding="2" cellspacing="0" border="0" width="100%" summary=""><tr>
[% UNLESS user.noicons || user.light %]
        [% PROCESS recentTopics %]
[% END %]
</tr></table>
</td>

[% UNLESS user.noicons || user.light %]
[% PROCESS topics %]
[% END %]

</tr></table>

<!-- end top title -->

<!-- begin main block -->

<table width="99%" align="center" cellpadding="0" cellspacing="0" border="0" bgcolor="[% user.bg.1 %]" summary=""><tr>

<td valign="top" rowspan="5" width="125" class="navigation">

  <!-- begin mainmenu block -->
[% PROCESS mainmenu %]
  <!-- end mainmenu block -->

  <div class="tilead" style="clear: both; margin-bottom: 2ex;">
<!--#echo encoding="none" var="AD_BANNER_3"-->
[% env.ad_banner_3 %]
  </div>

  <!-- begin sectionindex block -->
  <div class="sectionandsites">
  [% PROCESS sectionindexd %]
  <!-- end sectionindexd block -->
  <!-- begin organisation block -->
  [% PROCESS organisation %]
  </div>
  <!-- end organisation block -->

</td>

<td valign="top" align="left">

__seclev__
10000


Slashdotjp-dev メーリングリストの案内
Back to archive index