個人的PWblogマニュアル

今週、ブログの表示にトラブルが発生しているようで
私の方に連絡をくださった方が二人いらっしゃいます

私のブログも一時、表示が不安定になりました

先ほどのお二人は
所有するブログが表示されない現象が発生して
ブログの再構築で復旧できたそうです

原因不明はですが
クレジット表記欄が怪しいなぁ

なんの告知もなかったけれど、今日いきなり
トラックバック先ＵＲＬの欄に自動で「ピングライナー」の
トラックバックＵＲＬが自動記入されるようになっている

サービスだろうけど告知してくださいよ

お願いします

前回のトラブルがあったからまた何か起きたのかと思いました。

既に登録して利用している方（私も既に利用しています）は
カテゴリ選択して使用しないとダブルのでご注意を

追記
モブログで投稿した場合には、ｐｉｎｇのＵＲＬが付加されません

モブログで投稿した記事のトラックバックをピングライナーに送る時は
後から編集で入力する必要がある

こんな感じで画像を並べる方法は以下の通り

＜p＞
＜img src="http://blog.zmapple.com/user/blueprint/kaiseki/image/1911_s.jpg" alt="CM" style="float:right;"＞＜img src="http://blog.zmapple.com/user/blueprint/kaiseki/image/1911_s.jpg" alt="CM"＞
＜/p＞

style="float:right;"をこの場合、
右に寄せたい内容のタグにつけるだけでいい、
後に続く内容が左にくる

style="float:left;"左に寄せたい時はこれ
後に続く内容が右にくる

style="float:none;"これがノーマル状態

文字でも同じことができる
こんな感じだ

久ぶりの新記事です

文字や画像の回り込みの解除もちょっとややこしい


画があってalign="left"で左に寄せているので
文字は画の右に回り込んでしまう
複数の画像を並べた時にジグザクに並んでしまう状態も解除できる
↓
↓
↓
こんな感じでスーペースを入れて画の横から文字をずらすのが
手取り早いが、ちょっと格好つけたいときに使う
（自己満足の世界へようこそ！）

＜br clear="left"＞(実際は＜＞は半角で入力）
を貼り付けた画像用のタグの最後につける

＜img src="http://www.pwblog.com/user/blueprint/files/1534_s.jpg" alt="CM" align="left"＞＜br clear="left"＞
こんな感じ。そのとき、left位置属性は合わせる。面倒臭かったから
＜br clear="all"＞でもいい

＜p style="clear:left;"＞
（回り込みを解除したいコンテンツを入れる）
＜/p＞
この方法でもいける





ちゃんと文字が画の横から下に移動する
画も被らずに縦にならんでくれる

注：以前はｂｒを使用して自動改行にチェックを入れておくと＜br＞が
　　自動的に付加されて（編集かけた回数だけ重ねて）修正が必要だった
　　ソフトを修正したのかなぁ

次は画像に対するリンクの枠消しと枠の修飾かなぁ。画像に隣接する文字の位置の調整方法もあげて、忘れても困らんようにしとこ。
この辺のタグはＣＳＳファイルでも良く使うんだよね。

サイド表示関係のＣＳＳ

サイド表示の一番奥（まぁ台紙）の幅と色
#pwside {
width: 25%;
background-color: #FFFFFF;
}

左サイド表示の幅設定と周り込み設定
#pwsideleft {
width: 25%;
float: left;
}

右サイド表示の幅設定と周り込み設定
#pwsideright {
width: 25%;
float: right;

奥から２番目サイド表示（ウィンド）の枠設定と色
.pwsidewindow {
margin-bottom: 10px;
border: 1px solid #00759B;
padding: 1px;
background-color: #000000;

サイド表示のタイトルの台紙と枠設定
.pwsidehead {
padding: 5px;
background-color: #C1FFFB;
border: 1px solid #00759B;
margin-bottom: 1px;

サイド表示タイトル文字の設定
.pwsidetitle {
font-size: 10pt;
font-weight: bold;
color: #00759B;

サイド表示の一番上、本文の台紙の色と枠
.pwsidebody {
padding: 5px;
background-color: #FFFFFF;
border: 1px solid #00759B;

background-color:設定を削除すると透明化する

float:を使うと画像と記事などのコンテンツを
平行に配置できる。