タグ

cssとblogに関するmid_knightのブックマーク (24)

  • カウンターの設置 - 猫と人が暮らす家

    2007年にヘーベルハウスのキュービックで我が家を建て替えました。 プラスにゃんなLUFTな生活を目指します。 基は…中島かつをさんのブログのコチラの記事を参考にして下さい。 私は、こちらのブログを見ながら見よう見まねでやっているだけ…ですので… 詳しいことが説明出来るかは分かりませんが、gooブログの場合、スクリプトタグと言われる物が使えません。 その結果、使えるカウンターが限られてきます。 ちなみにgooブログにブログパーツとして対応しているブンブンカウンター。 今回の記事を書くのにあたって、調べてみたのですが… 使えないみたいです… 私が使っているカウンターは忍者カウンターです。 選んだ理由は…使っている人がいたから… それだけ… ▼カウンターの準備 ま、まず、こちらのサイトでIDを収得します。 そうして、 ・カウンターの最初の値。 ・カウンターの桁数。 ・二重カウントの防止の有無

    カウンターの設置 - 猫と人が暮らす家
    mid_knight
    mid_knight 2008/02/13
    ブンブンカウンタはテンプレート編集でも使える筈だが
  • 日付は遥かなメモリー ~QP的思ひ出がいっぱい~ - ツヨ吟松柏木(仮)

    トラックバックどうも (かつを) 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

    日付は遥かなメモリー ~QP的思ひ出がいっぱい~ - ツヨ吟松柏木(仮)
    mid_knight
    mid_knight 2006/10/18
    ブログトップよりも記事にリンクを張ってもらいたいところだがまぁいいや
  • まうすおんてすと2

    ちなみに、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="(

    まうすおんてすと2
    mid_knight
    mid_knight 2006/09/27
    サムネイルを拡大のパターン
  • まうすおんてすと(追記あり)

    うーん。なんか上手くいかないな…。 (9/20追記) あ。できた! CSSのhoverで、z-indexを操作。 それだけだとIEでは動かないので、width=0px等を指定して、 再描画させるといいみたい。 とりあえずアドバンスじゃなくてもCSSカスタマイズで できそうですね。 (9/21) あ。TB来てますね。 子供、いらない:マウスオン画像切換を試してみる 私がやったやつより簡単に使えそうなので、 やってみたい方は向こうを参考にするといいと思います。 きっと近いうちにもっと詳しくやりかたを説明した記事を書いてくれるはずだし(え?)

    mid_knight
    mid_knight 2006/09/21
    z-indexかぁ/似て非なるものを試してみました
  • リニューアル - B型男の生活日記

  • ブログタイトル画像「夏っぽい空」に変更すた -  Real Life & Second Life

    mid_knight
    mid_knight 2006/09/08
    おめでとうございます
  • ほー。時間でわかるの~。 - おしゃまなぶろぐ-お写真なブログ-

    カウンターについてなんですが、こんな感じで簡易のアクセス解析もあるんです。 その日の何時にアクセスがあったかが、わかりやすく。 また、そのほかにも週単位でわかるのかな・・・。 しかも!無料!取り付け簡単!いろんなカウンターの種類もありました。 まずは、無料カウンターを手に入れ。 ブログのテンプレートをCUSTOMにして、CSSの編集で、 貼り付け作業を行います。 取り付け方は、こちらでお勉強しました! それでOK!じゃじゃん~!ですね。

    ほー。時間でわかるの~。 - おしゃまなぶろぐ-お写真なブログ-
    mid_knight
    mid_knight 2006/06/22
    カウンタ設置できたようです
  • http://blog.goo.ne.jp/oryo1234/e/51ce3cfa50d698a0ad3fdbe2c0313c3a

    mid_knight
    mid_knight 2006/06/19
    「ハングルや中文の記入方」を採用していただいたみたい
  • - オープンメモ帳

    There is no reason to have to ask before making a link to another site.

    mid_knight
    mid_knight 2006/04/28
    タイトルを文字から画像に変更するCSSカスタマイズ(カスタムブルー)
  • ブログタイトルをロゴ画像に変更するCSSカスタマイズ - 子供、いらない

    gooブログの「ブログタイトル」って、文字だけなので味気ないですよね? gooブログアドバンスなら、テンプレート(HTML)編集で{$blogtitle}のモジュールが挿入されている部分をロゴ画像のIMGタグに置き換えてしまえば済む事ですが、gooブログ(無料版)ではHTML編集はできません。 仕方がないので、CSS編集のみでブログタイトルの文字をロゴ(画像)に変更してみました。 カスタムマークの付いているテンプレート(シンプル系18種またはカスタムフリー・カスタムブルー)を使っていればやり方は簡単で、CSS編集で #header、 .bTitle、 .bTitleLink、 .bDesc のセレクタに手を加えるだけいいんです。 # ロゴの画像を画像フォルダにアップロードしておく必要はありますが CSSの修正・追加箇所は、以下の通りです。 /* ヘッダーの指定 */ #header { (

    ブログタイトルをロゴ画像に変更するCSSカスタマイズ - 子供、いらない
    mid_knight
    mid_knight 2006/04/28
    タイトルを文字から画像に変更するCSSカスタマイズ(シンプル系18種・カスタムフリー)
  • ブラウザによる見え方の違いをチェック | *LOVE IS DESIGN*

    Webデザインや配色に役立つ(かもしれない)テクニック、便利なツールを紹介しています。 /*無駄にエロいのは仕様です*/ 01 About 02 Blog 03 Color 04 Design 05 Love 06 etc CSS をいじりだすと気になるのが、ブラウザによる見え方の違い。 このブログでは訪問者の約65%が Internet Explorer ユーザですが、最近は Firefox など Mozilla系や、Opera・Safariといったブラウザの方も増えているようです。 わたしはWinXP+スレイプニルという環境で更新作業をすることが多いのですが、はてなツールバーがスレイプニルでは使えないので、最近は Firefox をメインブラウザとして使用しています。(もうすっかりはてなっ子) CSS をいじったり記事をアップした後、スレイプニルで見た時は思ったとおりのデザインだったの

    ブラウザによる見え方の違いをチェック | *LOVE IS DESIGN*
    mid_knight
    mid_knight 2006/04/19
    Safariチェックに早速使お
  • アクセスカウンター設置しました! - 本を読もう、旅に出よう。

    憧れだったアクセスカウンター やっとつけられました~! もしGilの記念絵が欲しいと言う方(おられるのでしょうか;)いらっしゃいましたら、500を踏んだらコメントでお知らせ下さいv なるべくリクエストにお答えしたいと思いますが、無理だったらすみません だめもと(それも嫌ですね;)でリクエストしてみて下さいv 最後にかつをさん、mintgreenさん、お陰様でカウンター設置ができました。情報のご提供・ご指摘当にありがとうございました! イラストは懐かしアニメのグランゾート!大地君とラビが好きでしたv

    アクセスカウンター設置しました! - 本を読もう、旅に出よう。
  • テンプレート変更してみました - じゅるいなぁ・・・ by goo

    テンプレート変更してみました。 と言ってもあまり代わり映えしませんが・・・ ブログの作成・編集とか要らなかったんで非表示にしたかったんです。 どうも、メニュー部分が長いのって嫌で気になるんですよね。 例によって、中島かつをの「子供、いらない」を参考にさせて頂きました。 いつもすみません。お世話になっています。 テンプレート シンプル>クリアグレー右 から シンプル>クリアグレー左右 に変更。 CSS ・menu2にカウンター設置(shinobi) ・#contentにアクセス解析(shinobi) ・menu1非表示 ・フォントの順序 ・カテゴリーまわりの色、下線 ・その他、文字や背景の色 ・bodyに背景 ・#headerに背景 等 はぁ・・・ だいぶ慣れてきたけど、まだまだスキル不足・・・ 疲れたなぁ・・・ でも、散々悩んで思惑通りに表示された瞬間って凄く嬉しいね。

    テンプレート変更してみました - じゅるいなぁ・・・ by goo
    mid_knight
    mid_knight 2006/04/11
    「シンプル系二段組・メニュー簡素化」を採用してくれたみたい
  • ヤプログの改造

    >サイドバーに載せるプロフの画像や、背景、 外部からリンク可能な画像を使う手もありますが、ヤプログの「下書き」記事を利用する手もあります。 (1) ヤプログで画像保存用の記事を書く 記事の投稿で新規記事を書き始める。 記事のタイトルには、画像保存用記事であることがわかる適当な値を指定する。 必要な画像をアップロードして、<中>{ファイル名.jpg}</中>のようにして画像を挿入する。 必要なら、文欄に画像の説明書きも書いておく。 (2) 画像のURLをメモしておく プレビュー画面に表示されている画像を利用して、画像のURLをどこかにメモしておく。 # 画像のプロパティなどから、画像のURLをコピーする 例えばJPEG画像のURLは以下のような形式です。 https://www.yaplog.jp/あなたのブログID/img/記事の番号/ファイル名.jpg (3) ステータス「下書き」で保

    ヤプログの改造
    mid_knight
    mid_knight 2006/02/26
    付録YPでの実現手段。ヤプログの画像フォルダが記事毎であることに気付けは簡単なんだけどな
  • 【gooブログ】シンプル系左簡素メニューにしてみました。 - BLUE_SKY_BLOG(更新停止中)

    クリア系テンプレの左メニューでメニューにmax-heightを適用してましたが、max-heightがIEに未対応だったので、クリア系左右メニューで左メニューを表示せず、右メニューにheightを指定して、左位置に変更してみました。 そのやり方に関しては、 子供、いらない:シンプル系二段組・メニュー簡素化(幅固定) を参考にさせていただきました。 QRコードに関しては、使う人がいるのかどうかわかりませんが、かつをさんのCSSだと左メニューの下にぽつんとあっても見落としてしまう方も多かろうと思いまして、カレンダーとプロフィールの下に入れてみました。 ま、自分的には無くても構わないんですけどね(笑) /* カレンダー、プロフィール背景 */ .menuBgCen { padding: 0px; background-color:#F4F7FF; border:1px solid #57ACD5

    【gooブログ】シンプル系左簡素メニューにしてみました。 - BLUE_SKY_BLOG(更新停止中)
    mid_knight
    mid_knight 2005/12/15
    カレンダ下部にQRコードを指定する手をコメント
  • カウンター2 - 皇帝の日日の記録

    今日みどりるからカウンターの付け方について問い合わせがあった朕だ。 やり方については以前にも詳しくとはいえないながらやり方も載せたし、リンクまで貼ったわけで、そのリンク先を探せばよりクリアに方法を提示しているところにいけたはずである。 にもかかわらず、ネット初心者のみどりるにはそれもかなわなかったようである。これぞ正しく、ネット普及の功罪といわんばかりの象徴的有事であるが、朕はみどりるがそこまでわからないとは思いもせず、忙しさも手伝って、むげに返信してしまった。 さすがにそれは酷いと思って、改めて詳細に書き記す。みどりるよ、ネットに関することで、手取り足取り教えるのはこれが最後、以後は自力で何とかするのだぞ! ~カウンター設置の方法~ 前提要件 ・gooブログであること。 ・テンプレートはカスタムができるものに限る。 ・CSSの編集ができること。 ・カウンターを設置できること ・カウンター

    カウンター2 - 皇帝の日日の記録
    mid_knight
    mid_knight 2005/12/08
    カウンタ設置
  • TIPS:アドバンスで自己紹介欄が縦書きになる場合

    mid_knight
    mid_knight 2005/10/17
    gooブログアドバンスに加入したら参考になる
  • カテゴリ記事数非表示のCSSカスタマイズ改 - 子供、いらない

    去る2005年8月25日から、gooブログの「カテゴリ(CATEGORY)」にリンクされたカテゴリ名に加えてそのカテゴリに属する記事数が追加されました。また、2005年9月14日からカテゴリに属する記事数に指定されていたクラスが comText から catLink に変更されました。 ということで、2005年8月24日以前と同じ表示の方が都合が良いという方もいらっしゃると思いますので、「カテゴリの記事数」を消してみましょう。 カスタムマークの付いているテンプレート(シンプル系18種、カスタム系3種)を使っていればやり方は簡単で、CSS編集で .catLink のセレクタに手を加えるだけで、見かけ上表示しない※ことくらいはできるんです。 # カテゴリ名とその記事数の間に隙間を設けたい場合は、「カテゴリと記事数に隙間を設けるCSSカスタマイズ」を参照のこと CSSの変更(追加)箇所は、以下の

    カテゴリ記事数非表示のCSSカスタマイズ改 - 子供、いらない
    mid_knight
    mid_knight 2005/09/15
    辛うじてカテゴリ記事数のみ非表示にもできるようになった
  • シンプル系二段組・横幅可変 - 子供、いらない

    「シンプル系左」や「シンプル系右」のテンプレート(「クリアオレンジ左」とか「クリアブルー右」とか)ですが、「横幅が760px固定でイヤだなぁ」とか「仕方がないから横幅可変のクリアピンク左右を使っている」なんてことありませんか? 「シンプル系二段組」のテンプレートも、CSSを編集するだけで「シンプル系三段組(シンプル系左右)」と同じ様に横幅可変に変更できます。 /* クリアオレンジ左メニューのCSS */ (中略) /* ページ全体囲み */ #content{ margin: 0px auto; border-right: 1px solid #FFD57D; /* 色はクリアオレンジの場合 */ border-left: 1px solid #FFD57D; /* 色はクリアオレンジの場合 */ background-color: #FFFFFF; text-align: left; w

    シンプル系二段組・横幅可変 - 子供、いらない
    mid_knight
    mid_knight 2005/09/13
    クリアピンク左やクリアグレー右で横幅を可変に変更するCSSカスタマイズ
  • Lilypie Baby Tickerを貼ってみる - 子供、いらない

    はりょ。少子化問題とは関係ありません。 カウンタが345678やその付近の方はベースノートに書き込んでね。 出産予定のあるご夫婦や赤ちゃんのいる方のために、gooブログでも利用できるちょっと嬉しいブログパーツ「Lilypie Baby Ticker」を紹介します。 このブログパーツは、出産予定日、子作り日、赤ちゃんの次の誕生日(1~5歳)などをグラフィカルに表示するものです。 # 5歳以上のお子様向けの「次の誕生日」もあります ● 2003年01月23日(JST)産まれの赤ちゃんの3歳の誕生日ティッカの例 このブログパーツはimgタグで表示可能な画像として提供されるため、scriptを使用できないgooブログでも利用することができます。ということで、早速Lilypie Baby Tickerをgooブログに設置してみましょう。 Lilypie.comにアクセス 先ずは Lilypie.co

    Lilypie Baby Tickerを貼ってみる - 子供、いらない
    mid_knight
    mid_knight 2005/09/13
    (Joke) Lilypie Baby Tickerのgooブログでの利用方法