So-net無料ブログ作成

シンプルにPL風 [HTML/CSS]

画像ファイルを外部(私のウェブサイト)から読み込むスタイルシートを用意しました。あらかじめ3カラムのテンプレートを選んでから設定してください。

スタイルシート
↑ 2016-08-31 更新しました。

ヒサさんに使い方を紹介して頂きました♪
Playlog風のブログスキンのご紹介

◆PLAYLOGサービスのデザイン(画像等)は、
 株式会社レーベルゲートに帰属します。

♥(1)  コメント(75) 
共通テーマ:PLAYLOG

1

コメント 75

neopon

ご訪問ありがとうございました。
わっ!ホント、プレイログっぽいですね。
by neopon (2011-03-27 16:49) 

亀仙人たかよし

嬉しいです!チャレンジしてみますね!
by 亀仙人たかよし (2011-03-27 21:44) 

亀仙人たかよし

ブラウザーがクロームの場合、又は、OSが『7』の場合はどうすればいいでしょうか?

俺もぜひPLスタイルで続けていきたいと思います。

指南の程宜しくお願い致します。<m(__)m>
by 亀仙人たかよし (2011-03-27 21:50) 

ヒサ

うおーーーーーー、スゴイ!スゴイ!です。

超感動しました(ToT)
ありがとうございます。

落ち着いたらトライさせて頂きます<(_ _)>
by ヒサ (2011-03-27 23:08) 

夜空の鷹

この、スタイルシートを使うんですね^^

アップ有り難うございます。

早速やってみます♪^^
by 夜空の鷹 (2011-03-27 23:17) 

Link∞

再現度高すぎです(笑)
ヘッダーは透明にできたんですね・・・
by Link∞ (2011-03-28 11:22) 

けけろん

うわ~びっくりした~(・o・)!!!
感動しました!
ゆっくり見せていただきます!
by けけろん (2011-03-30 13:43) 

優希

読者登録しました(^^)/
by 優希 (2011-03-31 15:21) 

♪ERIKA☆

使わせていただきますありがとうございます!!
フォトを登録すことができませんでしたがあまり気にしていないので大丈夫です!!
(*^ー゚)b グッジョブ!!
by ♪ERIKA☆ (2011-04-01 14:50) 

R8

◎neoponさん
いらっしゃいませ、こんにちは!
プレイログはデザインが変えられなかったのに、変えられるとなるとプレイログを再現したくなるという。
by R8 (2011-04-02 07:50) 

R8

◎亀仙人たかよしさん
ブラウザやOSには依存しませんので、スタイルシートの記述を貼り付けるだけで大丈夫です。
by R8 (2011-04-02 07:54) 

R8

◎ヒサさん
感動して頂けましたか!?
公開した甲斐がありました~
by R8 (2011-04-02 07:56) 

R8

◎夜空の鷹さん
このスタイルシートは魔法のスタイルシートです。
たまに・・・変になりますが。
by R8 (2011-04-02 07:57) 

R8

◎Link∞さん
ヘッダーはスタイルシートとは別に、先人の知恵(昔からSo-netブログを利用している人の記事)を参考にして、カスタムペインの中にSUTYLEタグを埋め込んでいます。目から鱗でした~
by R8 (2011-04-02 08:00) 

R8

◎けけろんさん
あまり見られると・・・恥ずかしいです~
プレイログの雰囲気が伝われば嬉しいですね。
by R8 (2011-04-02 10:20) 

R8

◎優希さん
ありがとうございます!
今後もよろしくです!!
by R8 (2011-04-02 10:22) 

R8

◎♪ERIKA☆さん
ご利用ありがとうございます!
レイアウトによっては崩れてしまいますね・・・何とかしたいところですが、色々なパターンが考えられるので難しいところなのです。
by R8 (2011-04-02 11:05) 

カルメン

これは素晴らしいです!!
自分も、ベーシックなブルーのテンプレートを選んで、
それなりにプレログデザインにしてみたのですが…
コメント欄がなんとかならないかと、思案してたところなんです。

ちなみに、
テンプレートは何を選んでも大丈夫なんでしょうか?
by カルメン (2011-04-02 11:27) 

ヒサ

R8さん、こんにちは(≧▽≦)/

スタイルシートを変えることができました!
ありがとうございます<(_ _)>

他の皆さんにもR8さんのこの記事を紹介したい
のですけど、一つだけ気になっていることがあります。

R8さんのウェブサイトから画像を読み込む時に
利用される方が増えた場合、重くなったり、固まったり
することはないでしょうか?

R8さんや、他のみなさまに迷惑がかからないように
したいと思いますので・・・

すみません。 コメント頂けましたら幸いです。
by ヒサ (2011-04-02 11:28) 

R8

◎カルメンさん
テンプレートは3ペインであれば大丈夫な気がしますが、「デフォルト」テンプレートを推奨します。
by R8 (2011-04-02 11:38) 

R8

◎ヒサさん
負荷に関してはサイズが小さいので問題にならないと思いますよ。プロバイダから注意されるようなことがあれば考えますが、とりあえずは大丈夫です。
by R8 (2011-04-02 11:44) 

カルメン

ありがとうございます。なんとか書き換えてみました。

ヘッダのサイズを「780-120px」以外にしてしまったからでしょうか、、一度、背景やコメ欄の色が変わってしまいました(笑)

R8さんのカレンダーの下には、過去の月別も表示されてますね。
これは、今までにSo-netで記事を書いてらっしゃったからでしょうか?
by カルメン (2011-04-02 12:57) 

R8

◎カルメンさん
ソネブロに移行するつもりだったので、慣れるために2月から書き始めたんですよ。
by R8 (2011-04-02 15:09) 

カルメン

そうだったんですね。
試行錯誤しながら、なんとか月別もヘッダも解決しました。
R8さんのブログ、読者登録させて頂きました。
素敵なCSSを、どうも、ありがとう。
by カルメン (2011-04-02 18:08) 

ヒサ

R8さん、こんばんは(≧▽≦)/

素晴らしいCSSをありがとうございます。

お願いがあるのですけど・・・
R8さんのこのページをリンクした記事を
上げさせていただきたいのと、PC画面を
キャプチャしてSkinの変更方法をYou tubeに
アップさせて頂きたいのですけど、いかがでしょうか?

ご検討よろしくお願いいたします<(_ _)>
by ヒサ (2011-04-02 20:37) 

R8

◎カルメンさん
ご利用ありがとうございます♪
時間が経つと自分でも理解できなくなりそうです・・・
by R8 (2011-04-02 21:18) 

R8

◎ヒサさん
ご丁寧にありがとうございます♪
動画マニュアルだとわかりやすそうですね~
人に説明するのが苦手で放置プレイ宣言してますので、ヒサさんにおまかせします(汗)
リンクはご自由にどうぞ!
by R8 (2011-04-02 21:23) 

ヒサ

R8さん、ご了解ありがとうございます。
早速記事にアップさせて頂きます<(_ _)>
by ヒサ (2011-04-02 21:55) 

ヒサ

ご紹介の記事をアップさせて頂きました。
ありがとうございました(≧▽≦)/
by ヒサ (2011-04-03 00:33) 

R8

◎ヒサさん
わかりやすい動画をありがとうございました♪
by R8 (2011-04-03 09:02) 

たけ

素晴らしいですね~

自力じゃヘッダーしか換えれなかったので。。。めっちゃ助かりました^^
by たけ (2011-04-03 11:04) 

こーいち

これは、凄い!
完成度がかなり高いですね
私も使わせていただきたいと思います
ありがとうございました(^_^)/
by こーいち (2011-04-03 12:57) 

R8

◎たけさん
お褒め頂いてありがとうございます♪
昔の人は自分のウェブサイトを持ってHTMLやCSSを覚えるのが当たり前だったので・・・
by R8 (2011-04-03 14:27) 

R8

◎こーいちさん
ありがとうございます♪
レイアウトによっては崩れてしまうのですが、これをベースに改良して頂ければいいかなと思ってます。
by R8 (2011-04-03 14:30) 

くわっぱ

はじめまして。
ヒサさんの紹介で飛んできました!

本当、プレイログみたいで感動しました(゜o゜)
私も使わせていただきたいと思います。
ありがとうございました(^-^)
by くわっぱ (2011-04-03 14:42) 

R8

◎くわっぱさん
こんにちは~♪
ヒサさんの動画のおかげで使用者が増えているようですね! 分かりやすく説明するのは諦めていたので、とても助かっています。
by R8 (2011-04-03 15:53) 

river883R

はじめまして。
hisaさんのところからお邪魔させてもらいました。

やた~
有難うございます。

なつかしい・・・
by river883R (2011-04-03 23:19) 

TAMA

初めまして!
これすごいですね\(◎o◎)/!
プレイログが永遠に残せる気がします。
ありがとうございましたm(__)m
by TAMA (2011-04-04 17:56) 

R8

◎river883Rさん
今となっては、シンプルなデザインが使いやすく感じます♪
by R8 (2011-04-05 07:12) 

R8

◎TAMAさん
サービス終了のショックを少しでも和らげることができれば幸いです♪
by R8 (2011-04-05 07:19) 

とんがりシッポ

初めまして。
ヒサさんのところから来ました。
このデザインはやはり落ち着きます。(笑)
早速、試してみようと思います。
ありがとうございます。
by とんがりシッポ (2011-04-06 12:06) 

うまお

始めまして。

素晴らしいです。

感動しました。

さっそく使わせて頂いております!
by うまお (2011-04-06 20:37) 

R8

◎とんがりシッポさん
今回はプレログから多くの方が移行されてるので、似たようなデザインは落ち着くようですね♪
by R8 (2011-04-06 20:55) 

R8

◎うまおさん
喜んでいただけたようで、こちらも嬉しいです♪
by R8 (2011-04-06 22:03) 

nonnon2

こんばんは!ご訪問&nice!ありがとうございました。
また、このスタイルにびっくり(@ @)
すっごく、落ち着きます。
私も試してみたいです。
by nonnon2 (2011-04-07 20:59) 

R8

◎nonnon2さん
いらっしゃいませ~
シンプルな癒し系デザインです(笑)
by R8 (2011-04-09 07:14) 

†ブレス†

初めまして♪

ある人のブログがPLAYLOGスタイルだったので辿ってたのですが感動しました!!

使わせて頂いきたいです!
by †ブレス† (2011-04-09 10:59) 

R8

◎†ブレス†さん
こんにちは~
ソネブロでもプレログのつながりを感じられますね♪
by R8 (2011-04-09 11:34) 

りょう☆♪

R8さん こんにちは

あの~話し違いますが、、
ブログタイトルRETURN TO ZEROの下に
「β version 」とはPLAYLOGへの想い?を含めた
シャレでしょうか・・・
わたしにはウケましたw (^^ゞ
by りょう☆♪ (2011-04-17 16:20) 

R8

◎りょう☆♪さん
プレログはβのまま終わってしまいましたね・・・
このブログをどう行った方向で続けるかと、プレログのβをかけてみました。
by R8 (2011-04-19 19:19) 

魅夜(仮)

nonnon2さんのところから来ました
はじめまして^^

見た瞬間本当に感動しました!!
私も使わせてもらってもいいでしょうか??
by 魅夜(仮) (2011-04-26 21:07) 

R8

◎魅夜(仮)さん
ありがとうございます♪
是非お試しください!!
by R8 (2011-04-26 22:27) 

魅夜(仮)

ありがとうございます!!
試します^^^^!!
by 魅夜(仮) (2011-04-27 19:49) 

R8

◎魅夜(仮)さん
ブログを拝見しましたが・・・安心しました♪
by R8 (2011-04-27 23:52) 

愛


ブレスさんから教えていただき
ヒサさんのところからきました**

PL風凄いです!感動です!!

私も使ってもよろしいですか?;
by (2011-04-30 00:11) 

R8

◎愛さん
感動して頂けるとは幸せです♪
どうぞご利用くださいませ!!
by R8 (2011-04-30 09:36) 

愛


わぁ!ありがとうございます^^*
さらに感動です!(笑)
by (2011-04-30 22:13) 

R8

◎愛さん
どういたしまして♪
by R8 (2011-05-01 09:36) 

dai

これはすごいですww
使わせてもらってもよろしいですか??
by dai (2011-05-11 16:33) 

R8

◎daiさん
ご利用は計画的に、ぢゃなくてご自由にどうぞ~。ってゆうか、私が利用許可だすものでもないと思ってるので・・・
by R8 (2011-05-14 11:10) 

タツヤ

はじめまして。
早速、使わせていただきます。
これからもよろしくお願いします。
by タツヤ (2011-05-15 13:30) 

R8

◎タツヤさん
こんにちは~
こちらこそ、よろしくです♪
by R8 (2011-05-15 22:41) 

ヒデ

こんにちわ!
早速使わせてもらいました♪

PLAYLOG風なブログになってとて嬉しいです!
ありがとうございました(*^_^*)
by ヒデ (2011-05-19 00:43) 

えくぼ

こんにちは。
ご訪問ありがとうございました。
そして、このデザインを見てびっくりしました。

私も是非使わせてください。
訪問していただいたことに感謝です。
by えくぼ (2011-05-19 22:22) 

R8

◎ヒデさん
こんにちは~
プレログ風は根強い人気がありますね!
ご利用ありがとうございます(笑)
by R8 (2011-05-19 23:30) 

R8

◎えくぼさん
こんにちは~
プレログは終了しましたが、想いは続いてますので♪
by R8 (2011-05-19 23:51) 

愛

質問してもいいですか?;

ブログタイトルの下に
前みたいに画像を入れたいのですが
どうやればいいんでしょうか?(;_;)
それからR8さんのように横幅も狭くしたいのですが
よくやり方が分からなくて;;;;
by (2012-03-19 23:14) 

R8

◎愛さん
画像の入れ方は新しく記事を書きました。
横幅を狭くするのは説明が難しいので時間をください。
by R8 (2012-03-20 17:41) 

愛

わぁ…手間をとらせてしまってすいません;
ありがとうございます**
by (2012-03-21 00:03) 

R8

◎愛さん
簡単に説明する自信がありませんが頑張ります。
by R8 (2012-03-21 23:15) 

土偶

いまだにPLAYLOGを愛している土偶と申します。

『nice!』が『♥』になってるではないですか!!!!!!!!!
凄い♪

私にも出来るでしょうか?
何卒ご教示頂くお願い致したいです。
by 土偶 (2015-03-15 18:09) 

R8

◎土偶さん
niceの設定については、デザイン⇒レイアウトからコンテンツを選び、コンテンツHTML編集を行う必要があります。ヘルプだと http://blog-help.blog.so-net.ne.jp/design3 になります。
そこから「nice!」の文字を削除したり、ハートとして「&hearts;」に置き換えたりします。
下記の記事が参考になるでしょうか。
http://bbrassy.blog.so-net.ne.jp/2013-11-12-1
by R8 (2015-03-16 02:08) 

土偶

ありがとうございます!!!!!
やってみます♪
by 土偶 (2015-03-16 04:52) 

土偶

できました♪
やっぱり♥っていいですね。


ありがとうございました。
by 土偶 (2015-03-16 10:08) 

R8

◎土偶さん
できましたか。良かったです♪
by R8 (2015-03-16 13:41)