日付は遥かなメモリー ～ＱＰ的思ひ出がいっぱい～ - ツヨ吟松柏木（仮）
トラックバックどうも (かつを) 2006-10-18 23:37:54 「インスタント写真風画像」はどうでしたか？ 個人的には、何となく写真っぽさがアップするし、写真に対するちょっとしたコメントも書き込めたりするのが気に入ってます。 ことろでこちらのブログは、「クリアホワイト右」ベースのCSSカスタマイズ（やHTMLテンプレートの修正）ができるものですよね？ CSSにクラスを追加定義しちゃえば、通常は <span style="border: solid 1px gray; padding: 3px; background-color: white; margin: 2px 5px 1px 5px; text-align: center; font-size: 80%; float: left;"> のように書かなければならないところが、 <span class="pictFloatLe
まうすおんてすと２
ちなみに、javascriptではなく、CSSを使っているので、 ページを開くときに全ての画像を読み込みます。 ＊ 画像表示部分の記述 （実際は全角「＜」「＞」を半角に変換、改行、空白を除去してます。） ＜!--↓拡大時のサイズの基準。table/tr/td でもOK--＞ ＜div style="width:300px;height:400px;border-style:solid; "＞ ＜!--↓拡大時の位置の基準。これはこのまま記述--＞ ＜div style="position:relative;vertical-align:top;"＞ ＜a class="thumnailparent" href="(画像URL1)"＞ ＜img class="onMousethum" src="(画像URL1)"＞ ＜/a＞ ＜a class="thumnailparent" href="(
ほー。時間でわかるの～。 - おしゃまなぶろぐ－お写真なブログ－
カウンターについてなんですが、こんな感じで簡易のアクセス解析もあるんです。 その日の何時にアクセスがあったかが、わかりやすく。 また、そのほかにも週単位でわかるのかな・・・。 しかも！無料！取り付け簡単！いろんなカウンターの種類もありました。 まずは、無料カウンターを手に入れ。 ブログのテンプレートをＣＵＳＴＯＭにして、CSSの編集で、 貼り付け作業を行います。 取り付け方は、こちらでお勉強しました！ それでＯＫ！じゃじゃん～！ですね。
ブログタイトルをロゴ画像に変更するCSSカスタマイズ
gooブログの「ブログタイトル」って、文字だけなので味気ないですよね？ gooブログアドバンスなら、テンプレート（HTML）編集で{$blogtitle}のモジュールが挿入されている部分をロゴ画像のIMGタグに置き換えてしまえば済む事ですが、gooブログ（無料版）ではHTML編集はできません。 仕方がないので、CSS編集のみでブログタイトルの文字をロゴ（画像）に変更してみました。 カスタムマークの付いているテンプレート（シンプル系18種またはカスタムフリー・カスタムブルー）を使っていればやり方は簡単で、CSS編集で #header、 .bTitle、 .bTitleLink、 .bDesc のセレクタに手を加えるだけいいんです。 ＃ ロゴの画像を画像フォルダにアップロードしておく必要はありますが CSSの修正・追加箇所は、以下の通りです。 /* ヘッダーの指定 */ #header { （
テンプレート変更してみました - じゅるいなぁ・・・ by goo
テンプレート変更してみました。 と言ってもあまり代わり映えしませんが・・・ ブログの作成・編集とか要らなかったんで非表示にしたかったんです。 どうも、メニュー部分が長いのって嫌で気になるんですよね。 例によって、中島かつをの「子供、いらない」を参考にさせて頂きました。 いつもすみません。お世話になっています。 テンプレート シンプル＞クリアグレー右 から シンプル＞クリアグレー左右 に変更。 CSS ・menu2にカウンター設置(shinobi) ・#contentにアクセス解析(shinobi) ・menu1非表示 ・フォントの順序 ・カテゴリーまわりの色、下線 ・その他、文字や背景の色 ・bodyに背景 ・#headerに背景 等 はぁ・・・ だいぶ慣れてきたけど、まだまだスキル不足・・・ 疲れたなぁ・・・ でも、散々悩んで思惑通りに表示された瞬間って凄く嬉しいね。
ヤプログの改造
＞サイドバーに載せるプロフの画像や、背景、 外部からリンク可能な画像を使う手もありますが、ヤプログの「下書き」記事を利用する手もあります。 (1) ヤプログで画像保存用の記事を書く 記事の投稿で新規記事を書き始める。 記事のタイトルには、画像保存用記事であることがわかる適当な値を指定する。 必要な画像をアップロードして、<中>{ファイル名.jpg}</中>のようにして画像を挿入する。 必要なら、本文欄に画像の説明書きも書いておく。 (2) 画像のURLをメモしておく プレビュー画面に表示されている画像を利用して、画像のURLをどこかにメモしておく。 ＃ 画像のプロパティなどから、画像のURLをコピーする 例えばJPEG画像のURLは以下のような形式です。 https://www.yaplog.jp/あなたのブログID/img/記事の番号/ファイル名.jpg (3) ステータス「下書き」で保
もうパンツはかない
このサイトは webサイトのデザインをいろいろ考えてみようかななどとでっち上げたサイトです。ようやく7つ目のデザインとなります。 デザインにはカスケーディングスタイルシート(CSS)を使っています。21世紀の今、テーブルレイアウトでもないでしょうから。ですのでデザイン的にはターゲットとなるwebブラウザは、CSSにきちんと対応した新しめのもの、たとえば Firefox(レンダリングエンジン Gecko を使ったもの。N9なども含む)や 、Opera9、Safari などを想定していますが、HTML的には素直なよいHTMLをめざしてますので、まともなWEBブラウザであれば閲覧に支障はないでしょう。デザインが再現できるかはともかく。 デザインノート 今回のポイントは半透明画像の重ねあわせといったところでしょうか。 一番下の背景の上に3枚の半透明画像が重なり、スクロールするとそれぞれ違う速度で動
長い行を適当に表示するPRE
このブログではサンプルコードを載せることが多いので、整形済みテキストのためのPREタグを結構使う。PREタグは、括られた部分を整形済みテキストとして扱い、改行や空白がソースのまま出力されるので、プログラムやCSSのサンプルソースを載せるのには便利なのだが、ブラウザの幅を狭めている人やちょっと大き目の文字を使っている人は、整形済みテキストが記事エリアをはみ出してしまうことがある。 仕方がないので、CSS: 「折り返す」pre や pre 要素による整形済文字列をどう扱う ? の記事を参考にCSSでPREタグのスタイル（見栄え）をちょっと変えることにしてみた。CSSの変更（追加）箇所は、以下の通りです。 /* エントリ内：整形済みテキスト */ .etBody PRE { /* 折り返し有効 */ white-space: -moz-pre-wrap; /* Mozilla */ white-
２連休・・・・ - まんてんうどん
ども (かつを) 2006-02-11 06:04:51 タイトル背景やカウンタがきちんと表示されるようになると、よいですね。 ＃ 今は、Firefoxではきちんと表示されていないようです 【誤１】タイトル背景 /* ブログのタイトル部全体の背景（デフォルトは画像使用） */ .header { background-color: #333333; background-image: url(画像のURL); } ↓ 【正１】 /* ブログのタイトル部全体の背景（デフォルトは画像使用） */ .header { background-color: #333333; background-image: url(画像のURL); } 「 background-image」の左側に4文字、「url(画像のURL);」の右側に1文字、「 」（漢字の空白）が含まれています。 「 」（漢字の空白）はC
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
まうすおんてすと(追記あり）
リニューアル - Ｂ型男の生活日記
ブログタイトル画像「夏っぽい空」に変更すた - Real Life & Second Life
http://blog.goo.ne.jp/oryo1234/e/51ce3cfa50d698a0ad3fdbe2c0313c3a
認証がかかっています
魔女の儀式… - 京女のハマリゴト
- オープンメモ帳
アクセスカウンター設置しました！ - 本を読もう、旅に出よう。
トラックバック - 風に吹かれて♪
夜の魚は干物になりました。
ekken?