2011年05月26日 web関連
ブログやサイトなんかにtwitterウィジェットを使う事が多くなりましたが、ウィジェットの背景を透明にしないとサイトにマッチしないなぁという場合もあるかと思いますので、その方法を書いておきます。簡単ですが。。。（笑）
theme: {    shell: {      background: ‘none’,      color: ‘#0c4e87’    },   tweets: {      background: ‘none’,      color: ‘#3d3d3d’,      links: ‘#2092c7’    }
ウィジェット内に上記のようなshell , tweets という箇所があると思うので、それぞれ、backgroundをnoneに設定します。

この投稿へのコメント

コメントはまだありません。

コメントを残す

メールアドレスが公開されることはありません。

次のHTML タグと属性が使えます。
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

CAPTCHA


ピックアップ記事

WordPressで記事に画像投稿する際に、自動でクラス名をつける

2013年10月09日 web関連 • WordPress • php
記事内の画像をいい感じのエフェクトをつけて拡大表示させるWordPressのプラグイン「Easy FancyBox」というのを導入したのですが、挿入されたaタグやimgタグに固有のクラス名がないので、CSSで調整しづらかったので、リンク付きの画像を挿入したい際に自動でclass名を追加するようにしました。 imgタグにclassを追加する場合とaタグに追加する場合を分けて書きます。 挿…
この記事の続きを読む
「WordPressで記事に画像投稿する際に、自動でクラス名をつける」をはてなブックマークに追加
コメントする

レスポンシブ対応 画像メニューをテキスト表示に切り替える

2014年11月15日 web関連 • HTML5・CSS3
レスポンシブなサイトを作るときに、大きな画面では画像メニュー、スマホなどのサイズでは、テキストメニューにして、メニューボタンに格納したい場合など、画像メニューからテキストメニューにCSSで表示切り替えする方法。 cssの:before attr属性で解決 html [php]<ul id="nav"> <li><a data-tex…
この記事の続きを読む
「レスポンシブ対応 画像メニューをテキスト表示に切り替える」をはてなブックマークに追加
コメントする

IE6で透過pngを表示させる。DD_belatedPNG

2012年02月14日 web関連 • jQuery・javascript
DD_belatedPNG 先日、でも触れましたが、DD_belatedPNGというjavascriptを使って、IE6で透過pngを表示させてみました。 DD_belatedPNGの入手 以下のサイトにいって、DD_belatedPNGをダウンロードします。以下のサイト内を下へスクロールしていくと、左のサイドバーにDD_belatedPNG 0.0.8a releasedというリンクがあり…
この記事の続きを読む
「IE6で透過pngを表示させる。DD_belatedPNG」をはてなブックマークに追加
コメントする

WordPress ウィジェットに個別のid,classを設定する

2014年08月11日 web関連 • WordPress
WordPressのウィジェットに個別のid,classを設定して、違うデザインを適用したい場合は、functions.php内でサイドウィジェットを有効にする設定項目の「before_widget」の箇所を以下のように変更します。 [php]register_sidebar(array( 'name' => 'side-widget', 'before_wid…
この記事の続きを読む
「WordPress ウィジェットに個別のid,classを設定する」をはてなブックマークに追加
コメントする

有名サイトのロゴ フォント

2011年07月27日 web関連
Twitter …… Pico Alphabet (Modified)Digg …… FFF Forward (Modified)Last.fm …… National (Modified)Flickr …… Frutiger BlackYouTube …… Alternate Gothic No. 2Facebook …… Klavika (Modified)Engadget …… Engadg…
この記事の続きを読む
「有名サイトのロゴ フォント」をはてなブックマークに追加
コメントする
© graffiti on the web . All rights reserved. WordPress Theme by comfy