FC2ブログ
桃色style 最新記事トップへ

カテゴリー別ページです!

HTML・CSS - 桃色style

桃色style ホーム » HTML・CSS
ランダムミニSS =100枚=
時々思い出して更新します。2010.5.2
スポンサーサイト  --月 --日 --曜日 
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
mixiでCheck入れる!

web拍手

今度は大丈夫かな?  10月 22日 月曜日 [PCお勉強]

2度目の正直になるか?!w

今回はざっと他のブラウザでも見え方確認しました。


今回、フォントサイズの指定をpxから emに変更したんですが
それでもやっぱり ブラウザによって多少字の大きさや行間などが違います。
あっちが良ければこっちがイマイチ・・・・という感じで

もういいやーー!wwヽ(;´Д`)ノ


自分ではこれでも「見切り発車」のつもりはないですが
もし崩れてたらごめんなさい。

んで、サイドバーの「最新記事」の部分がないのは
管理人のPCから見ると、どのブラウザでも最新の5件ではなく
最古リスト(2010年の4月分)になってしまってたからです。

原因はわかりません。
プラグインなので、今回のリニューアルではいじってないから
ちゃんと機能するはずなんですよね。。。



今日は 両親指がまだ痛かったので ずっとDVD見てて~~w

そういえば、、「テンプレート再度こんどこそ変更」の件書いてなかった
と思って、ブログ管理画面で投稿してますw


ブログのリニューアル作業を本気で取りかかり始めて1週間近く。
タグと格闘し始めると2.3時間あっという間に経ってしまうので
アメーバのほうのコンテンツも放置気味www

3つのコンテンツ(ライフ、アイランド、カフェ)も全部ハロウィンイベント真っ最中!
でも、短時間でできるもののちょい飽きてきたwww
企業だし利益上げないとだから「課金しろしろ」作戦が見え見えでイラっとww

ヴァナの違う楽しみは 模様替え(庭、島、カフェ店内)が気軽にできることかな~



ちょい一段落したんで


capsule聴きながらの~~ 親指いたわりつつの~~ 
今から自分の極限状態腐海部屋をちょい片付けますっ!!! ←(なう?w


スポンサーサイト
mixiでCheck入れる!

web拍手

あれから2か月  10月 16日 火曜日 [PCお勉強]

遅々として・・・というか
ブログをリニューアルしようと決めてから早2か月ですが
なかなか時間が取れなくて 放置気味。

でも昨夜 ちょいまた再開しました!


てっとり早く いっぱい種類のあるテンプレートから
季節にあったものに定期的に変えれば1分もかからないんですけどねー( ̄‥ ̄) = =3



妙にこだわる悲しい性(T_T)




今回の改善点
・ENTERページをなくす
・少しでも軽くするために余分なものを消してHTMLの記述を減らす


けど、FFXIのページにある
メンバーリストとブログパーツなどは自分用に残したい。
それらはフリースペースにでも貼ったり書けば良いことなんですが
いちおネトゲ出身ブログとしては、今まで通りに別の専用ページを作りたい。
それに、FFの記事は現状少ないから 普通のページに貼りたくないって気持ちもあります。

けど カテゴリの中でFFのページだけ体裁を変えるって
けっこう面倒なんですよねーww


現在悩み中な点
・曜日で見た目を変えているのをどうするか?
    ⇒CSSを7種類作るのは画像作成含めかなり時間がかかる
・FFのページのランダムSSをどうするか?
    ⇒現状HTMLに書いてて文字数が多い原因のひとつなので
     なくしてしまうか、外部ファイルを読み込む形に変更したい

     (実際 SS更新できてないから要らないかーw)



ごくごく少数のお得意さまだけなので
既製品であろうが 特にこだわる必要ないかもしれないけど
逆に言えば 不特定多数の閲覧者がいっぱいというわけじゃなく
かつアクセス数を上げたいわけじゃないので
自分がそれなりに満足できるものであればいいのかなーとかw



曜日で見た目を変えることをしなければ

ちかいうちにリニューアルできそうです!!(あくまで予定



ちなみに、10月10日 ヴァナに生まれて9年になりました。。。




mixiでCheck入れる!

web拍手

謎の不具合  08月 03日 金曜日 [PCお勉強]
この記事がいつもと同じように見える方は Firefoxでしょうか?

Firefoxをメインで使っている管理人はまったく気づかなかったんですが
「なんかブログが見れない」とメールもらって・・・ビックリ!!



入口(ENTERページ)から 通常のブログページ[MAIN]のボタンをクリックしても
リンクのURLは合ってるのに 通常のブログページが表示されず

たとえて言うなら

家の玄関で 
側面の窓から侵入することはできても玄関からは入れない


という風な不具合??が現在発生しています。



今日の夕方 ドコモでも
一部の地域(管理人ちはそのエリアに含まれるw)で
メール出来ないなどのトラブルが発生しているとTVで言ってましたが~

ユーザー(奇特なお得意さまをたとえてw)の数が比較にならないから
そんな大それた事件ではないのですが 
数少ないといえど 覗きに来ていただいてる方々にはご迷惑をおかけしております


現象としては

Firefox以外のブラウザでブログを開くと

普通にブログ記事を見ようとしても 
ENTERページになってしまう 
     ↓

--0803-1.gif

ブックマーク(お気に入り)に登録してもらってた場合
それが ENTERページでも、曜日によって違う通常のブログページでも
同じように「入口」が表示されるようです。



全ページに付けている
--0803.gif
画面上のナビボタンは 赤い部分がブログで使っているテンプレート。
青いボタンのページは、それぞれ別のテンプレートです。

FC2ブログは、かなり自由度が高くしかもテンプレートがいくつもストックできるので
たとえば、一般的な使い方では

気に入ったイメージのテンプレートをDLして 衣替え感覚で定期的に変えてみたり
季節感を出すのに、四季折々のテンプレートをストックしておいて
夏、クリスマス、春~・・・みたいにワンクリックでテンプレートを切り替えられます。

その機能を利用して
青枠部分のページは、「現在使用しているテンプレート」ではなく
スットクしてある いわば控え選手みたいなものを
いかにもセットのように見せているだけですw


だから青枠のほうのページは無視して~赤枠のボタンはというと



ENTER==http://momoirosweet.blog6.fc2.com/
   ┃
   ┗MAIN==http://momoirosweet.blog6.fc2.com/?page=0 
            1ページ10記事でpage=0が一番新しく~ page=1,page=2,page=3・・・




このMAINページが表示されない!

URLは合ってるはずなのに・・・・・・・



しかも、、色々カテゴリー分けしてあるうちのFFXIHOBBYはボタンを作ってあるんですが
そっちは問題ない!

カテゴリー分けで見るページやコメント含む個別ページは問題ないんです。





http://momoirosweet.blog6.fc2.com/?page=0

この通常ブログの1ページ目が 


--0803-2.gif


なぜだか見た目 http://momoirosweet.blog6.fc2.com/←入口
と同じなので


試しに、page=0の0を1に変えてみると

ちゃんと表示されたんです!!
ただし、page=1っていうのは2ページ目なので少し古い記事のページになるんですが・・・


なので、その2ページ目の上の方のリストにある

--0803-3.gif

ページ送りで[1](赤枠)をクリックすると

ちゃんと 本来MAINをクリックすると見えるページが出る!!!



いったいどうなってるんだろ?~(>_<。)~




この記事が読めている方は 問題ないんだろうから
書いても無駄な気はするんですが~

今現在の対処方法として
カテゴリーページの一部 FFXIHOBBYから
他のカテゴリーページへ飛ぶこともできますが

一番簡単なのは


MAINをクリックして 
URLのpage=0の0を1に書き換えて2ページ目を表示させ 
その後、上の画像の要領で1ページ目に戻る


というやり方かなぁ・・・・と。。


なんとか直さないと~って思って検索してみたんですが・・・探せなかったです

申し訳ありません




まさか、、

こないだの文字化けのように 知らないうちに文字コード変わってたし~?

今回の件も、なにかFC2の仕様が変わったんだろうか・・・・ヽ(;´Д`)ノ






---------------- 後記 ----------------


テンプレートのHTML編集で メニューバーのリンクを

a href="<%url>?page=0"

から

a href="<%url>page-0.html"

に書き換えてみました。
そしたら、直ったんですがー 最新記事(今現在はこの記事)が表示されない・・・・


それでさらに

a href="<%url>?page-0"
にしてみたら 


なんか・・・直った~???∑( ̄□ ̄;)


今までとどこが違うかって・・・

page=0 → page-0


(;´-`)。oO(ぇ・・・)


---------- 頭がぼんやりしてきたので考えるの止めて寝ます;; --------



mixiでCheck入れる!

web拍手

一見さんと常連さん  10月 23日 土曜日 [PCお勉強]
どうでもいいことですけど~
左のカレンダーを見ると、今月初めて土曜日に記事書きましたよー!(微発見w



個人的に気になっているところの
このブログの見た目が間延びしている件。

第2弾?として、ENTERページを修正しました。



両端に寄ってて、、アンコのないお饅頭のような・・・・


で、こじんまり~ 中央に寄せました!



横幅を1000pxに指定しました。
CSSを書き替えただけです。(HTMLはfooterのところを少し変更のみ)

ワイドモニターじゃない方は、たぶんそんなに見た目は変わらないと思います。


まだ肝心の曜日別のCSSをいじってないので 
メニューバーが中央に寄ってるのは
SSのENTERページと、HOBBYページだけです。。。


ついでに、ランダムで9種類ある背景画像を入れ替え&修正しました。
これで、借りもの画像はなくなって全部オリジナルになりました

メニューバーのどれかにマウスポインターを置くと出てくる説明文の位置は
モニター(解像度)がまちまちだと自分が意図した絶対的な位置に出すのは
管理人の頭では難しいので、時間あったら思考錯誤したいところですが
たぶんそのままか・・・全部中央に寄せたら消すと思います


折りたたみ以下は、久々のアクセス解析の事をすこ~し
mixiでCheck入れる!

web拍手

ちゃぽんちゃぽん  08月 23日 月曜日 [PCお勉強]
ビィィィィィィ・・・・

ガァァァァァ・・・・

あ゛・・・・・

        脳のチューニン・・・・

できませーーん。゜゜(´□`。)°゜。


お腹がチャポンチャポン;;;


お盆明けの連休でお休みだったジム。

今日行ってきた。。。 ただそれだけなんですが・・・

なんてゆーか、海に行った時とか
体内の熱がなかなか抜けなくて、ものすごく喉が渇いた感じがしますよね?

や、、炎天下に居たわけじゃないんですけどー
とにかく、疲労の上に喉が渇きすぎて 日頃ブラックのアイスコーヒーなのに

ミルメーク入りの

ど甘い牛乳を3杯おかわりしてしまった!

その前にも飲んでるんで、、たぶん1リットルは一気飲みした計算です;;


なんか、体が要求している水分量と 脳が摂れと命令している水分量が違う気がする・・・
食道の上の方まで牛乳があふれてる気がするんですよぉぉ~(´;ω;`)

帰ってから 這いずるようにしてジムセットは洗濯したんで・・・す。。
明日も行けるように・・・

明日は、、どうなってるか・・・なぁ・・・

とにかく、今はタプンタプンだし しんどいしで・・・・


よって、、【また会いましょう。】( ̄― ̄)ノ^^^^


ここのENTERページには24時間営業の札をぶら下げてますけど
本日、店長がチャポンチャポンのために 無人。。。(_ _(--;(_ _(--;





けど ここで終わってしまうと 知性や可憐さのカケラもない記事になってしまうので・・・

ケイタイからの投稿時の ちゃぽん店長の工夫をば少し書いておきます。



無精な性格+ケイタイのメール打ちが大の苦手なはずなのに

記事内の字の大きさとか色を変えるのは 面倒なんじゃ?

と思ってる方もいらっしゃるかもしれないと思って~w

モブログ投稿は、前のロリポブログの時からやってますがー
文字の大きさとか色指定のタグをいちいち打ってたのは最初の頃だけで

プロフィールにも書いたように
自分がラクするためのアイデアは絶対実行しますから~w


<span style="font-size:medium;color:#cc0000"><strong></strong></span>

このタグを PCから自分のケイタイへ送って
ケイタイに定型文として登録してるんです!(@⌒ο⌒@)b

ご存知とも思いますが~

★ <span style="font-size:medium;color:#cc0000"><strong></strong></span>

赤字のところが字の大きさで その時々で この部分を
mediumか largeまたは、、18px~30px(特大)あたりの数字を入れてます。

★ <span style="font-size:medium;color:#cc0000"><strong></strong></span>

赤字のところが字の色で 指定しなければその曜日のCSSの指定通り。
もしくは、モグログでは黒(#000000)か濃い赤(#cc0000)くらいしか使ってませんw

<span style="font-size:medium;color:#cc0000"><strong>■■■</strong></span>
<strong>タグは、もちろん太字ですけど~
この定型文を使ってなく手打ちだった頃は 文字打ち数減らしに <b>を使ってましたw

で、、強調したい文を打つ前にこの定型文を呼びだし貼りつけてから
■印のところに 大きくしたり色を変えたりしたい文を入れます~


このタグはレンタルブログによって違うかもですが
管理人もロリポブログの時から変わってないので~
かなりのブログで使えるんじゃないかと思います。

モブログ投稿やってて もしこういう時短テクをやってない方がいらっしゃったら
定型文としてケイタイに登録しておくと便利ですよ~~\(o⌒ー⌒o)/


店長、これにて不在!! 【さようなら。】ε=ε=ε=(┌  ̄_)┘ mixiでCheck入れる!

web拍手

javascript無効時のCSS  08月 21日 土曜日 [PCお勉強]
元は、新しいテンプレートを作ろうと作業を始めたのがきっかけです。

でも、曜日別に使っている画像などは、今のスタイルに合わせて作ってるものが多いので
左寄せになってるものとか、、もう1度作り直すのは大変だなぁ・・・と
うだうだ考えながら、元のテンプレートをぼんやり見ていて

例のスクリプトの存在に気が付きました!ヽ( ̄‥ ̄;)ノ

どういうスクリプトかっていうと、、
記事の内容と関連がある過去記事をリスト化するものだったんですがー
個別ページにしか使ってないってことに今更気付いて・・・・

もしかして、コレが原因?

今のところ、コメントやOKサインなどいただいて
100%無罪放免ではないですが、大丈夫そうではあります!

TBや検索、RSSなんかで覗きにきていただいてた方々には
表示が直で個別ページなので 毎回毎回 ご迷惑をおかけしました m( __ __ )m



でー!

時間のかかる新しいテンプレートと全CSSの書き替えは
その件で中断してしまったんですがー

久々にテンプレートタグをいじったので 今がチャンス!!
と、、以前ご要望いただいた


javascript無効時のスタイルシートを作りました。


画像を どれかの曜日のものを使い回さず 新しく作ったので時間かかりましたけどー

たぶん

こんな感じに見えると思います!!ヽ(´ー`;)ノ
0821.jpg

管理人の可憐さと!ブログ名を忠実に表現したつもりですー!ww

一言で言うと、、上品&可憐めのピンクのテンプレート!(≧∇≦)b


といっても、HTMLはひとつしかないのでーCSSで見た目を変えてるだけですが・・・

このSSはスクリプト有効なので見えてますが
×印のところやカウンターなど、、たぶんいろいろ表示されない部分があると思います。


緑の楕円のところに管理人のモニターではメニューの説明が出るんですがー・・・
これもスクリプトなのでたぶん表示されないからいいかな?と思って~
今回、上の右端にあるメニューバーは寄せました!

ホントは、テンプレートを新しく作ろうとして
このメニューバーを右端からこんなふうに移動したかったんですけど
スクリプトで下に出るメニューの説明文が、
z-indexという いわば紙を2枚重ねたようなレイヤのように上に重なるタグを使ってるために
これだけモニターの横幅が色々あると
文字の表示位置を真ん中あたりに指定するのが 管理人には難しいんです(/_<)

作ったスタイルシートは、
メニューの「MAIN」=通常の曜日で変わるページにだけ適応されるはずなので
他の部分は、スクリプト無効でも今まで通り表示されると~ヽ( ̄‥ ̄;)ノ


まぁ、一般的にはスクリプト有効だと思うので・・・・
このピンクの仕様は 目にすることはないと思いますw


スクリプトエラーと、このCSSと・・・・クリアできそうで
すこし、気持ちがスッキリしました!♪(/。\)(/。ヽ)
mixiでCheck入れる!

web拍手

ぬぁ~?  08月 20日 金曜日 [PCお勉強]
前略 すみませ~ん!

もしここを覗きにきた方がいらっしゃったら
個別記事(コメント欄の見えるページ)を開いていただけませんか?

サイドメニューの「コメント」=誰かの名前をクリックするか、、
「最新記事」のどれかをクリックするか、、で、お願いします~

メインページの「このページにある記事リスト」のどれかをクリックしても
ページ内で移動するだけですので×。



曜日、時間帯や 各PC,ブラウザなどで違うかもしれないので ヽ( ̄‥ ̄;)ノ
スクリプトエラーが出るか、確認していただきたいのです。。


人海戦術! よろしくお願いいたします~~。・゚゚・(>_<;)・゚゚・。



あっ、、追記
調べてやったけど、いちいちその事をコメントするのは面倒という場合 

もしもエラーが出なかったら
右下のほうにあるはずの拍手ボタンを押していただけると嬉しいです!
(クリックするだけで コメント不要ですから~)
この場合は拍手の意味ではないですけど OKボタンだと思ってお願いします(-人-;)
mixiでCheck入れる!

web拍手

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。