人に聞けない痔の悩み、これでスッキリ >>

Dreamweaverを使用しております。
同じページ内で、テキストリンクの文字色を何箇所か変えたいのですが、方法が分かりません。

今は、「ページプロパティ」の「リンク」のところで設定しておりますが、それだとページ内の全てのテキストリンクが同じ色になります。
出来ましたら、直接タグを入力する方法ではなく、Dreamweaverの操作の中で設定出来る方法を教えて頂きたいです。

よろしくお願い致します。

このQ&Aに関連する最新のQ&A

A 回答 (9件)

ここはごめんなさい、cssを手書きで編集です。



a:link {
のaの前にclass名を追加して、半角スペースで区切ります

こんな感じ
.link2 a:link {

それを4つに書く
「テキストリンク色の設定(Dreamwea」の回答画像5
    • good
    • 0

>保存場所


保存場所は、外部(新規スタイルシート)でも、その「ドキュメントのみ」でもご自身が使っているcssの環境にあわせてくれれば問題ないですよ。
    • good
    • 0

あーごめんなさい、以上で色が変わるはずなんですけど


これだとJAZZ-NYさんのやりたいようにするのにはちょっと無駄がありました。

クラス名 a:linkを
a.クラス名:link(例:a.link3:link、a.link3:visited 、a.link3:hover、a.link3:active、)にして

<p class="link2"><a href="#">リンクの色を変えたい</a></p>

<p><a href="#" class="link3">リンクの色を変えたい</a></p>

<P>じゃなく<a>に class="link3"を追加
手順はさっきまでと同じです、pじゃなくaを選んでプロパティパネルからクラス名を追加してください。

この回答への補足

salonpathさん

いろいろとアドバイス、ありがとうございます。
No.7までのやり方で何とか出来ました。
No.8は、上の手順のどこからをNo.8にすればいいのか分からなかったので、まだやっておりませんです。

でも、細かいアドバイス、本当にありがとうございました。

補足日時:2009/07/06 06:47
    • good
    • 0

プロパティパネルのスタイルから(2)


さっき追加した.link2を選択(3)

そうすると
<p><a href="#">リンクの色を変えたい</a></p>
が、こうなります
<p class="link2"><a href="#">リンクの色を変えたい</a></p>
「テキストリンク色の設定(Dreamwea」の回答画像7
    • good
    • 0

たとえばこうゆうソースの


<p><a href="#">リンクの色を変えたい</a></p>
リンク(a)の上の要素をクリックすると(この場合<p>)

テキストが選択されるのでその状態で
「テキストリンク色の設定(Dreamwea」の回答画像6
    • good
    • 0

そうすると全部のリンク色が変わってるけど、気にせず残りのa:visited、a:hover、a:activeも同じように色指定

「テキストリンク色の設定(Dreamwea」の回答画像4
    • good
    • 0

適当な色を選択

「テキストリンク色の設定(Dreamwea」の回答画像3
    • good
    • 0

cs3の画面なので多少違うかもしれません



新規cssルールの窓が立ち上がったら
詳細設定にチェックをいれて、プルダウンをクリックすると
リンク関係の指定が出来ます

とりあえず一番上のa:linkを選んで、
「テキストリンク色の設定(Dreamwea」の回答画像2

この回答への補足

salonpathさん
画像まで作って下さり、ありがとうございます。
MX2004では、「CSSルール」ではなく、「新規CSSスタイル」というのがあります。

ご説明のとおりに進めてみましたが、「保存場所」を聞いてきました。
同じようには進められないようです。
時間を作って、もう少し触ってみます。
もしそのときに、お付き合い頂けましたら、よろしくお願い致します。

補足日時:2009/07/04 02:51
    • good
    • 0

>Dreamweaverの操作の中で教えて頂きたいです。


dreamwaverのバージョンが書いてませんがcs4ですか?

テキストリンクの文字色は4種類(a:link、a:visited、a:hover、a:active)設定できます、全部ですか?
dreamweeaverでのcssの編集やclassの追加などの操作は出来ますか?
「テキストリンク色の設定(Dreamwea」の回答画像1

この回答への補足

salonpathさま
早速のご回答、ありがとうございます。

バージョンは、「MX 2004」です。
>全部ですか?
出来れば、全部です。

CSSの編集は、「テキスト」「CSSスタイル」「スタイルの管理」から出来ますが、ウインドウで表示されているところだけですね。
Classについては、よく分かりませんです。

よろしくお願い致します。

補足日時:2009/07/03 20:26
    • good
    • 0

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

QDreamweaverで、問い合わせフォームを作成し、”送信”ボタンでメールを送信する設定方法

Dreamweaverで問い合わせフォームを作成して、メールを送信できるようなページを作成したいと思っています。

参考書や下記のページ
http://juen-cs.dl.juen.ac.jp/html/hp/13/02/explanation.html

を参考に作成を行いました。
大体出来上がったのですが、送信ボタンを押してもメール送信ができません。CGIなどの設定が必要だというページなども見たのですが、Dreamweaverにはこのような設定も行える箇所があるのでしょうか?

ご教授いただきますようよろしくお願いいたします。

Aベストアンサー

> フォームは基本的にCGIと対になりますが、今回はフォームの作成の方法の説明を行います。
> 細かな設定などは、実際にCGIとの兼ねあいがありますので、CGIのプログラムとインターフェイスの調整をしなくてはいけません。

と書かれているとおり、CGIが必要になります。
「フォームメールCGI」などで検索して、
シンプルなものをダウンロードしてきて、設定してアップロードします。

Dreamweaverででもできなくはないですが、
配布しているところの設置方法に従ってやったほうがよいかと思います。

Dreamweaverでやるのは、フォームのレイアウトやデザインの調整です。

Qリンクの下線を消す

リンクを貼ると出るアンダーラインを、出ないようにするにはどうしたらよいのでしょうか?
できれば、Dreamweaverでのやり方を教えていただけないでしょうか?
多分スタイルシートだと思ったのですが...。
どうぞご存知の方よろしくお願いします。

Aベストアンサー

>Dreamweaverでのやり方教えていただけないでしょうか?
ということですので、ページ内の全てに下線を表示させない場合は
1)リンクを貼りたい文字を選択してリンクさせます。
2)リンクを貼った文字を選択した状態で
  「テキスト」メニュー→「CSSスタイル」→「スタイルシートの編集」を選択
3)表示される「スタイルシートの編集」ダイアログで「新規作成」ボタンを押す
4)表示される「新規CSSスタイル」ダイアログで以下のように設定します。
   「タグ」→「a」を選択
   「タイプ」→「HTMLセレクタと疑似クラスの使用」を選択
   「定義場所」→「現在のドキュメントのみ」を選択
5)表示される「a用のCSSスタイル定義」ダイアログで下記のように設定します。
   右のカテゴリから「タイプ」を選択
   「タイプ」のメニューから「飾り」→「なし」を選択

以上で下線が表示されません。

Qドリームウィーバーでテーブルの背景色の変更方法を教えてください

ドリームウィーバーで作成したHPの背景色の変更はできますが

テーブルを作成した場合、
そのテーブルの背景だけを他の色や画像を使用したいのですが

どのように指定すればテーブルの背景をへんこうできますか?

今は直接タグを変更しております

よろしくお願いします

Aベストアンサー

直接タグを編集する場合

■背景に画像(背景画像がimgフォルダの中のhaikei.gifなら)
<table background="img/haikei.gif" >
<tr>
<td>
</td>
</tr>
</table>

■背景色をつける(テーブルを赤にセルの一部を黄色にするなら)
<table bgcolor="#FF0000">
<tr>
<td></td><td bgcolor="#FFFF00"></td>
</tr>
</table>
こうすることで、テーブルが赤で、右側のセルだけが黄色になります。

Qリンクテキストの下線を消したい(dreamweaver)

CSSを使ってリンクテキストの下線を消し、さらにテキストの色も変えたいのですが、CSSの設定の中を探しても見当たりません。教えてください。ちなみにバージョン6.0です。

Aベストアンサー

リンクにマウスが乗っている時やクリックした時もでしょうか?
その場合、以下のコードを書いてください。ここでは文字色は「白」を指定しています。

*****CSS*******************
a, a:hover, a:active {
text-decoration: none;
color: #FFFFFF;
}

また、マウスが乗っている時やクリックした時したときに背景色を変えたければ、以下のコードを追加してください。

a:hover {
background-color: #FF0000;
}

a:active {
background-color: #0000FF;
}

色コードは色名でない方がdreamweaverはいいです。細かく自分で編集したい場合は、CSSファイルを開き、「デザイン」パネルの「CSSスタイル」で「スタイルの編集」をチェック。右下のゴミ箱の横「スタイルシートの編集」をクリックすれば、スタイルシートの編集画面が出てきます。

がんばって~

Qイラレで背景の色を変更するにはどうしたら良いですか?

イラレで背景の色を変更するにはどうしたら良いですか?


イラレで、通常、背景の色は白色に設定されていますが、
これを変更するにはどうしたら良いのでしょうか?

また、bmpやjpgといった画像ファイルに出力するときにも
背景は白色で出力されます。
これの色を変更するにはどうしたら良いですか?

よろしくお願いいたします。

Aベストアンサー

Illustratorには背景色という物が存在しません
印刷物を制作する場合普通は白い紙に印刷するからでしょうねキット
四角を書いて一番したに置きご希望の色にして下さい

Q【DreamWeaver】「コード」画面の文字を大きくしたい

ドリームウィーバー8(Win)使用者です。
HTMLを表示する「コード」画面の文字が小さくて目が疲れるため、もう少し大きくならないかと考えています。
DreamWeaverの機能としてなんとかなりませんでしょうか?
お詳しい方、よろしくお願いいたします。

Aベストアンサー

「編集」「環境設定」「フォント」を選択。
「コードビュー」「サイズ」を16ptを選択。


人気Q&Aランキング

おすすめ情報