QHMの新世代のホームページ作成ソフト|簡単と安心で初心者に高評価、比較して見て下さい。

ページ名の文字を装飾する方法|QHMユーザーの為のカスタマイズ

ページ名の文字を装飾する方法




右上に書かれてるページ名を装飾及び左側に変更することが出来ます。

あまりこだわる必要はありませんが、簡単にできますので、必要であればお試しになって下さい。




ページ名の文字を装飾する

下記の「タグコード」を記述することで、装飾したページ名にすることが出来ます。

コード

//右上に表示しているページ名を装飾
#beforescript{{
<style type="text/css">
<!--
#content h2.title {
text-align:left;
font-size:20px;
color:red;
margin:0px;
padding-top:0px;
}
-->
</style>
}}



タグコードを、編集して指定場所に記述します。

「text-align:」は、右or左・・・・・・・「right 右寄せ」「left 左寄せ」
「font-size:」は、文字サイズ・・・・・・「xxpx」
「color:」は、文字色・・・・・・・・・「カラーコード」及び「カラーネーム」
「margin:」「padding-top:」余白・・・お好みに調整「xxpx」



タグコードを記述する場所

  • 「設定」~「サイト情報設定」の中の「その他のタグ」に記述する場合
    「#beforescript{{」「}}」の部分を省いた、上記のタグコードを「その他のタグ」に記述します。
  • これで、前ページに反映されます。



  • 「ナビ2」に記述する場合
    上記のタグコードを「ナビ2」に記述します。
  • これで、前ページに反映されます。
    コードの上に「//」を付けて名前を書くことで、後から見ても分かりやすいように
    しておくことをおすすめします。



  • 「編集ページ」に記述する場合
    上記のタグコードを「編集ページ」に記述します。
  • そのページのみに反映されます。
    コードの上に「//」を付けて名前を書くことで、後から見ても分かりやすいように
    しておくことをおすすめします。



  • 「CSSファイル」を変更する場合
    「FTP」を起動させて、「public_html」~「skin」~「hokukenstyle」~「デザイン名」
    の中から、「main.css」を、PCにダウンロードして、エディタでファイルを開いて編集します。

  その際、予期せぬことを考慮して「main.css」をコピー、バックアップしておいて下さい。

編集箇所は

#content h2.title {
text-align:right;
font-size:20px;
color:red;
margin:0;
padding-top:5px;
}

  編集後は、同じ場所にアップロードして完了です。

  • これで、前ページに反映されます。




このページは役に立ちましたか?

選択肢 投票
大変役に立った 0  
多少役に立った 0  
解かりづらかった 0  
まったく必要ない 0  




自動スパムコメントの回避の為、認証コードの4桁の数字を記入して下さい。




a:1062 t:1 y:1

powered by HAIK 7.2.5
based on PukiWiki 1.4.7 License is GPL. HAIK

最新の更新 RSS  Valid XHTML 1.0 Transitional