●当サイトは閉鎖しております。新サイトは此方。よかったら遊びに来て下さいね。
●こうさぎJPEG背景配布中です。カテゴリーの配布処から....よかったらどうぞｖ
●リヴリーとバルビレッジのページはこちらに移転しました。よかったらお友達になってね♪
　ピッピコ島へ！
2004年08月
« 前の月    |    次の月 »
日 月 火 水 木 金 土
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31
Blog Pet
ランダム背景実施中
遊びに来てくれる度に
背景が変わるよｖ
ヤプログでこうさぎが
投稿する方法

since 22,7,2004
こうさぎ飼育箱
設置苦労話？
こうさぎ飼育箱

最新コメント & TB
▽コメントありがとう♪▽
ミッチ
⇒ こうさぎ飼育箱を設置しる (2006年10月06日)
ととろ
⇒ こうさぎ飼育箱を設置しる (2006年10月02日)
ミッチ
⇒ クマー日和（ドラゴンと遭遇） (2006年08月31日)
ミッチ
⇒ ピッピコ勇敢に戦うそして・・・ (2006年08月31日)
萠
⇒ クマー日和（ドラゴンと遭遇） (2006年08月31日)
萠
⇒ ピッピコ勇敢に戦うそして・・・ (2006年08月31日)
ミッチ
⇒ こうさぎの部屋背景； (2006年04月21日)
みみまきマニア
⇒ こうさぎの部屋背景； (2006年04月20日)
BlogPetのここうめ
⇒ 俳句も詠めるよ [via cocousagi] (2005年11月28日)
BlogPetのここうめ
⇒ 俳句も詠めるよ [via cocousagi] (2005年11月21日)
▽最新TB嬉しいです▽
投稿のテスト(BlogPet) (2006年04月20日)
地震だ〜〜〜〜！！ (2005年10月19日)
Mozilla Firefox 、 Mozilla の拡張機能 (2005年09月22日)
こうさぎ飼育箱設置への道 (2005年08月11日)
BlogPetのひとりごと (2005年07月31日)
CSSの勉強のために (2005年06月10日)
ぷちばなー (2005年04月01日)
ブログペット (2005年02月20日)
BlogPet飼育箱Ver.2.0.2リリース (2005年02月16日)
ここうさぎとこうさぎ飼育箱 (2005年02月15日)
プロフィール
  • ニックネーム：kidoairaku
読者になる
Yapme!一覧
読者になる
« 2004年08月04日 | Main | 2004年08月07日 »
インプットボタン変更　/　2004年08月05日(木)
今日は、WEB拍手ボタンをなんとかカッコよくしたいなーと悩んでいたら、
1日がそれでつぶれてしまった

さて、参考にさせていただいたのは、とーこ様のsampling.sys（カスタマイズ１５）です。

でも、完全に理解した訳ではありません＞＜

なんとかボタンがかっこよくなる部分をコピーして（わー。手抜き！）

input, textarea {
　　　background-color: transparent;
　　　border: 1px solid #a52a2a;
　　　font-size: 12px;
　　　color: #666666;
　　　padding: 5px; }
.btn {
　　　padding: 3px; }

メインテンプレート、アーカイブテンプレート、１記事テンプレートのそれぞれのタグに埋め込みました。

やりかた、違いますか？？

＜疑問＞これをスタイルシートだけで設定可能なんでしょうか？

↑8/7訂正
わかりましたぞ！
スタイルシートに埋め込めばよかったんですね？
これで、全ページに反映されました！

トーコ様の記事を一生懸命よんでも、スタイルシートのどこをどのようにいじるのか、分かりませんでしたー
スマソです。

※　textareaとinput（送信する部分）の
　　class部分を消すこと。

ということだったのですが、これが理解不能状態（笑）。

8/7追加
↑この意味は、いまだに勉強中です

HTMLやスタイルシート詳しくないので、コピーペーストで変更するのが精一杯なんですー


でも、取りあえずなんとかボタン部分やコメント書く部分が変わりました。
色などは、後で変更する予定です。

とーこ様、ありがとうございました！

　
Posted at 15:42　/　カスタマイズ　/　この記事のURL
コメント(6)　/　トラックバック(1)
タイトルを自作画像に挑戦！　/　2004年08月05日(木)
ぶはー。疲れた。
今日は、スタイルシートをいじればタイトルに自作画像等が使えると知って、
頑張りますた！

参考になったサイトは、ふろろグ様です。ありがとうございました。m(__)m

以下は、ふろろグ様より簡略引用させていただいてます。

以下のソースをスタイルシートの

タグの中身と入れ替えただけです。

適宜書き換えてね。

display: block;
background: #F0E68C url("http://yaplog.jp/brolog/img/42/img20040617.jpg") no-repeat;
font-family:"ＭＳ Ｐゴシック", "ヒラギノ丸ゴ Pro W4", HiraMaruPro-W4, Osaka,"Trebuchet MS", verdana, arial, sans-serif;
background-color: #F0E68C;
text-align: left;
text-indent: 30px;
height: -1px;
padding-top: 70px;
margin: 0px 0px 0px 0px

赤文字の部分は、自分の画像をアップしたURLに変更します。
画像の配色は、タイトル文字の色が映えるものにしておいたほうがいいですね。

はじめ、暗い色のものを作ってプレビューしたら、タイトル文字が見えない！
でおどろいて、白っぽく変更しました

この、タイトル文字の色って変えられますか？
ちょっと試してみたんだけど....。変化なしでした。
いじったところ違うのかなー？

他にも、メインテンプレートを直接いじる方法などもありましたが、私はスタイルシートをいじる方法にしてみました。

この文字列の意味はところどころしか分かりません。
font-familyなどが必要なのか？
どこかに画像URLのみ書けばいいって書いてあったっけ。
今度試してみますか...

しかし、検索するととっても詳しく解説されてるサイト様が沢山あることにびっくり。
ソースに詳しくない私には、とてもありがたいです。

感謝！





　
Posted at 14:21　/　カスタマイズ　/　この記事のURL
コメント(6)　/　トラックバック(0)
P R
書（描）いてる人
■ミッチ　 ﾔﾌｰﾒｯｾﾝｼﾞｬｰ MSN Online Status Indicator
■O型
■東京都下在住
■家族
　　旦那、チビ怪獣3匹（笑）
■仕事
　　専業主婦
■好き
　　オダギリ・ジョー、半田健人
　　タコス、お絵描き
　　デカレンジャー（笑）
　　金色のガッシュベル
　　銀河鉄道９９９（古っ）
■嫌い
　　夕飯の支度（爆）
■参加同盟
バルビレッジ同盟
後姿ラブリー同盟
BlogPetこうさぎ同盟

■参加中ＳＮＳ
　　キヌガサ　ｍｉｘｉ　Ｅｃｈｏｏ！


　　　
こうさぎ保育園
人工無能之住処 酢鶏亭
・「barvillage」は株式会社GWEBで提供しているサービスです。
・このサイトは「バルビレッジ」および株式会社GWEBとは一切関係ありません。

・『Livly Island』『リヴリーアイランド』は、ソニーコミュニケーションネットワーク株式会社の商標です。
リヴリーアイランドに関わる著作権その他一切の知的財産権は、ソニーコミュニケーションネットワーク株式会社に属します。
このサイトは『リヴリーアイランド』およびソニーコミュニケーションネットワーク株式会社とは一切関係がありません。

Global Media Online INC. ▲ ページトップへ
ブログ＋ヤプース！＝ヤプログ！