ホームページを作ってると「テンプレにリンクが少ない」と指摘を受け、サイトのフッターによくメニューリンクを設置することがあります。
ネットサーフィンなんかでもよく見かけるサイト最下部のサイトマップのようなものです。
これを又もや実験で設置いたしました。
スクロールが面倒くさいと思う方へ
左側の「▼」ボタンでページ下部へスクロールします。
ホームページを作ってると「テンプレにリンクが少ない」と指摘を受け、サイトのフッターによくメニューリンクを設置することがあります。
ネットサーフィンなんかでもよく見かけるサイト最下部のサイトマップのようなものです。
これを又もや実験で設置いたしました。
スクロールが面倒くさいと思う方へ
左側の「▼」ボタンでページ下部へスクロールします。
ここ最近、悩んでたのがコメント送信エラーの続出。
名前とコメント入力欄にいつも半角小文字で'test'と表記してましたが、それじゃ送信できないようですね。
システム側のコメント送信エラーかと思ったけど、あっさり解決しました(゚∀゚)
要はシステムで決まってるわけですね。
『コメント入力欄に日本語が最低でも一文字は必要』ってことが。
それだけが原因で、このブログテンプレートのリリースが遅れてたけど、これなら明日には管理側に装填できそうです。
・・・でも<img>のURLや背景のURLを書き換えるのが面倒なんだよね。あと投稿ボタンも変更しとこうかと。ブログテンプレートの「シンプルUSブルー」からソースを引っ張ってきてるから、同じボタンだと詰まらんと思ったので。
オープンソースがwebにゴロゴロあったので、2万円ホームページの別バージョンのjQuery news tickerをヘッダーで実験してみました。もちろん実験台はこのラボログです。
限定してトップページのヘッダーのみでやってます。jQueryのソースコードが長すぎるので。
ソースの確認は右クリックからお願いしますm(_ _)m
一応動きは良好です。ただスタイルが妙でして、フェードイン部分が見えてるという結果になりました。
ブログテンプレート「天の川」のsideとentryの背景を修正しました。
文字が見えにくく即修正が必要だと思ったので。
同時に白(不透明度80%)と黒(不透明度50%)とで迷っていました。どちらもアップロードしましたけど(-.-;)
★CSSソースはこちら
▼白(不透明度80%) url(/design/t79/entry01.png)
▼黒(不透明度50%) url(/design/t79/entry02.png)
▼白(不透明度80%) url(/design/t79/side01.png)
▼黒(不透明度50%) url(/design/t79/side01.png)
※デフォルトはentry01とside01です。ちなみにentry02とside02に変えた場合、文字色は明るい色に変える必要があります。
ブログテンプレート「お月見」が完成!
ヘッダー背景はスクロールされません。2次元のお月様を半ば無理やり見せるかたちになっています。
背景をスクロールさせるには下記をご参照下さい。
#wrapper{
margin:0;
padding:0;
background : url(/design/t82/tsukimi_header.jpg) 50% 5% no-repeat fixed; /* header-img */
/*background-attachment: fixed;*/
min-height:300px;
}
デフォルトのCSSソースにはこう記されていますので、background内にある'fixed'を削除すれば、ヘッダー背景もスクロールされます。
(参考までに)
デザイン→オリジナルデザイン→スタイルシートの入力欄内→#wrapper内のbackgroundに'fixed'が記されています。
ちなみに・・
background-attachment: fixed;は、背景を固定する、という意味です。これは単体でのソースになります。backgroundのプロパティで一括指定した方が早いので、今は/*~*/で括って打ち消しています。
background内の'fixed'を消し背景がスクロールされる様になったけど、もう一度「固定にしたい」という方は、background内に'fixed'を入れるか、/*と*/を消すか、により背景が固定になります。