ちょっとしたロゴが簡単に作れるサイト

シンプルなロゴが一瞬にして作成できるツールやサイトは結構ありますが、動作も軽くて設定も簡単、でも結構いい感じにロゴが作成できるサイトを見つけましたので紹介してみます。

Supalogo
http://supalogo.com/

さっそく、@ネイチャーのロゴもさくっとまるっと作ってみました。

あれー!なんかいい感じやないっすか!これそのままつかおうかしら(笑)

日本語や一部記号には対応してませんが、ちゃちゃっとロゴが作れるのでいいかもしれませんね。

タグ


position:absolute;した要素がIE6で消えるバグ

position:absolute;した要素がIE6で消えるバグに、先ほどまで苦しめられてました・・・。で、解決策を発見。

position:absolute;で消えてしまう要素に、clear:both;を追加すると無事表示されるようになりました。どうも、前後の要素にfloatが噛んでたりすると現れる症状のようですが、まだ詳しく調べていないので、詳細がわかり次第また乗せます。

追記:とても詳しく解説してくれている記事を発見しました。
http://jmblog.jp/archives/180
引用元:jmblog.jp

まさにジャストフィット(?)な記事です。有難う御座います!

タグ


2009 年 9 月 28 日 | コメント/トラックバック(0)|

カテゴリー:CSS てるよし

印刷用CSS関連 A4サイズに収まる範囲で印刷したい

久々に実用的?な記事をば。

題名の通り、印刷した際に、おそらく標準で設定されているだろう「A4サイズ」でぴったり印刷する際に役立つ方法をご紹介します。

コンテンツの幅が605?640のあたりであれば、普通に印刷してもA4サイズに収まります。また、このサイズを超えたとしても、FirefoxやSafari等の”賢い”ブラウザは、しっかりと内容を自動で縮めてA4サイズで端が切れないように印刷してくれます。

だがしかし。IE6,7は、そんな気の利いたことはしてくれません。じゃあどうするか?そんなときに便利なzoom。記述は簡単。

body {
	zoom:0.65;
}

これだけです。この0.65という数字は、サイトのコンテンツ幅によって変わりますので、そのあたりは調整してください。1が標準の大きさで、数字が小さくなるにつれて、印刷の際のサイズが小さくなります。0.5なら標準の半分、みたいなかんじです。この記述をCSSに書いて、あとは

<link rel="stylesheet" type="text/css" href="print.css" media="print" />

として、印刷用CSSとして読み込めばOKです。超簡単。IEでどうしても印刷したときにはしっこが切れる!という場合、お試しあれ。こんなことしなくても印刷設定でいぢくれば早いですが、そんなのってめんどくさいですよね(笑

タグ


2009 年 9 月 26 日 | コメント/トラックバック(0)|

カテゴリー:CSS てるよし

WordPressの<font>タグの置換えや<div align= の属性削除の無効化

WordPressに標準で実装されているビジュアルリッチエディタのTinyMCE内で行われる、タグの変換処理や、許可されていないタグの削除機能を意図的に変更・無効にする方法を調べてみました。

今回携帯サイト用のHTMLをWordpress内の投稿記事に貼り付けると、色々必要なタグが置き換わってしまう事に気づきました。

具体的には、古い携帯ブラウザ向けに<font color=”red”>での色・サイズ指定や、<div align=”center”>レイアウトの指定タグがあるソースなのに、Wordpress内の記事として投稿するとそれらのタグが全て変換or削除されてしまいます。

これは困った・・・という事で色々調べていると、ビジュアルエディタのTinyMCEが行っている様です。

該当の設定は、convert_fonts_to_spansというオプションがtrueになっていると font => span が行われる模様。
align=が削除されるのは単にタグが許可されていない為でした。

どうしても携帯用サイトのCMSとしてWordpressを使いたかったので、(ktai-style等のプラグインでは無く)何か方法がないかと検索・・・ありました!とても便利なプラグインが!(いつもこの流れですね)

mineko様制作の下記のプラグインを流用し、tinyMCE.initへオプションを渡します。(色々なTinyMCEの設定を上書き可能です。感謝!)
http://wpmu.litchee.com/2009/06/30/tinymceinitsetting/

今回はfontタグの変換と、divのalign要素を使いたかったので、下記の二行をプラグイン内に記載します。(元々複数の追加フォントを選べるようにする為のプラグインなので、不要な部分は削除しても良いかと思います。)

$args['convert_fonts_to_spans'] = false;
$args['extended_valid_elements'] = 'div[align<center?justify?left?right|class|dir<ltr?rtl|id|lang|onclick|ondblclick|onkeydown|onkeypress|onkeyup|onmousedown|onmousemove|onmouseout|onmouseover|onmouseup|style|title]';

上記はFONT変換無効化と divのalignを使用可能にしています。

細かいMCE.initの設定は以下を参照で!
http://wiki.moxiecode.com/index.php/TinyMCE:Configuration

タグ

梅雨が明けたと聞いてはしゃぐ男性客 その後雨にふられてガッカリ

何かのニュースでやっていたそうなんですが、海水浴場にて、インタビュアーから梅雨があけたときいてはしゃぐ男性客がその後雨にふられてガッカリする一連の様子だそうです。

TV局が梅雨明けの時期に海水浴場にいって客にインタビューしていたらこんな人がいたそうです。

http://image.blog.livedoor.jp/news4vip2/imgs/4/0/40e03d2b.jpg

なにやらやらせっぽいですが芸人顔負けのリアクションですね。

タグ

2009 年 9 月 15 日 | コメント/トラックバック(0)|

カテゴリー:NG!

このページの先頭へ

イメージ画像