ソーシャルメディア あなたのDrupalサイトのフォントを変更する - ダミー

あなたのDrupalサイトのフォントを変更する - ダミー

Anonim

スタイル。 CSSファイルには、Drupalテーマのフォントの色、スタイル、およびサイズのルールが含まれています。ここでは、スタイルで表示されるフォントの外観を制御するために使用されるコーディングの一部について説明します。 css:

  • font:このタグはスタイルで一度だけ表示されます。 cssを指定し、サイト全体に使用するフォントを指定します。

  • font-size:テキストの大きさや大きさを制御します。

  • font-weight:テキストを太字に設定します。

    <! --1 - >
  • font-style:主にテキストを斜体に設定するために使用されます。

  • text-decoration:リンクに下線を付けるかどうかを制御します。

  • color:テキストの色を設定します。

次のコード行は、いくつかの主要なテキスト設定をスタイルで示しています。あなたが変更したいかもしれないCSS。 :76%/ 170%Verdana、Arial、Helvetica、sans-serif; color:#000000;}

この行では2つのことが起こっています。属性の色は、サイト全体のテキストの色を黒に設定します。このファイルの後の色を変更するルールが他にない場合は、サイトに黒色で表示されます。この仕様は、サイト全体のすべてのコンテンツテキストの色を制御します。

<! - 2 - >

フォント設定、76%/ 170%Verdana、Arial、Helvetica、sans-serifは、テキストサイズとフォントの両方を設定します。別のフォントと大きなテキストを使用する場合は、この行を次のように変更してください。

font:100%Times New Roman、Georgia、Serif;

これは、次の図に示すように、サイト全体のフォントを変更します。

<! - 3 - >

フォントはより大きく、VerdanaではなくTimes New Romanになりました。この例では、小さいフォントサイズとスタイルのVerdanaが選択され、この行がfont:76%/ 170%Verdana、Arial、Helvetica、sans-serifに変更されました。 。

a {テキスト装飾:なし; font-weight:bold;}

テキスト装飾は、サイトのリンクに下線を付けるかどうかを制御します。この場合、それらはそうではありません。 font-weightは、サイトのリンクを太字にします。

a:hover {text-decoration:underline;}

サイト上のリンクの1つ上にマウスカーソルを移動すると、下線が表示されます。カーソルを移動すると消えます。ホバーが表示されるたびに、カーソルが何かの上に移動してそこを一時停止することを指しています。

#branding {color:#000;}

色が#000に変更された場合、色は黒になり、黄色の背景に対して良く見えます。

CSSコードを変更する場合は、句読点をそのまま使用してください。たとえば、コードブロック内の各行がセミコロンで終わっていることを確認します。

ヒント ">試行錯誤はスタイルのスタイルを理解する方法の1つです。CSSはあなたのサイトのどの要素に属していますか?しかし、より簡単な方法があります。 FirefoxのWebブラウザを使用し、Firebugというアドインをインストールできます。これを行うと、Webブラウザにペインが開き、Webページの要素がどのようなスタイルで使用されているかが表示されます。

次の図では、どのスタイルの行が表示されていますか。 CSSはヘッダー内のサイト名の外観を制御しています。ブラウザの右下には、CSSコードのどこで書式が設定されているかを確認できます。 Firebugの詳細については、Getfirebugを参照してください。 com。

ヒント ">あなたは他の多くの詳細を微調整し、テーマを変更することができます。 Drupal。 org / theme-guideは非常に徹底したガイドです。

あなたのDrupalサイトのフォントを変更する - ダミー

エディタの選択

あなたのEOS 80D写真のためのキヤノンソフトウェアをインストールする> ダミー

あなたのEOS 80D写真のためのキヤノンソフトウェアをインストールする> ダミー

キヤノンは、これらはCanonのウェブサイトからダウンロードできます。あなたの国を選択して、次のページのモデル名プロンプトにEOS 80Dと入力してください。 [Drivers&Downloads]リンクをクリックして、システムにインストールするソフトウェアを見つけます。現在、Canonはお勧めします...

キヤノンEOS Rebel T6 / 1300Dの輝度ヒストグラムを解釈する - ダミー

キヤノンEOS Rebel T6 / 1300Dの輝度ヒストグラムを解釈する - ダミー

Rebel T6 / 1300Dのヒストグラムは、音域を示すのに役立ちます。写真編集プログラムで訂正するのが最も困難な問題の1つは、吹き飛ばされたハイライトまたはクリッピングされたハイライトとして知られています。両方の用語は、画像の最も明るい領域が露出オーバーになり、さまざまな領域が含まれることを意味します。

キヤノンEOS 60Dのライブモードオートフォーカス設定 - ダミー

キヤノンEOS 60Dのライブモードオートフォーカス設定 - ダミー

キヤノン60Dのライブモードオートフォーカスが最適です風景、肖像画、静物などの静止被写体を撮影するのに適しています。あなたがどこを走っているのかを撮影しているなら、あなたはライブモードを使って良いショットを集めることができないでしょう。セット...

エディタの選択

BlogHerが出版ネットワーク - ダミーの

BlogHerが出版ネットワーク - ダミーの

BlogHerが出版ネットワークは、お母さんに集中する最初の広告ネットワークの一つであった、と最初はママのブロガーに焦点を当てる。 BlogHerが、今はお母さんと女性の両方のはるかに大きい聴衆で動作し、まだママブロガーが自分の仕事からの収入を得る手助けする取り組みをリードするパイオニアです。 ...

あなたのママブログのカスタム広告キャンペーンのスポンサーをターゲットにする - ダミー

あなたのママブログのカスタム広告キャンペーンのスポンサーをターゲットにする - ダミー

あなたのママブログのための広告キャンペーン、あなたはキャンペーンの一部であることから多くの利益を受ける特定のスポンサーの後に行きたいかもしれません。あなたが同じことをどうやってできるかについてのいくつかの考えがあります:あなたが何を提供しなければならないかを知る。あなたができることを列挙してください。

オンラインコミュニティマネージャーとしてのあなたの役割を定義するダミー

オンラインコミュニティマネージャーとしてのあなたの役割を定義するダミー

あなたが非常に多くの異なることをするので、難しいです。一方では、お客様のために提唱しています。一方、あなたの忠誠心はあなたのブランドにあります。あなたは多くの異なる人や部門に答えて、さまざまな作業を行います。幸いなことに、オンラインコミュニティのほとんどは...

エディタの選択

従来のHTMLタグをHTML5と統合する方法 - ダミー

従来のHTMLタグをHTML5と統合する方法 - ダミー

圧倒的に新しいHTML5要素は、 HTMLの範囲と範囲つまり、古いタグ(ほとんどの場合)を置き換えません。たとえば、従来のHTMLの6つの見出しタグ、段落タグ、およびリンクは、HTML5ではすべて以前のバージョンのHTMLと同じように使用されます。 If ...

特定の機能のCSS3の検索方法 - ダミー

特定の機能のCSS3の検索方法 - ダミー

Dynamic DriveサイトのjQueryとjQuery UI CSS3で動作します。これらは、これらの2つのAPIをより効率的に使用するのに役立つ並べ替えの拡張です。 jQueryおよびjQuery UI CSSの場所は変更されません。スクリプトの中には、ダウンロードする必要のあるカスタムCSSファイルを提供するものもあります。