来期を待て。
×
[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。
時期レシピのレイアウトはほぼ決まり。
でもレシピ集本体のレイアウトに悩みまくりです。
フレームのようなものを用意して、そこにレシピ一覧をばーっと表示したい。
あと、最新のレシピやお奨めのレシピという項目も付け加えて。
でもフレームページは絶対に使いたくない。
でもCSSでどうやってフレームページを作ればいいのか良くわかんない。
……勉強してきます。
とにかく、見やすく分かりやすく、
インデックスから全てのページ飛べるようなのがいいんですよね。
リンク先となるレシピの大まかな紹介をページ上部に表示させられるようにも……勉強してきます。
でもレシピ集本体のレイアウトに悩みまくりです。
フレームのようなものを用意して、そこにレシピ一覧をばーっと表示したい。
あと、最新のレシピやお奨めのレシピという項目も付け加えて。
でもフレームページは絶対に使いたくない。
でもCSSでどうやってフレームページを作ればいいのか良くわかんない。
……勉強してきます。
とにかく、見やすく分かりやすく、
インデックスから全てのページ飛べるようなのがいいんですよね。
リンク先となるレシピの大まかな紹介をページ上部に表示させられるようにも……勉強してきます。
PR
追記
ブログのようにどのページからでもどのページへ飛べるようにしたい、というのであれば、手軽なところでJavaScriptを使用するのがいいでしょう。
CssでDiv属性を二つつくり、一つをメニュー、もう一つをメインとくくった上で、メニューDiv内にHTMLをPrintしてあげればいいわけです。
こうすることでメニュー更新時の修正箇所はJavascriptの独立ファイル(.js)一つになりますよー。
つまりメニューだけ別の部品にするわけですから、メインの表現は自由です。
メニューは常に表示でスクロールしても隠したくないのであれば、Divのheigthを100%などに指定したうえでscrollingをyesにしてあげるのが一番手っ取り早いです。
URLからはサンプルです。２分組みなので粗いんですが、まあ、JSから呼び出したりはしてるのでー。
CssでDiv属性を二つつくり、一つをメニュー、もう一つをメインとくくった上で、メニューDiv内にHTMLをPrintしてあげればいいわけです。
こうすることでメニュー更新時の修正箇所はJavascriptの独立ファイル(.js)一つになりますよー。
つまりメニューだけ別の部品にするわけですから、メインの表現は自由です。
メニューは常に表示でスクロールしても隠したくないのであれば、Divのheigthを100%などに指定したうえでscrollingをyesにしてあげるのが一番手っ取り早いです。
URLからはサンプルです。２分組みなので粗いんですが、まあ、JSから呼び出したりはしてるのでー。
カレンダー
| 03 | 2024/04 | 05 |
| S | M | T | W | T | F | S |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | |
| 7 | 8 | 9 | 10 | 11 | 12 | 13 |
| 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 |
| 28 | 29 | 30 |
フリーエリア
最新コメント
[03/12 No Name(笑)]
[12/11 NO NAME]
[10/06 ほのぼの～]
[09/22 No Name(笑)]
[09/21 名無し]
[09/19 舞々P]
[09/13 (ﾟДﾟ)]
[09/13 Af]
[09/10 空夜]
[09/09 gil]
リンク集
ブログ内検索
カテゴリー
プロフィール
ＨＮ：
クリ
性別：
男性
職業：
反面教師
趣味：
カラオケ・遊戯王カード・落書き他
自己紹介：
とてつもなくマイペースです。
目標：
全国津々浦々で使用される有名なデッキを作り上げる。
性格：
支離滅裂
連絡：
ご意見・ご連絡等はkurishirotのgmail.com宛(途中の”の”は半角の＠に)のメールでお願いします。メッセはflamenoah-ss-actのhotmail.co.jpが適当です。
目標：
全国津々浦々で使用される有名なデッキを作り上げる。
性格：
支離滅裂
連絡：
ご意見・ご連絡等はkurishirotのgmail.com宛(途中の”の”は半角の＠に)のメールでお願いします。メッセはflamenoah-ss-actのhotmail.co.jpが適当です。
最新トラックバック
バーコード
カウンター
アクセス解析