スポンサーサイト

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

縦書きタグ

2006–05–29 (Mon) 01:57
「みんなのタグ辞書」でも、以下のタグが紹介されてます。

<div style="writing-mode:tb-rl;"> ~ </div>

…で文章をはさむと、縦書き表示になります。比較的表示も軽いです。
ただし、IE専用タグらしい。(入力時もIEからでないと記述できない?)
汎用性が無いなぁ…。

これを、CSSで指定する形でテンプレートを作った方もいらっしゃるわけで。
私の知るところでは、共有テンプレートに一名
非共有テンプレートで一名。
面白いなぁ~。

ブラウザを問わず縦書き表示できるタグも、あるにはあるみたいだけれども
ちと面倒な設定が必要なようで…。
(HTMLとCSSでスタイル設定をしつつ、一行づつスタイルを適用せねば
ならぬ模様です。面倒すぎて、ブログではやってられません…)

でも、某所で見かけた「縦書きに挑戦」というか、「そういう試み」は
面白いので、私もやってみたくなったのです。

でも、まず普通のデザインでも作りたい物がい~っぱい有るので
まずはそちらから…なのですが。
我ながら、欲張り。う~む。
スポンサーサイト

raceとlace(?)

2006–05–28 (Sun) 00:00
eme_race_bw (青背景・白レース・黒フチ)
eme_race_bw-r (赤背景・白レース・黒フチ)
eme_race_wb-r (赤背景・黒レース・白フチ)

当初、laceworks(レース模様)の意味で付けたテンプレート名ですが、
今頃になって[ eme_race~ ] と、Rで登録しちゃったことに気付き…
いや、もう二週間近く経っているので…今更、再登録は致しませんが。
私もアホですね……

ともかく、そんなこんなで…慌てて辞書で調べなおしました。
すると、意外な発見が。


  • raceには「競争」の他にも「急流」「水流」「水路」「用水」や
    「太陽・月の運行」だとか「時間経過」「人生行路」「経歴」
    …っていう意味もあるとか。
     
    こっちのraceの語源は、古期北欧語の「急流」だそう。
    う~む。北欧由来とは全く知りませんでした。


  • 「人種」「民族」「 生物の種属, 種類」という意味があったり
    「品種」「共通の祖先を持つ子孫」「仲間, 同類」などや、
    形容詞の「人種の~, 人種上の~○○」にもなるらしいです。
     
    こちらの語源は、イタリア語の racial  という形容詞だとか。


できれば、これらの別の意味の race だと思ってください。
お願い!…人(゜゜;)…みたいな………ペコリ。m(_ _)m

君の名は

2006–05–21 (Sun) 04:25



以前教えてもらった 「萌える!アバターメーカー」 ってところで
萌えるかどうかはさておき)ガチャポン合成で作ってみたけど…


 


 


何かぶってんだよ…君…(…バケツ?王冠?)
しかも、なぜにサングラス…

他にもいくつか作ってみたけど、なにげにサングラス率高かったです。

追記 – open

改行

2006–05–21 (Sun) 03:07

ところで、ブログ本文の改行する時って、文章末尾に<br />が自動挿入
されるけど、あれって 『<div> ~ </div>で、本文を自動的に囲む改行』
に変更してもらえないのだろうか…


これがHTMLの文法として正しいのか?…が、気になるけど。
ちょこっと調べてみたけど、丸きりダメってわけでもないみたいだし。

追記 – open

[ eme_3col_mint ] の仕様

2006–05–20 (Sat) 12:10

eme_3col-mint(サムネイル) [ eme_3col_mint ]



  • 全体幅 800 px   記事本文幅 430 px   メニュー幅 160 px  の3カラムデザイン。

  • プラグイン ON・OFF 両対応。

追記 – open

誤解

2006–05–19 (Fri) 19:40
昨日、寝る直前にHTMLの参考書的な本をパラパラとめくっていたら…
………なんと!
私は今まで<code> ~ </code>と、<pre> ~ </pre>の記述の
順番を間違えていた事を発見!

…って~か、今頃やっと気が付きました…



逆だったよ………
<pre><code> ~ </code></pre>だったんだよ……………
どうりで、firefoxでこのタグを書いた時無効化されるはずですよ……………

firefox ったら、なんておりこうちゃん。ヨシヨシ。
私は今まで、君の事を誤解していたよ~!
でも、これで今日から安心して<code> ~ </code>タグを入れた記事を書けます。



テンプレデザインにも「Get ! Firefox ! 」とかな、ダウンロード用のリンクでも入れようかな。
いえいえいえ、そこまではしませんけど…
 

[ eme_3col_mint ] の共有登録…

2006–05–18 (Thu) 22:20

eme_3col-mint(サムネイル)  [ eme_3col_mint ]

またまた、共有登録させていただいてます…。
ただいま承認待ちでございます。

追記 – open

設定の追加など

2006–05–18 (Thu) 08:03

本日ダウンロード分より、公開中の全てのテンプレートで本文中にリストマークを
表示できるよう、設定を追加しました。

使い方については、カテゴリー 「カスタマイズ方法」 の中の 「リストマークの表示」
簡単に説明してありますので、ご参照ください。 (使い方もメチャ簡単だったり…)

追記 – open

[ eme_race_2col_wb-r ] の修正報告

2006–05–17 (Wed) 20:19

[ eme_race_2col_wb-r ] のブログ紹介文の、右側端の折り返しを修正しました。
(レース模様にかからない位置で、文章を改行します。)



あと…
こちらは私事なのですが、自分の名前を ID名:emeraldmountain  に統一します。

共有テンプレートの、ダウンロード用画面下の一言コメント欄に、ついうっかり
いつものHN、わ~やでお知らせ事項とか書き込んじゃってました…。
見た人が「?」って思っちゃいそうなんで、作者名としてはeme~で行こうかと。

ではでは、これからは(も) emeraldmountain を、よろしくです。

もしかして、FC2側の不具合?

2006–05–17 (Wed) 02:20

自作テンプレに、投稿した「共有スレッドテーマ」と「ジャンル」を表示させようかと思い
HTMLに改造を加えたところ、全然表示されません。
………え?

私の書いたタグが間違っているのかと思い、他のテンプレ作者さんのものを
のぞかせていただきましたが、そちらでも表示されてません。
(タグは記載済み+コメントアウトされていず、有効な状態のもの)

追記 – open

承認待ち…(2)(3)

2006–05–16 (Tue) 00:58

本日付けで ↓ [ eme_race_2col_wb-r ] と [ eme_race_2col_bw-r ] ↓を
共有登録しました。ただいま承認待ちです。


(2)eme_race_2col_wb135x90.gif  eme_race_2col_bw-rサムネイル(3)


 どちらも、コメントフォームとスクロールバーに配色を施しています。


[ wb-r ] を作った勢いでもって、[ bw-r ]  を、えいやっ!みたいな…
[ bw-r ] は、[ bw ] (青系バージョン)とは、白レースの柄を変えてあります。
[ wb-r ] は、全体的に、少し甘さを控えた大人なレースかも。

基本的に画像サイズが同じなので、[ bw ] と [ bw-r ] のレースを入れ替えて
使用する事もできます。

[ eme_race_2col_wb-r ] の仕様

2006–05–15 (Mon) 22:12

eme_race_2col_wb-rサムネイル [ eme_race_2col_wb-r ]



  • 全体幅 780 px   記事本文幅 500 px   メニュー幅 170 px  の2カラムデザイン。

  • プラグイン ON・OFF 両対応。

追記 – open

[ eme_race_2col_bw-r] の仕様

2006–05–15 (Mon) 20:52

eme_race_2col_bw-rサムネイル [ eme_race_2col_bw-r ]



  • [ eme_race_2col_bw ] (青背景デザイン)の、背景色違い・白レース柄違い。

  • 全体幅 780 px   記事本文幅 500 px   メニュー幅 170 px  の2カラムデザイン。

  • プラグイン ON・OFF 両対応。

追記 – open

少しだけバージョンアップ

2006–05–15 (Mon) 07:49
[ eme_race_2col_bw ] 

本日ダウンロード分より、スクロールバーに配色を設定しました。
それだけといえば、それだけなんですが…

次に登録する予定のデザインにも、スクロールバーに配色を施しています。
IEの人にしか見てもらえないのが、残念無念×××ですが。
う~ん…

次は…

2006–05–14 (Sun) 21:15

レース2カラムの、赤バージョンを製作中です。
せっかくだから、レースの模様も変えるつもりにしてます。

それとは別に、3カラムも作ってます。
そのうち完成すると思うので、気長~にお待ちください。

全部違う配色にしたい!と、野望を燃やしてます…メラメラ

我侭なブラウザ子に振り回されてます

2006–05–14 (Sun) 20:47

通常 body {~} に、line-height: 150% などと指定をしておくと、それだけで
メインカラムの記事・サイドのメニュー、どちらにも line-height: 150% の設定が
有効になる。…はずだ。IE6.0だろうが、FFだろうが、Operaだろうが。


ところが。
……………とあるIE6.0.2環境で、サイドのリストマークの表示が変だった。
行間も変だし。
ま、そんなこともあろうかと、CSSに設定を追加してline-height: 150%にしてみた。
直った。


ところが。
……………正常だったはずのFF1.5.0.3環境でまで、リストマークの表示が変に。
行間も変だってば!…え、ええっ?!

IEとFFでは、表示時に適用されるフォントの種類が違うから??
ま、そんなこともあろうかと、FFのみに適用されるCSSの設定をline-height: 160%に
変更してみた。直った。

でも、なんか心配だから、どっちの設定も line-height: 160% にしとこっと。
やれやれ…


そんなわけで、私の書くテンプレデザインのCSSは、日々長くなっていくのでした…。
どっとはらい。

[ eme_race_2col_bw ] の修正報告(2)

2006–05–14 (Sun) 03:55

修正・追加の報告等



  • サイト説明が2行以上になる場合の折り返しに対応しました。
    右側余白を設定しました。

  • IEやFFでの一部環境で、アーカイブやリンク集などのアイコンマークが重なって見える
    ・行間が詰まる…という症状に対応しました。


新規ダウンロード分については、CSSを修正済みです。
そのままお使いください。

この記事の日時以前のバージョンをお使いの方で、上記のような症状が見られる方は
お手数ですが、追記以下を参考に 「CSSの編集」 で、桃字部分の追加修正を
お願いします。
症状の見られない方は、修正の必要はありません。
 

追記 – open

[ eme_race_2col_bw ] の修正報告

2006–05–13 (Sat) 03:52

今日付けで [ eme_race_2col_bw ] の、フッターのリンク部分 ( カーソルをのせると
文字の背景色が変わる設定 ) で、幅広く背景色が変わってしまう状態を修正後
上書き登録しました。

面倒かとは思われますが、以前のバージョンをお使いの方は、追記以下を参考に
CSSの桃字部分を書き換えてくださるよう、お願いします。
『気にならない』 という方は、そのままお使いくださっても大丈夫です。
(機能は同じです)

追記 – open

プラグインの幅設定を変える

2006–05–12 (Fri) 07:02

各種プラグインの中には、最初から幅が固定してあって (検索窓など)
テンプレデザインを変えると、どうにも収まりが悪くなったりするものがあります。
それらのプラグインが、使用テンプレに合わせて自動的に幅が伸縮してくれると便利です。

例: 検索窓
初期設定では、以下のようなHTMLになっています。
緑字の部分が幅の設定です。この部分を、桃字のように変更します。

追記 – open

承認待ち…

2006–05–09 (Tue) 03:33

やっとこさ登録にこぎつけた、[ eme_race_2col_bw ] …
承認待ちです… [ 利用規約 ] も、一生懸命書いたとです…

自作テンプレの簡単なカスタマイズ方法も、ちょこっとだけ書いたとです…
これからも、記事がちょこっとづつ増えるとです…
たぶん…

追記 – open

[eme_race_2col_bw] の仕様

2006–05–09 (Tue) 01:32

eme_race_2col_bw135x90.gif [ eme_race_2col_bw ]



  • 全体幅 780 px   記事本文幅 500 px   メニュー幅 170 px  の2カラムデザイン。

  • プラグイン ON・OFF 両対応。

追記 – open

テンプレート利用規約

2006–05–09 (Tue) 01:28

◆ 当方登録の共有テンプレートを使用する上での注意点 ◆

◇ 基本的な確認事項等 ◇



  1. 当方の配布している共有テンプレートは、公式テンプレートの Sample-2 他、CFDNさんのものを基にして作成しています。

  2. 当方では、 IE7.0 ・ IE6.0 ・ Firefox 2.0 ・ Opera9.0 などで、表示・動作の確認を行っております。

    Mac 環境のブラウザについては確認がとれませんので、各自対処していただくようお願いします。(すんません…)


  3. 使用するにあたってのジャンル制限は、特に無し。一般・アフィリ目的・アダルト系、どんな方でもお使いください。

    普通に日記としてお使いいただく場合、難しく考えず、お気楽に使ってください。

    個人的な価値観としては、アフィリ目的の一般 ・ 広告目的のアダルト系の方の場合、定期的に更新しているマメな管理人様に愛用していただきたいと思っています。


  4. 不具合に関する報告は、 該当するテンプレの仕様説明記事にコメント形式で書き込んでください 。

    時間の許す範囲内でなるべく対処するつもりですが、すぐにできるとは限りません気長にお待ちください。
    なお、書き込む前に、個別の環境 ( 自分のブラウザの設定や、後から追加したスクリプト等 ) に起因するものではないか…を、よく確かめてください。


  5. 個別のデザイン変更など、カスタマイズについての質問には基本的にお答えできません。あらかじめ御了承ください。( こちらも、他に本職のある身ですので… )

    各ブログの管理画面左下にあるヘルプ部分の、/ カスタマイズ・マニュアル / Q&A / 有志によるQ&A / サポート掲示板 / などで、しっかりきっちりお勉強いただいた方が後々便利ですし、わかりやすいし、早いです。(私もたまに利用さていただいたり、顔を出したりしています)


  6. カスタマイズ前・カスタマイズ後ともに、テンプレートの再配布・共有登録は禁止です。他のブログサービスにおいても、再配布・登録は禁止です。


  7. 作者の著作権表示部分は削除しないでください。


  8. 最近、『カスタマイズ代行』 などと称している方が見受けられますが、中には他ブラウザでの表示確認もしていない、技術力の不足している方や素材屋さんの利用規約も把握していない方…などがいらっしゃいます。

    素材屋さんとのトラブルの原因・表示の乱れの原因ともなりますので、不用意にこういった代行業者を利用しないよう、ご注意ください。



◇ 素材について ◇



  1. 当テンプレートに使用している素材は、全て私( ID名:emeraldmountain またはH.N.わや )が、趣味でチマチマ作りためたものです。

    ドット絵の透過 gif 画像や、ファイルサイズやや大きめの jpg 画像などを使っています。


  2. 色の変更などは、各自ご自由にどうぞ。


  3. 拡大・縮小などは画像が汚くなったり、透過gif 画像の場合は効果が失われたりしますのでなるべく避けてください。


  4. 拡大・縮小を伴わない、画像の切り取り・付け足しなどをしてサイズを調整するのはOKです。

              たとえば、元はこんなサイズの画像を↓
               横棒170x13(基本) 

              こんな風に短くしたり↓
               横棒143x13(基本サイズよりも切り詰め) 

              こんな風に長くしたりする事です↓
               横棒200x13(基本サイズよりも延長) 

    あなたのカスタマイズしたブログにあわせて、作り変えてください。


  5. ただし、加工前・加工後ともに、画像素材の再配布は禁止です。独自の加工をしているか否かに関わりません。


  6. 基本的に 「画像の素材屋ではない」 ので、当方デザインの共有テンプレートとセットで使用していただくのが前提になっています。

    ただし、一部の画像(jpgの大きめ背景画像)のみ、「公式テンプレート」の差し替え背景画として使用することを許可しています。(許可する画像については、後日記事を作成します。「該当するカテゴリー」「記事」などが見当たらない場合は、記事が作成されるまでお待ちください。)

    その場合も、「他の共有テンプレートの背景画像として使用する」 ことは、絶対におやめください。(相手側作者が禁止している ・ 作者がどちらかわからなくなる ・ 不具合が起きた場合に責任の所在が不明になる…などの事態を避けるためです)



◇ CSS(スタイルシート)について ◇



  1. 当テンプレートのCSSを見ると、ヘッダーやフッター部分など ( それ以外の部分にも ) に margin: 0; とかmargin-top: 0; などと設定してある部分が、しばしば見受けられます。

    これは、ブラウザの IE6.0 と Firefox や Opera などの表示を一致させるために、あえて設定しているものなので、なるべく変更しないでください。『 0 であるから、削除して良い 』 というものではありませんので、ご注意ください。

    どうしても変更したい場合は、必ず Firefox などで表示を確認しながら行ってください。


  2. 既に数値などが設定されているものについては、お好きに変更してください。(よっぽど無茶な設定でない限りは、おおむね大丈夫です)

プラグインコンテンツへ枠をつける

2006–05–08 (Mon) 19:51

プラグインコンテンツへ一項目ごとに枠を付ける場合、まずHTMLの編集画面で
以下の場所に、赤文字の部分をそれぞれ付け加えます。
プラグイン2・3にも、それぞれ同じようにして付け加えますと、CSSで設定している
外枠の指定が有効になります。

追記 – open

リストマークの表示

2006–05–08 (Mon) 01:59

プラグイン有効時のプロフィール欄で、名前や自己紹介文にリンク集やアーカイブ部分と
同じようなアイコンを表示させたい場合、『 HTMLを編集する 』 をクリックして
以下の様な変更を加えます。
緑文字部分を削除して、桃文字部分を書き加えてください )

本文中にリストマークを使いたい場合は、ソースの表示画面を開いて
下記のような形式でタグを書くことで表示させられます。


<ul>
<li>夜露に震えるあの子の頬髭</li>
<li>肉球の中に隠した秘密の冒険</li>
</ul>

それ以外の場所については、追記以下を御覧下さい。

追記 – open

 | HOME | 

translate this blog into

カレンダー

04 | 2006/05 | 06
- 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 - - -

最近の記事

最近のコメント

最近のトラックバック

カウンター

総閲覧数:

プロフィール

emeraldmountain

  • Author:emeraldmountain
  • 最近こちらのブログにはあまり出入りしていません。返信等はかなり遅れます。ご容赦くださいませ。

ブログ内検索

カテゴリー

全記事(数)表示

全タイトルを表示

Llnks

RSSフィード

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