スタイルシートになるのでしょうか・・



パソコントラブル解決・過去ログTOP  >  ログTOP

▲このページのトップに戻る
10176スタイルシートになるのでしょうか・・空 9/7-01:01

メーカー名：富士通
OS名：Windows98
パソコン名：FMV
ソフト名：IE
--
すみません、よろしくお願いします。
ホームページ内でURLの下線を見えなくしたり、ポイントした時にURLの色を変えら
れるような
タグ記述がありますが、記述したページを失ってしまい、あっちこっち探して
いるのですが、見つからずこちらへお邪魔しました。

例　最初のリンクの色は白　リンクにポイントを当てた時は赤　見えて
いなかった下線の色をポイントをあてた時に赤、こんな設定で記述の仕方を
ご存知ある方がおられましたら、ぜひ教えて下さい。

それと、文字にポイントすると影のような背景ができる記述もお願いします。
これはJavaScriptになるのかな？

よろしくお願いします。

▲このページのトップに戻る
10179Re:スタイルシートになるのでしょうか・・無人 9/7-01:28
記事番号10176へのコメント
http://tohoho.wakusei.ne.jp/
熟読すべし。
それ以外にも、気に入ったページを見つけたときはソースを見る癖をつける。

#ポイント時の下線は、
[インターネットオプション]→[詳細設定]→[リンクの下線]でも可。

▲このページのトップに戻る
10182Re:スタイルシートになるのでしょうか・・空 9/7-01:52
記事番号10179へのコメント
無人さんは No.10179「Re:スタイルシートになるのでしょうか・・」で書きました。
>http://tohoho.wakusei.ne.jp/
>熟読すべし。

早速有難うございます。
実は今、とほほさんのページ内を探し回っています。
もう少し頑張ってみます。

>それ以外にも、気に入ったページを見つけたときはソースを見る癖をつける。

そうですね。これまでにずい分収集していたのですけどね。

>#ポイント時の下線は、
>[インターネットオプション]→[詳細設定]→[リンクの下線]でも可。

あ、これはちょっと説明不足でした。
あくまでもJavaScriptで下線をだす方法です。
ご回答有難うございます。

▲このページのトップに戻る
10233Re:スタイルシートになるのでしょうか・・キャスバル 9/7-21:29
記事番号10176へのコメント
>例　最初のリンクの色は白　リンクにポイントを当てた時は赤　見えて
>いなかった下線の色をポイントをあてた時に赤…

<style type="text/css">
a { color: #FFFFFF; text-decoration: none}
a:hover { color: #FF0000; text-decoration: underline}
</style>
とか、こんなあんばい？
「見えていなかった下線の色をポイントをあてた時」ってのが
ちょっと意味を汲み取れないのでわからないのですが。。。


>それと、文字にポイントすると影のような背景ができる記述もお願いします。
>これはJavaScriptになるのかな？
全てのOS、ブラウザで同等の表現ができるようにするのなら、
以下を参照ください。
元の画像ファイル（ほげ1.gif）とマウスオーバーの画像ファイル（ほげ2.gif）が
必要だけど。（長くてごめんちゃい）


<script language="JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<BODY bgcolor="#FFFFFF" onLoad="MM_preloadImages('ほげ2.gif')">
<A href="リンク先.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','ほげ2.giif',1)">
<IMG name="Image1" border="0" src="ほげ1.gif" width="**" height="**">
</A>
</BODY>

Scriptは途中で変な改行入れちゃダメよ。

▲このページのトップに戻る
10241Re:スタイルシートになるのでしょうか・・milkhouse URL9/7-22:51
記事番号10176へのコメント
>例　最初のリンクの色は白　リンクにポイントを当てた時は赤　見えて
>いなかった下線の色をポイントをあてた時に赤、こんな設定で記述の仕方を
>ご存知ある方がおられましたら、ぜひ教えて下さい。

スタイルシートで定義します

<STYLE TYPE="text/css">
<!--
A:link {text-decoration:none;color:#ffffff;}
A:visited {text-decoration:none;color:#ffffff;}
A:active {color:#ff0000;}
A:hover {color:#ff0000;}
-->
</STYLE>

解説
A:link・・color:#ffffff;}　リンクの色を白、下線無し
A:visi・・color:#ffffff;}　既訪問先リンクの色を白、下線無し
A:acti・・color:#ff0000;}　選択したリンクの色を赤、下線あり
A:hove・・color:#ff0000;}　マウスが乗っているリンクの色を赤、下線あり
こんなかんじです
下線はtext-decorationで、リンク色はcolorで変更します

>それと、文字にポイントすると影のような背景ができる記述もお願いします。

いっている意味がよくわかりませんが
影のような背景？？・・フィルターを使うと可能です

▲このページのトップに戻る
10244Re:スタイルシートになるのでしょうか・・空 9/7-23:35
記事番号10241へのコメント
みなさん、色々と有難うございました。
早速メモ帳に記述して試してみたいと思います。
助かりました。

スタイルシートは<HEAD></HAED>の間でよろしかったですね。

▲このページのトップに戻る
10361Re:スタイルシートになるのでしょうか・・milkhouse URL9/9-17:45
記事番号10244へのコメント
>スタイルシートは<HEAD></HAED>の間でよろしかったですね。

その通りですヨ
通常ヘッダーに書きます

外部ファイルとして
多数のページから読み込む場合は

<head>
<style type="text/css">
</style>
<link rel="stylesheet" href="○○○.css" type="text/css">
</head>

と書き、○○○.css　というスタイルシートファイルを用意します

パソコントラブル解決・過去ログTOP  >  ログTOP  >  スタイルシートになるのでしょうか・・

A1.本ページは参考になりましたか？　又はアドバイスがありますか？
解決　参考になった　参考にならなかった　アドバイスする

A2.何度目の訪問ですか？
初めて来た　　　数度目(２〜４)　５回以上来ている　　 管理人:

A3.何か一言どうぞ(アドレスは書くことができません)

A4.アドレスがあればどうぞ(１つまで)


↑↑↑↑よろしければ押してください↑↑↑↑

何か一言(本ページで参考になったならないを含めて残してあります)
◎：解決　○：参考になった　×：参考にならなかった　！：アドバイスあり

参考回数投稿日時何か一言
(社)日本お助け隊
人間関係のトラブルの相談にのります。
電話相談無料。
和魂カウンセラー認定講座
和魂カウンセラー認定をしています。
全国イベントスケジュール
イベントが登録でき申込みできます。無料。