Tag Archives: ホームページビルダーでcssを設定

ホームページビルダーの操作
外部CSSの作り方とCSSエディッタの操作

CSSを書く場所は、3か所。

  • タグに直接スタイルを設定する
  • ページにCSSを書く
  • 外部にCSSを作成する

今回は、ホームページビルダーでの、外部スタイルシートの設置方法。
そして、ホームページビルダーの付属ツールCSSエディタの使い方を説明します。


Continue Reading

ホームページビルダー・スタイルシートマネージャの操作 リストタグのCSS設定


 
今回は、初心にかえって(??)ホームページビルダーのスタイルシートマネージャの操作についてです。
よく使う「リスト」の項目ですが、ピクトグラムで表されているので、直感的にわかるはずなのに、意外と、アレ?と、思うこと方もいるかも……私がそうでした^^;


Continue Reading

ホームページビルダーの操作 タグに直接スタイルを設定する方法

・
 
ここだけ色を変えたい! と、思うことは結構ある。
でも、その為だけに、わざわざスタイルを作るまでもない。
って時に、使うのが、タグに直接スタイルを書く方法。
今回は、そのホームページビルダーの操作を仕方を紹介!


Continue Reading

ホームページビルダー HTMLを入力しながらCSSを設定するもう一つの方法

もう、寒くならないでーーーーー
春ですね(イメージ画像梅の花)

前回書いた、タグ一覧を使った入力は、なかなか便利だと思うのですが、
階層表示なので、慣れないと見づらいですよね。
また、文章も、ぱっと全文を見られないので戸惑ってしまいます。
やっぱり、ページ編集画面で操作をしたい! 
と、いうかた向けの方法を今回は、まとめてみました。

Continue Reading

5分で1ページを作成 ホームページビルダーでHTMLを入力しながらCSSも設定する方法

はじめに

タイトルで、ご来訪いただきました皆さま。
どうか、あらかじめご了承ください。
5分と申しましても、ページの内容によります。

また、当記事は、
ホームページビルダーの操作説明(タグとスタイルの入れ方説明)でございます。
色々な意味で、ひく~~い、クオリティには、
目を瞑っていただければ、幸いでございます(>_<)。
ごめんちゃいです

今回は、こちらの記事で書いたホームページビルダーの操作方法/HTMLタグの挿入方法に、同時にCSSを書く方法をまとめたものです。

この方法はにつきましては、
・ページの内容が、ほぼほぼ確定している
・ページのデザインも、ほぼほぼ描けている。
こんな方向き入力方法です。

Continue Reading

2カラムのページを作ろう 7 サイドバー メニューの設定【display : block】でボタンぽく

ページの構造概念図

いま作っているもののサンプルページは、こちらから

左サイドメニューの設定だよ~~~

Continue Reading

2カラムのページを作ろう 6 メイン記事設定【overflow : auto;】で小窓を作る

今回は、フロートさせた、メイン記事部分の設定です。

【overflow : auto;】というスタイルを使って
こんな小窓を作成します。
動かしてみてね~~
 
 
 
 
 
 
 
 

 
Continue Reading

2カラムのページを作ろう 3 ヘッダー部分のスタイル設定

今日は猫の日 猫の画像

今日は、2月22日ニャンコの日です!
GIMPでやっつけで画像を切り抜きました……
ふちが、ざつだね……(>_< ) うちの子ではありませんよ。
さて、今日は、ヘッダー部分のスタイルの設定をしていきます。


Continue Reading

2カラムのページを作ろう 2 CSSリセットから外枠の設定

今日は、スタイルのリセットと、外枠の設定。

短くて、ごめんなさい(>_< )

お詫びに↓↓↓管理人が作ったヘタクソ・アイコン良かった持って帰ってね!
白背景で使ってね。
ハートのアイコン赤  ハートのアイコンピンク

Continue Reading

1カラムの簡単なページを作る4
CSSのリセットをする

前の記事
← ← ←1カラムの簡単なページを作る3 ページの構造

作成の手順

  1. 各ボックスのCSSを作成していきます。
    bl_1step5.gif
    ↑↑↑このボックスのスタイルを先に作ります。
  2. 文章にHTMLタグを設定し、スタイルの指定をします。

Continue Reading