p's stylesheets factory

この広告は365日以上更新がないブログに表示されます。

スタイルシートも制する・・・ならいいのですが、
今回は、余白の話です・・（笑）
何のことは無い・・・・
スタイルシートを眺めていると・・・
やたら出てくるおまじないですね。
margin:
padding:
が・・・そうですね。
あと・・
position:もよく似たものなのですが、
これは多少難しいので、今回はパス・・・・

続きを読む

前回書いた、background:ですが、
実は一行で書けるわけは・・・
background-attachment:
background-color:
background-image:
background-position:
background-repeat:
などの複数の設定を一度に設定できる為です。

続きを読む

スタイルシートで、皆さんがやりたいことの一つは・・・
背景画像やバナーの入れ替えや追加だと思いますが、
そのご希望をかなえるのは・・・
backgroundのプロパティーというか・・おまじないです。

続きを読む

ブログを見てられると、よくリンクの文字があると思いますが、
状態によっていろいろと変色させたりできるのが、
スタイルシート中のリンクアンカーに付いての設定です。
すでに一度、スロースタイルの3に書いた項目ですが、
こちらに再度記載して、あちらを削除予定です。
では・・

続きを読む

・・・というわけで、
このシリーズも完結ですね。

スタイルシート

アーカイブページ

個別記事ページ

トップページ

ほぼ、解説もつけましたので、こちらに公開
前作は・・・削除


続きを読む

あまりトップと変わらないのですが、
日付欄に時刻も移設しました。


続きを読む

んでまた・・・
同様に個別ＨＴＭＬのサンプルです。
トップにあわせて、改変ずみ

続きを読む

かなりいじってますし、
変更や解説のサンプルにはならないかなぁ？

まぁ、いいでしょう。
ちなみに、お使いになる際には、画像はご自分のフォルダのものにてご使用ください。
又、素材のページから仕入れているので、
其方からお好きなものを落とされて入れ替えたほうがいいですね。

日付などのバーは転用していただいてもＯＫです。

まだ、スタイルシート残ってますが、
次回の予定は・・・・？？？？
もう少し楽なやつをしようかな。
まぁ、しばらくはtips三昧でもいいし。。。

まぁ、完全にデザインが変わってしまいましたが、
バニーインザムーン
のフェアリー＆エンジェル　オン　ジ　ムーンの
トップhtmlです。
いつものように、いつものごとく、
上に独自バナー追加、
ページトップのリンクアンカー設定変更
もともとあったgifのバーの削除
各部リンク文字の変更などを行ってます。


続きを読む

尚、こちらの素材は、
イラスト・素材提供：幻想素材サイトFirst Moon
からいただいてきましたので、
お使いになる際には、其方をお読みくださいね。

この項目が0になっちゃうので、
おまけのページです。

あまりいじっては無いのですが、
トップページ個別ページ
アーカイブ
スタイルシート

以上となります。

続きを読む

とっても・・・バタ臭い？バニーインザフルムーンをちょいと・・・
見栄え変えてみますね。
久々に、画像ソフトインストールしましたし、
エディタ出してきたので、
すこし・・・だけ能率アップ（笑）

ちなみに、題名はムーンライト　ダンス　としちゃいます（笑）

アーカイブＨＴＭＬです。
変更点は、トップに準拠してます。
アーカイブ時にのみいろいろしたい場合には、
こちらだけ変更すると出来ます。

ちなみに、アーカイブとして使われているのは、
テーマ別に選別したり、月ごとに選別した場合です。
では・・・

続きを読む

同様に、個別記事のＨＴＭＬサンプルです。
こちらは、apostedの部分の著者表記を変更しました
＜個別リンクが必要ないため

あっ、それから、ページトップへのリンクの横に、
サイトマップのリンクをついかしてますね。
＜トップにも追加済み

では・・・

続きを読む

現在のシンプル3カラムグリーンのｈｔｍｌのサンプルです。

元のＨＴＭＬより変換したものは、
トップページへのリンク部分のアンカー指定
コメントなどの表示文字の変更。
apostedの行の表示変換、
それに伴う、時間表記を日付枠に追加
滋賀咲くブログへのリンクバナーの追加＜最上段部
以上です。



続きを読む

このページの上へ▲
の部分についての、リンク色などのアンカー変更法について

以下のようにしていただくと、
この部分を単独で配色変更など可能です。
また、元のリンクアンカーがfontのサイズを指定しているので、
この変更により、設定次第でfontサイズが急に変わることがあります。


続きを読む

スタイルシートやＨＴＭＬを触っていられると、
同じ項目に対して、多数の設定がされていることがあることに気がつかれると思います。

たとえば、fontサイズを設定しようとして、
そのクラスのfontサイズを設定したのに影響が出てこないときなど・・・
これは、競合時に優先順位が決められているためで、
後より入ってきたものが優先となります。


続きを読む

とりあえずは、9割がた解析できたので、
完成としておきます。

いやぁ、忘れてますねぇ。
まぁ、それも良いかぁ

かなりいじってますので、ＨＴＭＬも必要と思われるので、
後に追加予定。

続きを読む

途中ではありますが、現段階のカスタム具合のスタイルシートです。

尚、オリジナル画像は、記事の投稿欄にて、画像を登録して、
画像をクリックするとＵＲＬが出ますので、
其方を埋め込んでくださいね。
又、バナーオリジナル画像は右下寄せの配置になってます。

現在、約3分の１解説済み

続きを読む