小粋空間: Litebox 1.0 をブログに適用する
Lightbox JS v2.0 の後継版、Litebox が出ていました。ということで v2.0 はエントリーし損ないましたが、今回は Litebox をブログに適用するカスタマイズを紹介します。 Lightbox の時代からそうなのですが、このツールは画像を表示するページのパスが変化した場合のケースまで考慮されていません。つまりブログではインデックスページや各アーカイブページのパスがそれぞれ異なることため、提供されているファイルに対し、各ページから同様の振る舞いをさせるための修正が必要になります。 下記に修正を施したサンプルを作りました。トップページと、そこからリンクされている記事ページでも動作するようになっています。 Litebox のブログ適用サンプル サンプルでは Movable Type を利用していますが、他のブログでもカスタマイズのタグ部分を適宜読み替えて頂ければ適用可能と
はじめてのFC2ブログカスタマイズ ★
テンプレート編集方法 管理画面より管理設定「テンプレートの設定」を選択して下さい。 変更したいテンプレート名の編集を選択して下さい。 各編集フォームにて編集を行い、編集後に更新ボタンを押すと更新内容が保存・適用されます。 [ ▲トップに戻る ] 文字の大きさを変更 文字の大きさを変更したい場合もスタイルシートなら簡単に修正出来ます。例としてタイトルの大きさを変更してみましょう。 HTMLの編集でタイトル部分を記述している部分を探して下さい。以下の部分がタイトル部分を記述しているタグです。 <h1><a href="<%url>" accesskey="0" title="<%blog_name>"><%blog_name></a></h1> タイトル部分がh1要素で囲われていますので、スタイルの設定においてもh1要素に対してフォントサイズを設定する事で文字の大きさを変更出来ます。 h1 {
ITmedia +D LifeStyle：ネットから長文が消えたいくつかの理由 (1/3)
連載でお送りしている本コラムは、毎回文字数にして4000字から5000字程度である。ネットに掲載されている記事の中では比較的長文の部類に入ると思われるが、雑誌の感覚ならばだいたい2見開きぐらいの分量だろうか。本のレベルからすれば、この程度は全然長文とは言えないわけだが、感覚的にはずいぶん長く感じられる方も多いことだろう。 わかってるなら短くしろよと思われるかもしれないが、それがなかなかできない。わかりやすくするためにはたとえ話も必要だし、少しはオモシロオカシイ事も書きたいし、そうこうしているうちにこの分量になっちゃうわけである。毎回毎回お付き合いいただいて、申し訳ない。 さて、ネットの中の流れを見てみると、もはやコンテンツは文章だけではなく、絵や動画もかなり多くなってきた。WWWの可能性を語っていたその昔は、文字情報だけでなく図版や音楽、さらには動画もと言われて来たわけだが、ようやくそれが
bodyに設定しておくと便利な3つのポイントとおまけ｜CSS HappyLife
CSS（スタイルシート）でbodyに設定しておくと便利な5つのポイント - デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記を読んで、ボクなりな最初に指定して置くと良いポイントを上げたくなったので書いちゃいます。 むしろこのサイトの方向性的に有った方が便利だよなーと。 書くきっかけを頂き、感謝いたします。 ちなみに、最初に指定しておくポイントってそれぞれだと思うので、一つの参考として読んでいただければ幸いです。 最初にbodyに指定しておくと便利だと思う3つを。 body { background:#FFF url(../img/share/bg.gif) no-repeat left top; font-family:Verdana, "ＭＳ Ｐゴシック", sans-serif; font-size:80%; } じゃあ、詳細について色々書
Knowledge of WP » ロリポップでWordPress (for WP ME1.5.1.3)
ロリポップでWordPress MEをインストールする方法です。 WordPress Japanの方でかなり詳しく解説されていますが、例となっているサーバーがXREA.COMなので、ロリポップ向けにドキュメントを起こしてみました。WPJの解説の「サーバー環境を確認する」という項から、こちらに続くという感じです。WPJの「初期設定とファイルの転送」、「WordPress のインストール」もあわせてお読み下さい。 データベースの作成 以前にデータベースを利用したことがない場合、また新規にアカウントを取得した場合は、まずデータベースを作成する必要があります。ロリポップのユーザー専用ページから、まず自分のアカウントでログインしましょう。次に左のメニューから、「WEBツール」→「データベース作成」をクリックします。 このような画面になったかと思います。「データベース作成」ボタンをクリックして、次へ
厳選10本！ブログで使えるスグレモノツールまとめ :: Love & Design ::
プロのWebデザイナーじゃないけど、ブログをもっとカッコよくしたい！もっとオシャレに見せたい！という方のために、これまで紹介したブログで使えるスグレモノツールをまとめてみました。 便利なフリーソフトはたくさんありますが、この中でお気に入りが見つかるとうれしいです。 名付けてsweetloveパック（livedoor風味） 画像系 ImageChef（日本語・携帯にも対応） ワンポイントや mixi のプロフィールにどうぞ 画像が簡単にできるジェネレーターいろいろ :: Love & Design :: Polaroid-o-nizer™ ポラロイド風や枠をつけてオシャレに演出 写真をオシャレに見せたい人のための便利なツール :: Love & Design :: デザイン系 Dynamic Drive CSS Library タブメニューなどが豊富に揃っています。 誰でも簡単にCSSカスタ
ブログに「はてなブックマークに追加」ボタンをつけてみる
ソーシャルブックマークと、ブログの連携の有効性を確かめるべく、ブログに「はてなブックマークに追加」みたいなボタンをつけることにしました。 やり方は簡単。以下のコードをMTのテンプレートの任意の箇所コピペするだけです。 <a href="http://b.hatena.ne.jp/append?<$MTEntryPermalink archive_type="Individual"$>">はてなブックマークに追加</a> 僕の場合はインデックスの各エントリートラックバックの横と、個別リンクの下部に取り付けてみました。 ブログ側がSBSをサポートすることで、どのような変化が出るかテスト。 ちなみに、del.icio.usに追加する場合は
livedoor Blogの簡単なSEO対策の仕方:ちびログ
JUGEMサイトではHTMLがいじれるので既に適応済みですが、今回LivedoorもHTMLをいじれるようになったので、何はともかくSEO対策だけはしておくことにします。 その他はもう全部後回し(笑) livedoor Blogに最低限のSEO対策を記事のタイトルが検索エンジンに引っかかりやすいようにするためのカスタマイズです。 手順は簡単。 いらない[H1,H2,H3]タグは[DIV]タグに変更します。 TITLEタグの文字の並べ替えをします。 これだけでもだいぶ違うようです。 実際JUGEMうちのJUGEMサイトは検索エンジンから来る人が多いみたい。 せっかくHTMLがいじれるので、カスタマイズの知識がない方でも、最低限こちらだけでも変えておくことをオススメします。 下記は自分のBLOGに適用したカスタマイズです。 参考にどうぞ。該当部分をコピペしてもいいですよ。 全てのHTMLに適用
Style book
Seesaaブログでは、追記部分を見るときに「続きを読む」を押すと別ページに飛びますが、それを同一ページ内に折りたたみ式で表示する方法です。 ついでのおまけですが、「続きを読む」部分にのみ独自のスタイルを設定することができます。 サンプルは、このブログ内の「続きを読む」をクリックしてみてください。 <script type="text/javascript"> function dd(id){ if(document.all)OBJ = document.all(id).style; else if(document.getElementById)OBJ = document.getElementById(id).style; if(OBJ) OBJ.display=='none'?OBJ.display='':OBJ.display='none'; } </script>
Seesaa用CSSテンプレを配布しているところのリンク集
海外ドラマ感想やらゲームレビュー等。 一応Seesaa用CSSデザインテンプレート配布及び他配布場所の収集も。 ■Seesaaデザインテンプレート！ http://template.seesaa.net/ ・シンプル2カラムベース ・シンプル3カラム(サイズ可変) ・花空(2カラム) ・テンプレートヌリドヴォール(2カラム) ■８５。(蜂蜜紅茶でお茶会を) http://honeytea-party.seesaa.net/ ・earthpiece(2カラム) ・akari(2カラム) ・kusuribukuro(1カラム) ・Simple(1カラム・色違い4種類) ・honey(2カラム) ・touka(2カラム) ※他CSSカスタマイズの細かいデータ多し。 ■++Project SEED -Seesaa branch++ http://proseed.seesaa.net/ ・Skysc
ブログを始めた方へ(アクセスとコメントの事): 啓蒙かまとと新聞
HN:LSTY（エルエスティーワイ） □名前の由来 年齢：ほぼ50歳 性別：男 ■ 趣味：著作物全般の鑑賞・飲酒 ■ いらち・いちびり・いらんこといい ■ ほしいものリスト ■ ここ以外の活動場所 Twitter: LSTYpt3 ※たまに非公開にすることがあります。 雑談と本棚 : Twitcasting YouTube : Gavacho Music SBM : 小さなトカゲ展 Novel : 小説家になろう ■ 転載について：私が書いた文章はすべて転載自由ですが、出典の明記およびリンクをお願いします。 ■ コメントについて：名前(ハンドルネーム含む)を 明記していないと思われるコメントには原則として回答しておりません。 宣伝目的だと判断した場合、また記事と無関係だと判断した場合、削除することがあります。 私あるいは第三者の個人情報や個人を特定できるような情報が含まれている場合、該当部
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はてなブログ | 無料ブログを作成しよう
WordPressの醍醐味 - テーマ配布or紹介サイト | caramel*vanilla
pamgau.net - このウェブサイトは販売用です！ - pamgau リソースおよび情報
https://melrose.jugem.cc/?eid=199
BaySky eBLOG:３カラム化(Non-Java)