- 締切済み
Greasemonkeyでtwitterの特定ユーザーの発言にスタイルをつけたい
Greasemonkeyを使って、twitterの特定のユーザーの発言に対して、スタイルを付けて表示するJavaScriptの書きかたを教えてください！ 具体的には、 twitterのHTMLの例 <li id="status_0000000000" class="hentry status u-abcde">... の部分の、"u-abcde"というユーザー独自のclassが付いている<li>に対して、追加でstyle="font-weight:bold;"というようなスタイルを追加して表示したいのです。 JavaScript初心者なもので、まずどう書けばいいのか分からず…^^; よろしくお願いしますm(_ _)m
- salt-water
- お礼率94% (17/18)
- JavaScript
- 回答数1
- ありがとう数2
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- askaaska
- ベストアンサー率35% (1455/4149)
関連するQ&A
- 特定の文字にCSSを適用したい
ブログを書いております。 記事にコメントがあった時の「コメント（１）」といった表示を、コメントの有無で太字にしたりノーマル表示にしたいと思っています。 コメントが無いときは・・ コメント（０）をfont-weight:normal; とノーマル表示。 コメントが有るときは・・ コメント（１）をfont-weight:bold; とボールド表示させたいです。 Javascriptを使用して、特定の条件にのみCSSを適用するにはどうしたら良いでしょうか？ 宜しくお願いします。
- ベストアンサー
- JavaScript
- Excelの関数の文字列""で「"」を文字として認識させたい
Excelを使ってhtmlタグを一気に作成することが多いのですが、 A2=サンプル ="<span style="font-weight: bold;">"&A2"</span>" ↓ <span style="font-weight:bold;">サンプル</span> と出るようにしたいのですが、「"」を文字として認識させる表記方法が何かあったかとおもうのですが、（JavaScriptでの「\」の様な感じで） どなたかご存知でしたら教えていただけませんか。
- ベストアンサー
- オフィス系ソフト
- ネット上で見る事が出来ない・・・・
<html> <head> <title>スタイルシート</title> <style type="text/css"> .bold｛font-weight:bold;} </style> </head> <body> <p class="bold" ようこそ ＜ｐ＞ 私のホームページへ </body> </html> ↑これのどこがおかしいのですかね？ ＨＰを見る事が出来ないのですが
- 締切済み
- HTML
- Firefoxでのスタイルシートの記述について
Firefoxでのスタイルシートの記述について ４つの文字を配置するために (1) font-size:18px; font-weight:bold; color:#000000; margin:127px 72px 0px 40px; (2) font-size:18px; font-weight:bold; color:#000000; margin:64px 72px 0px 40px; (3) font-size:18px; font-weight:bold; color:#000000; margin:101px 72px 0px 40px; (4) font-size:18px; font-weight:bold; color:#000000; margin:65px 72px 0px 40px; と指定しました。IEでは思った位置になったのですが Firefoxでは(2)(3)(4)が下のほうにずれてしまいました。Firefoxに合わせるとIEでの位置が上にずれてしまい頭を悩ませています。 記述の間違いや、アドバイスなどあれば教えてください。 よろしくお願いします。
- ベストアンサー
- HTML
- 「wp to twitter」のカスタマイズ
wordpress初心者の者です。 「wp to twitter」というプラグインを使っております。 wordpressの記事を投稿するとtwitterに書き出すウィジェットです。 動作は正常にしているのですが、カスタマイズに困っております。 通常は要素を調べて、cssを変更すると、うまくカスタマイズできるのですが、 今回はうまくいきません。 現在、wordpress上のトップページのフッターにウィジェットとして更新記事twitt風にリンク付きで表示させています。 その際、下記のような2つのカスタマイズを行いたいと思っています。 ・その際、更新情報毎にtwitterのiconを表示させたい。 ・リンク色を変えたい。 ブラウザからその部分の要素を表示させると「li class="lang-und"」、 右窓には「list-style: outside none none; list-style-type: none; list-style-image: none; list-style-position: outside;」 と表示されます。 スタイルシートに「li」タグで指定するとtwitterのicon画像は表示されますが、 当然、ヘッダーメニューなど、余計な箇所にもiconが表示されてしまうので、 「li」に下記のようにクラス指定しましたが、うまく表示されません。 【スタイルシート】 li.twit-icon{ list-style: none; background: url(http://●●.com/images/Twitter_icon.gif) no-repeat; } 【phpファイルの一部】 <ul class='tabs' role="tablist"> <?php if ( get_option( 'jd_individual_twitter_users' ) == 1 ) { ?> <li class="twit-icon"><a href='#authors'<?php echo $pro_active; ?> aria-controls="authors" role="tab" id="tab_authors"><?php _e( 'Tweet to', 'wp-to-twitter' ); ?></a></li> <?php } ?> <li class="twit-icon"><a href='#custom' aria-controls="custom" role="tab" id="tab_custom"><?php _e( 'Options', 'wp-to-twitter' ); ?></a></li> <li class="twit-icon"><a href='#notes'<?php echo $free_active; ?> aria-controls="notes" role="tab" id="tab_notes"><?php _e( 'Notes', 'wp-to-twitter' ); ?></a></li> </ul> 変更しているファイルまたは箇所が違うのでしょうか？ ご指導いただけたら、たいへん助かります。 情報不十分でしたら、ご指摘ください。 よろしくお願いします。 添付画像のようなイメージのものを作りたいと思ってます。
- ベストアンサー
- CSS
- ユーザスクリプトを編集したい。
Firefoxで見ているページをTwitterに投稿出来るGreasemonkeyスクリプト、 「Post Now browsing to Twitter」を利用しています。 このユーザスクリプトでは投稿窓にコメントを入力すると、 コメント "タイトル" 短縮URL といった表示でTwitterに投稿されますが、 エディタでユーザスクリプトを編集して、 以下のように変更することは可能でしょうか。 コメント / タイトル 短縮URL Javascriptがわからないため、どなたかご教示ください。
- ベストアンサー
- JavaScript
- 外部スタイルシートで色を指定したいけど、画面に反映されません。
前に、外部スタイルシートが読み込めずに困っている旨の質問をしました。 おかげさまで、「 拡張子を表示しない 」のチェックを外したところ、 読み込めない原因を突き止めることができました。<(_ _)> 今回は、色の指定に関する質問です。 ｈ１、h2及びh3に関し、 フォント(文字)のサイズ、ウェイト、字体は上手く反映されています。 なのに、色だけが反映されません。 スタイルシートには、次のような形でに記述しています。 h1{ font-size: 12px; font-weight: normal; font-color: #ff1493; } h2{ font-size: 28px; font-weight: normal; font-family: serif; font-color: #c0c0c0; } h3{ font-size: 20px; font-weight: bold; font-family: serif; font-color: #c0c0c0; } html上は<h1>〇〇</h1>と記しています。 次の方法でも試してみましたが、色は黒のままです。 （スタイルシート） h1.deeppink{ font-color: #ff1493; } （ｈｔｍｌ） <h1 class="deeppink">〇〇</h1> いったい、どこに原因があるのでしょうか？ わかる方がいらっしゃいましたら、ぜひ回答をお願いいたします。m(_ _)m ちなみに、ｈｔｍｌ上は<div id="□□"></div>を使い、 スタイルシート上は#□□{ width: 752px; … }と記載しています。 心より、的確な回答をお待ちしております。
- 締切済み
- その他（インターネット・Webサービス）
- jQuery 変数を複数のセレクタに適用する。
jQueryを書き始めの初心者ですが、よろしくお願いします。 一度書いたものを（DOMをいじる程度ですが） jQueryを高速化のため、スクリプトを現在、見直しています。 HTMLは以下な感じです。 <ul id="hoge"> <li><a>項目1</a><li> <li><em>項目2</em><li> </ul> 上記の各liの、さらに中の要素（aとem）を取得するために、 今まで以下のように書いていたのですが $("#hoge li a, #hoge li em").css("font-weight","bold"); これを、変数(hoge)を使って、書き換えたいと思います。 var hoge = $("#hoge li"); 複数セレクタを指定しているのですが、 この場合、セレクタを一気にまとめて書くのは難しいのでしょうか？ ↓のように書くしかないのでしょうか？ hoge.find("a").css("font-weight","bold"); hoge.find("em").css("font-weight","bold"); なんか、あまりスマートではないので、 良い方法がありましたら、教えていただけたらと思います。 どうぞ宜しくお願いいたします。
- ベストアンサー
- JavaScript
- スタイルシートについて教えてください（ホームページビルダー11で）
ホームページビルダー11を使用してWebページをつくっています。 （超初心者です） そこにCSSのnavigation menuのテンプレートを挿入したいと思っています。 ソース（タグ？）は以下です。 http://www.13styles.com/css-menus/style1/ 挿入自体はうまくいって、ちゃんと目的のようにできるのですが、スタイルシートにほかの設定をすると、表示が変わってしまいます。 ほかの設定とは、リンクやリンク済みのフォントを変更するということです。 （a:linkやa:hoverを入れると） テンプレートだと「font-size:11px;font-weight:bold」になるのですが、リンク関係のフォントをほかのサイズに設定すると、そちらの表示になってしまいます。 そうならないように、テンプレートの設定そのままに表示されるようにするにはどうしたらよいでしょうか？ 教えてください。 宜しくお願いいたします。
- ベストアンサー
- ホームページ作成ソフト
- cssがhtmlに反映しません
.style01 { font-size: 120%; color: red; font-weight: bold; } .style02 { color: blue; font-weight: bold; } .style03 { background-color:yellow; text-decoration: underline; } .style01.style02は反映しますが、 .style03 の{ background-color:yellow; text-decoration: underline; } background-color:yellow;の部分が全く反映しません。 なぜでしょう。
- ベストアンサー
- その他（インターネット・Webサービス）
お礼
askaaskaさん、アドバイスありがとうございます。 教えてくださったスクリプト、私が希望することにマッチしています！ ですが…早速適用してみましたが、反映されませんでした（泣）twitterのHTML部分が変更されているからかもしれません…？ var updates = jQuery('tr.hentry'); は var updates = jQuery('li.hentry'); かな？とか…それでも適用されませんでしたが…。 調べて試してみますね。参考にします。 ありがとうございました！