| かんたんスタイルでは機能しないのでスタンダード或いはエディターズにします。 テンプレートを開きます。判りやすく、(テーマ)趣味の紹介(テンプレート)ギャラリーにします。 |
|
:/ProgramFiles/IBMHomepageBuilderV10/tem plate/page_s/page01/html/hpb9tm10_7.css。下 段の説明欄はリンクされた外部スタイルシートと なっています。Wクリックすると内容が別に表示 されます(エラーが出る時は名前を付けて 保存)。下段のプロパティに適用されている内容 を表示。ファイル名Wクリックで修正できます。 |
![]() |
| CSSの修正は色を変える程度に留めておかな いと全体のバランスが崩れて、手が付けられ なくなるので注意してください。HTMLは当然 変えないといけません。例えば、□の○○の趣味 は文字ではなくロゴ(画像)です。 その部分をクリックしてソース編集画面を見ると 文字色が変化しているのでそこをドラッグして書換 えます。Cドライブから辿ってhpb9tm10_7.cssを右 クリック→編集で開きます。 の設定は新たなテンプレートに切り替えることです。 (使わない方がいい)。 |
![]() |
○○の趣味はロゴなのでロゴの挿入で変更できます。![]() |
|
| しかし、前の□と背景色は画像なので、背景画像を変える必要があります。 背景を変えると同じ位置にロゴの挿入ができなくなるのでウエブアートデザイナーなどで文字入れします。 下の画像はグレー部分を選択、黄色で塗りつぶしたものです。 ![]() |
|
| ほかの部分もhpb9tm10_7.cssファイルを編集する訳ですが、見てもわけがわかりません。 スタイルシートマネージャー |
|
![]() |
|
| スタイルシートマネージャー内のファイル名をWクリック、上記の外部スタイルシートが開きます。 そのプロパティが内容です。上のぎゃらりーのように文字が有る場合はそれをドラッグしてソース画面を見ると。 ![]() |
|
| その前に class="hpb-main" id="_HPB_LAYOUTTABLE_06" と言う部分が有ります。 これは今回の修正とは直接関係が有りません。 関係が有るのは外部スタイルシート一覧に出てくる、 hpb-subh02-cell1という部分です。 例えば上図のぎゃらりーをドラッグするとソース画面は <TD class="hpb-lb-tb1-cell4">ぎゃらりー</TD> となっています。これを外部スタイルシートで確認します。 |
![]() |
| 修正できるのは主に文字色と背景色です。 hpb-lb-tb1-cell4をWクリックするとスタイルの編集ダイアログが開くのでカラーと背景タブで 修正します。修正個所が判るように、サンプルのようにクラス名を貼り付けるといいでしょう。 修正前のページです。センスの問題ですが大幅な修正はしない方がいいことが判ると思います。 A(リンク)やP(段落)ページのプロパティ(フォントサイズ、背景色など)H(見出し)などBODYに 指定するものは、下にまとまっています。 修正した物をテンプレートとして再保存はファイル→ユーザーテンプレート→このページを追加です。 |
|
|
|