村上浩志のブログ一覧

ぼんじゅーる“(`(エ)´)ノ彡☆ !!

FLAGcounterはそろそろ諦めなアカンかなと考えてる村上浩志です。

リンクにマウスをあわせた時にポップアップ…注釈みたいのを出すのを紹介します♪ この方←クリックせずにマウスを置いて下さい これはtitleってのを追記します。 <a href='https://minkara.carview.co.jp/userid/660016/profile/' target='_blank' title="㊥代表様">この方"</a> これで注釈みたいのが出て来ますよ☆彡 PS：ガチで…おやすみなさい(:D)┼─┤

ぼんじゅーる“(`(エ)´)ノ彡☆ !!

取得したFLAGcounterが時々調子悪くて表示されない…割り振られたサーバーのせい？…村上浩志です。

スタイルシートを弄った後は暫く表示されない事がありますが…今回は㊥々表示されないなぁ～ 一応新規取得したら今のサーバーとは別のサーバーに割り振られたので場合によっては交換しよかな！？ PS：そうすると今までの実績はぱぁ～になるねんなぁ…ヽ(;▽;)ノ

ぼんじゅーる“(`(エ)´)ノ彡☆ !!

焦らすのもナニなんでFLAGcounterの配置について紹介する村上浩志です。

今回の配置が全てではないですし僕も以前は何シテル？の恥下部に配置してましたが何シテル？を削除すると表示されなくなるのと何シテル？の吹き出しの枠の下が表示されなくなるのでブログではユーザー名の下部・プロフィールではお友達見出しの下部に配置します。

お約束ですが現在のスタイルシートのデータはバックアップですよ♪ まずはプロフィールページの設定♪ マイページ→スタイルシート→詳細編集→プロフィール 自己紹介を下記の様に記述。 margin:0 20px; font-size:12px; line-height:1.3;←この行の下に以下を追記 width:280px; padding-top:200px; background-image:url('FLAGcounterで取得したコード'); background-repeat:no-repeat; background-position:center top; FLAGcounterが二列の方はwidthは不要かも知れませんが3列の方は指定して下さい。 padding-top:200px;の200は高さの指定の様なもので僕のFLAGcounterの表示が現在は9行で200で上手く表示される値です。 皆さんの表示状況に応じて値を設定して下さい。 但し旗が増えて行数が加算されると右下のFLAGcounterの見切れますのでこの値を増やして下さい。 FLAGcounterのコードについては… bg 背景色 txt 文字色 border 枠色 columns 旗の列数 現在のスタイルに応じてFLAGcounterの配色もイイかも！？ お次はブログページの設定♪ マイページ→スタイルシート→詳細編集→サイドメニュー ユーザー自己紹介を下記の様に記述。 margin-bottom:0.5em;←この行の下に以下を追記 padding-top:200px; background-image:url('FLAGcounterで取得したコード'); background-repeat:no-repeat; background-position:center top; PS：それではミナミへ逝って来まふ(*´(エ)`)ノ

ぼんじゅーる“(`(エ)´)ノ彡☆ !!

昨夜はこの方とこの方とスタイルーシートオフ会をしていた村上浩志です。

今回は更なる改良のためのネタを紹介します“(`(エ)´)ノ彡☆ !!

最初にして欲しいのですが現在のスタイルシートのデータをバックアップして下さい。 スタイルシートを弄ってる想定外の事態に陥る事もあるので復元する為にお願いします。 マイページ→スタイルシート→詳細編集→スタイルの操作 CSSファイル書き出しの「書出し」ボタンを押してCSSファイルを保存して下さい。 復元の際はCSSファイル読み込みの「ファイルを選択」ボタンを押し保存したCSSファイル選択し「読み込み」ボタンを押して次のページで「保存」ボタンを押して下さい。 まずは色コードについてですが文字や背景の色は6桁の英数字を指定します。 下記のサイトで色見本が紹介されていますので好きな色のコード(6桁の英数字)を確認して下さい。 HTML Color Chart ブログ内のリンク色を変更するには… マイページ→スタイルシート→詳細編集→ブログ ・ブログ本文内リンク ・ブログ本文内リンク(訪問済み) ・ブログ本文内リンク(マウスオーバー) ここに「color:#色コード;」と追記。 タグのリンク色を変更するには… マイページ→スタイルシート→詳細編集→コンテンツ共通 ・タグリンク ・タグリンク(訪問済み) ・タグリンク(マウスオーバー) こちらも同様に「color:#色コード;」と追記。 PS：明日はFLAGcounterの配置について紹介します(*´(エ)`)ノ

ぼんじゅーる“(`(エ)´)ノ彡☆ !!

昨夜紹介できなかった<table>についてです♪

僕の最近のブログは普通に画像を投稿して画像の下にやや狭い幅で記事を書いてます☆彡 ここで使うのが<table>です。 一行三列の構成で真ん中の列をブログ記事の全体に対して幅の60%を指定します。 行が<tr>で列が<td>です。 両脇は残りの40%を半分ずつで20%を指定。。 先ずは普通に投稿した画像の下に持っていくには…コチラ↓ <table width=100% border=0 cellpadding=0 cellspacing=0><tr><td width="20%"></td><td width="60%"> <table>の幅=widthを100%にすることでブログ記事全体に対して100%を指定する事になるので画像の横では幅が足りないので自動的に下へ移動します。 本文や画像は下記の直下に書きます。 <table width=100% border=0 cellpadding=0 cellspacing=0><tr><td width="20%"></td><td width="60%"> 本文や画像はココにネ♪ 画像を狭めた幅に合わせるにはコチラ↓ <img src='画像URL' border='0' alt='' / width="100%"> width=100%って変に思うかもしれませんが60%に狭めた幅に対して100%指定する事によって幅ピッタリになります。 「画像」ボタンでリンクした時はデフォルトでwidthは指定されていません…指定しないで貼り付けると原寸で表示されるのでハミ出してしまう可能性大！？ なのでwidthは指定するのが無難です。 ちなみに幅=widthを指定すれば縦横比率を維持したまま高さも自動で調整されますのでwidthだけで良いです。 もうちょい小さめにしたいときはwidthを小さめに設定します。 <img src='画像URL' border='0' alt='' / width="50%"> そして末尾にはコチラ↓ </td><td width="20%"></td></tr></table> これで枠の指定を完了させます。 まとめ <table width=100% border=0 cellpadding=0 cellspacing=0><tr><td width="20%"></td><td width="60%"> ・本文 ・画像を挿入する場合は「画像ボタン」でタグを貼り付けてからwidthを追記 <img src='画像URL' border='0' alt='' / width="100%"> </td><td width="20%"></td></tr></table> だんだん昔やってたHPのカンが戻ってきたかな！？ PS：それでは昼飯喰ったら仕事に逝って来ます。。。