 Re: Quick Homepage Makerで、始める！ホームページ制作講座 ( No.141 ) |
- 日時： 2013/10/30 20:32
- 名前： りり
- おぉっーーー、微妙な色が出ましたねーーー
#bee5cfというような色記号でも大丈夫なようです。
http://www.page.sannet.ne.jp/mtoga/html/bih-h_x1.htm
|
| Re: Quick Homepage Makerで、始める！ホームページ制作講座 ( No.142 ) |
- 日時： 2013/10/30 20:41
- 名前： りり
- こちらの方が色数が多いです。
http://www.page.sannet.ne.jp/mtoga/html/color/bih-h_cx.htm#top
|
| Re: Quick Homepage Makerで、始める！ホームページ制作講座 ( No.143 ) |
- 日時： 2013/10/31 09:15
- 名前： りり
- ぱそ吉さんの上のナビ、結局グレーにされて落ち着いて良い感じですね。
サイト全体が柔らかい緑とサーモンピンクの色調なのですが、メニューの文字を太くしっかりさせた分、色を抑えた方が、図柄が引き立つと思いました。
なかなかセンス良いんですねーーー
そうしてくると、メニューの文字が少し小さいかなと感じられてきますが、あとで、スタイルシート見てみますね。
多分、もう、ぱそ吉さんは、main.cssのメニューの文字フォントらしき記述は、お分かりになるかと思いますが。
最初は、１ページだけという雰囲気でしたが、いろいろ発想が湧いてきていらっしゃるようですね。
試行錯誤で、閲覧して気づいたら、即その場で修正できるというCMSの良さが、意欲を上げるのかもしれません。
どんどんページを追加できますから、今度は、ナビの横幅が足りないと感じられるでしょう。
私も、ナビをプルダウンメニューで、下に子ナビを付けたいなと思っているのですが、ちょっとQHMでは厄介な感じで。できないわけでは無く、実際にされている方もいらっいゃいますけど。
|
| Re: Quick Homepage Makerで、始める！ホームページ制作講座 ( No.144 ) |
- 日時： 2013/10/31 11:29
- 名前： ぱそ吉
- >そうしてくると、メニューの文字が少し小さいかなと感じられてきますが、あとで、スタイルシート見てみますね。
>多分、もう、ぱそ吉さんは、main.cssのメニューの文字フォントらしき記述は、お分かりになるかと思いますが。
検索しましたが
font-size が、14px; か 16px; がありすぎて、いまいち検討がつきません
色と組み合わせて検索すれば良いのか？
>最初は、１ページだけという雰囲気でしたが、いろいろ発想が湧いてきていらっしゃるようですね。
>即その場で修正できるというCMSの良さが、意欲を上げるのかもしれません。
>どんどんページを追加できますから、今度は、ナビの横幅が足りないと感じられるでしょう。
確かに｢今日のお気に入り｣みたいに、毎日更新しても５分も有れば出来ますので、いいですね
でも、もうこれ以上は増えないと思います
動画
#html{{
<embed
src="http://www.geocities.jp/clear_green_jewel/usagi7.wmv
"
border="0" width="640" height="360" autostart="false">
}}
|
| Re: Quick Homepage Makerで、始める！ホームページ制作講座 ( No.145 ) |
- 日時： 2013/10/31 19:41
- 名前： りり
- 209行目に、font-size: 1em; というのがあります。これを2emにすると、巨大すぎます。
pxで記述すると、微調整できます。
ただ今、画像を背景にしたメニュータイトルは、font-size: 20px;としてあります。
http://lily.todos.ne.jp/index.php
その下の細かいリンク先は、２３５行目で、やはり1emとなっていました。
ただ今、2emにしてあります。emは、大まかなサイズ指定ですね。
ここもpxで微調整したら良いかも。
あと、動画は、ぱそ吉さんは、htmlを使ったのですね。
http://fujigopc.com/qhm/index.php?%E5%8B%95%E7%94%BB%E3%81%AE%E3%82%A2%E3%83%83%E3%83%97%E3%83%AD%E3%83%BC%E3%83%89
#playvideo(動画のファイル名,横幅,縦幅)というプラグインも使えるのですね。
初期では、#playvideoプラグインは入っていないようですが、ぱそ吉さんのプラグインに入れてあったので、コピーしてうちにも入れ、#playvideo記述で動画を入れてみました。
#playvideoプラグインは記述が簡単ですね。
サイト内
#playvideo(AGDRec.wmv,640,360)
サイト外フルパス
#playvideo(http://todos.xsrv.jp/uploader/upl/AGDRec21.wmv,640,360)
どちらも大丈夫なようです。
http://lily.todos.ne.jp/index.php
|
| Re: Quick Homepage Makerで、始める！ホームページ制作講座 ( No.146 ) |
- 日時： 2013/10/31 20:51
- 名前： りり
- あと、横のメニューは、私の場合は…
*お奨めサイト[#tf21cacf]
** [[ＴＯＤＯＳ何でも情報交換>http://todos.xsrv.jp/check/check.cgi]] [#gcbb42b5]
** [[Ｇｏｏｇｌｅで検索>http://www.google.com/]] [#hdbb1eec]
** [[Ｙａｈｏｏ！ＪＡＰＡＮ>http://www.yahoo.co.jp/]] [#a8cdaeca]
&br;
*QHM関係のサイト [#i3eab78a]
** [[JCNのQHMナビ>http://jcnjp.com/guid/index.php?FrontPage]] [#bf84c9e3]
のようになっていて、
*ひとつで、背景に花の画像のあるタイトル
**二つで、ランクが下がって、ただの文字列になります。
メニュー内で、大まかな分野別にのタイトルを付けるとき、*ひとつにすると良いと思います。
|
| Re: Quick Homepage Makerで、始める！ホームページ制作講座 ( No.147 ) |
- 日時： 2013/10/31 21:30
- 名前： ぱそ吉
- >209行目に、font-size: 1em; というのがあります。これを2emにすると、巨大すぎます。
私のは変わりませんが？
/skin/hokukenstyle/org_dreamyflowers ですが
>あと、動画は、ぱそ吉さんは、htmlを使ったのですね。
ジオシティーは、ファイルの保存容量が100MB なので、
skydriveは、無料で、7MB もらえます
所が、ファイルアドレスを貰う時に、埋め込みコードを表示します
（真ん中の動画）
http://pasokiti.todos.ne.jp/index.php?douga
また、wmv は、AVI の２倍のサイズになりますので
150MB の AVI を、20MB 位にリサイズして、wmv に変換すると最終的に、40MB 位に押さえられます
>メニュー内で、大まかな分野別にのタイトルを付けるとき、*ひとつにすると良いと思います。
これは、あまりにも派手過ぎて駄目でした
|
| Re: Quick Homepage Makerで、始める！ホームページ制作講座 ( No.148 ) |
- 日時： 2013/10/31 22:04
- 名前： りり
- ＞＞209行目に、font-size: 1em; というのがあります。これを2emにすると、巨大すぎます。
>私のは変わりませんが？
いえ、変わっていますよ。メニューという文字列です。
これは、前の２倍になっています。
字数が少ないので、大き過ぎはしないですが。
その下のトップという文字が、1emです。
emではなくpxでの指定もできるようです。
|
| Re: Quick Homepage Makerで、始める！ホームページ制作講座 ( No.149 ) |
- 日時： 2013/10/31 22:33
- 名前： ぱそ吉
- >いえ、変わっていますよ。
再読み込みが、必要でした
ベリーグッドです
209行目 24px
235行目 16px
これくらいが、好きです
|
| Re: Quick Homepage Makerで、始める！ホームページ制作講座 ( No.150 ) |
- 日時： 2013/10/31 23:25
- 名前： りり
- 感じの良いバランスになりましたね。あのテンプレートは、もともとナビやメニューの文字が小さすぎましたね。沢山、並んだことを考えているのかもしれませんが。
あとは、以前トライされていた連絡先と…
一番下のナビ２ですね。
ナビ２は、もっと１ぺージが長くなって一番下まで行ったとき、上に戻らなくても、別のページへ移動するようリンクを用意していると思われます。
今、元のグレーのテンプレートに戻しましたが、うちの場合、サイトのナビ２編集で下のように書いています。
[[↑ページのトップへ>#navigator]] / [[HOME>FrontPage]] / [[ＱＨＭの使い方>QHMtec]] / [[旅行の写真>travels]] / [[Siteについて>Siteinformation]]/[[リンク]]
http://lily.todos.ne.jp/index.php
|
Quick Homepage Makerで、始める！ホームページ制作講座 