イヌブロブログ » CSS

Chrome版TweetDeckのカラム幅変更

NiCko — Wed, 15 Jun 2011 13:49:18 +0000

ずーっとTwitterはHootSuiteを使っていたのですが、なんか調子悪いのでChromeアプリのTweetDeckをちょっと弄ってみました。

デフォルトだとカラム幅が324pxなのでカラムを追加していくと横スクロールが多くなって見づらいです。

デフォな状態↓

なので、こちらのサイトを参考に変えてみました。
Chrome TweetDeck のデザイン変更 -てもぐ-

Windows7では以下のCSSを変えると良いようです。
C:\Users\アカウント名\AppData\Local\Google\Chrome\User Data\Default\Extensions\hbdpomandigafcibbmofojjchbcdagbl\0.9.7.10_0\css

ここにあるchrome.cssの以下の箇所。

#columns section{float:left;height:100%;width:324px;・・・・

今回は180pxにしてみました。

で、こんな感じに。

多少、見やすくなったかなーと。

IEでも角丸を？

NiCko — Thu, 22 Apr 2010 12:09:18 +0000

FirefoxやSafariなどはCSS3のborder-radiusで角丸を実現できますが、IEは対応しておりません。
というわけでborder-radius.htcなるものを使ってみたのですが・・・動かない。。。
ダウンロード先

-moz-border-radius: 32px;//for Firefox
-webkit-border-radius: 32px;//for Safari and chrome
border-radius: 32px;//CSS3
behavior: url(border-radius.htc);//for IE

で動くはずなんだけど、なんぼやっても動きません。
デモでは動くんだけど。

怪しいのはz-index辺りか、ボックスをフロートさせてるせいか。
もうちょっと調べてみます。

てかIE消えてくれ。

追記：動きました

IE7で消えるパンくず

NiCko — Fri, 29 May 2009 14:36:54 +0000

40歳になったNiCkoです(´ー｀)
若い頃は考えられなかったけど、40代もいいもんですね。
なんだかワクワクしております（笑）

さて、最近はプライベートな日記はmixiのほうに書いております。
こちらは犬関係か仕事関係の覚え書き中心になると思います。

というわけで。

タイトルにあるようにあるサイトでパンくずを書いていたんですが、なぜかIE7だけ消えるんです。
divタグでくくると消えます。なのでspanタグでくくっていたんですが、すると今度はIE8とOperaでレイアウトが崩れます。。

なぜなのか、原因不明。。droppyでプルダウンメニューを使ってるからかなぁ
仕方ないので、IE7以外のモダンブラウザ向けにdisplay:block;とcssで指定しました。
詳細は以下。

#pankuzu {
	padding: 0;
	margin: 0 15px;
	display: inline;
}
/* IE7以外モダンブラウザ用ハック */
html>/**/body #pankuzu {
	display: block;
}

これでいちおう解決しましたが、なんだかなぁ。

CSS Hack(1)

NiCko — Fri, 20 Jan 2006 23:57:26 +0000

WindowsIE5.0と5.5にそれぞれ違う外部スタイルシートを読み込ませる方法。

IE5.0

@media tty {
i{content:”¥”;/*”"*/}}; @import ‘ie50.css’;{;}/*”;}
}/* */

IE5.5

@media tty {
i{content:”¥”;/*”"*/}}@m; @import ‘ie55.css’;/*”;}
}/* */

ついでに、MacIE5.xに違う外部スタイルシートを読み込ませる記述。

/*¥*//*/
@import “ie5mac.css”;
/**/

以下は同一スタイルシート内でMacIE5.xにのみ、プロパティに違う値を指定する方法。
MacIEにはヒラギノをfont-familyに指定し、その他のブラウザにはGeorgiaを指定している例。

#head {
margin: 0;
padding-top: 10px;
*********（（中略））*********
font-family: “ヒラギノ明朝 Pro W3″, “平成明朝体”;
}
/* MacIE5.x以外 ¥*/
#head {
font-family: Georgia, serif;
}
/* MacIE5.x以外 */