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


ピックアップ記事

Dreamweaver で開いたファイルが文字化けする場合の対処法

2012年02月06日 web関連 • zencart
症状 今回は、ZenCartのデータベースを編集したくて、sqlファイル(EUC-JP)をDreamweaverで開いたら、文字化けしました。 Dreamweaverの「新規ドキュメント」の設定が関係しているようなので、新規ドキュメントを開く際のエンコードの設定を変更します。 解決策 環境設定 ＞ カテゴリ内の「新規ドキュメント」＞ 「エンコーディングが指定されていない既存ファイ…
この記事の続きを読む
「Dreamweaver で開いたファイルが文字化けする場合の対処法」をはてなブックマークに追加
コメントする

[PHP]公開時間を設定

2022年12月08日 web関連 • php
[php] <?php date_default_timezone_set('Asia/Tokyo'); $datetime = date('Y-m-d H:i'); ?> <?php if($datetime >= '2022-12-08 12:00'): ?> ここに表示内容 <?php endif; ?> [/php]
「[PHP]公開時間を設定」をはてなブックマークに追加
コメントする

iPhoneのホーム画面に表示されるサイトへのショートカットアイコンを設定

2013年10月31日 web関連 • iPhone
[php]<link rel="apple-touch-icon" href="画像パス" /> [/php] サイズに関して 引用 : http://arigato-ipod.com/lab-webclip-apple-touch-icon.html 引用 : http://ozpa-h4.com/2012/03/29/…
この記事の続きを読む
「iPhoneのホーム画面に表示されるサイトへのショートカットアイコンを設定」をはてなブックマークに追加
コメントする

TwitterのプロフィールウィジェットのデザインをCSSで調整する

2012年02月07日 web関連 • twitter API
ツイッターのプロフィールウィジェットを入れているサイトで、CSSでデザインしていたら、h3やh4の設定がTwitterのウィジェットにまで反映されて、困ることが時々あります。（私は・・・） 今回はそれを直したかったので、調べて見ました。 Twitterのウィジェット 当サイトでは、Twitterが提供しているコードをそのまま設置していますが、以下のようなコードです。 [php] <s…
この記事の続きを読む
「TwitterのプロフィールウィジェットのデザインをCSSで調整する」をはてなブックマークに追加
コメントする

レスポンシブ対応 画像メニューをブラウザ幅に合わせて縮小表示

2014年11月15日 web関連 • HTML5・CSS3
レスポンシブ対応 画像メニューをブラウザ幅に合わせて縮小表示
レスポンシブ対応のサイトを作るときに画像メニューを設置して、ブラウザが縮小されても画像が改行されることなく、1列で固定で、画像の比率を保ったまま縮小表示させる方法です。 cssのdisplay:table-cellで解決 html [php]<ul id="nav"> <li><a href="#"><…
この記事の続きを読む
「レスポンシブ対応 画像メニューをブラウザ幅に合わせて縮小表示」をはてなブックマークに追加
コメントする
© graffiti on the web . All rights reserved. WordPress Theme by comfy