- 締切済み
埋め込んだgoogleカレンダーの文字サイズを変更
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- retorofan
- ベストアンサー率33% (328/976)
>googleカレンダーを見せる側（当方=ブログ執筆者）がCSSなどを編集・・・・・ それが可能になるためには、 ・googleカレンダーの仕様が変更された場合 ・フォントサイズのサイズ変更プラグインを用いた場合 ・同一オリジンポリシー制限を突破、すなわち、hackした場合 に限られます。 もし、質問者様がgoogleカレンダーに手を加えて、仕様壊変(改変) 出来たら、次のような見出しでニュースになるのではないかと。 「googleカレンダーに脆弱性が発見された！」
- retorofan
- ベストアンサー率33% (328/976)
chromeウェブストアから 拡張機能の 「Googleカレンダーフォントカスタマイザー」 をブラウザにインストールすればよいのでは・・・。
関連するQ&A
- google mapのサイズのcssによる変更
現在webページをスクリーンサイズによってPCとスマホにCSSを切り替えることによって 振り分けています、この場合google mapのサイズを切り替えたいのですがうまくいきません。 google mapは <div id="map" style="width:606px; height:420px;"> のように指定しています。 やってみたのはPC用CSSをpc.css、スマホ用CSSをsm.cssとすると <div id="pcmap"> <div id="map" style="width:606px; height:420px;"> </div> <div id="smmap"> <div id="map" style="width:406px; height:420px;"> </div> と記述し、それぞれのCSSでdisplay:none;したのですが無条件で2件目のmapが表示されないためうまくいきません、CSSに関わらず二重設置になるからだと思います。 なにかいい方法はないでしょうか？
- ベストアンサー
- CSS
- （スタイルシート）文字サイズ変更ができる、できないの基準
例えば<head>内に .px10 {font-size: 10px;} と記述し、 <p class=".px10">10ピクセルの文字</p> 上記のように記述すれば、ブラウザの表示→文字のサイズで文字サイズが変更可能ですが p{font-size:10px;} <p>10ピクセルの文字</p> では文字のサイズがブラウザで変更できないようです。この違いは何でしょうか？<td>タグ内にスタイルシートを記述するかしないか、の違いなんでしょうか？ お分かりになる方がいましたら、ご教授いただけないでしょうか？ よろしくお願いいたします。
- ベストアンサー
- HTML
- 文字サイズについて教えてください。
文字サイズをユーザー側で変更できるように、 指定をemにしているのですが、 ユーザー側で、文字のサイズを 「中」から「大」にすると、いきなり大きくなって しまいます。 ほんの少しだけ、大きくなってほしいのですが。 そのようなことをコントロールすることは可能でしょうか？ 文字サイズのＣＳＳ font { font-size: 0.75em; line-height: 1.4em; font-family: "ＭＳ Ｐゴシック" } .font4 { font-size: 1.15em; line-height: 1.3em; font-family: "ＭＳ Ｐゴシック" } .font3 { font-size: 0.9em; line-height: 1.4em; font-family: "ＭＳ Ｐゴシック" } .font2 { font-size: 0.65em; line-height: 1.3em; font-family: "ＭＳ Ｐゴシック" } .font2n { font-size: 0.65em; font-family: "ＭＳ Ｐゴシック" } .font1 { font-size: 0.55em } textarea,input,select { font-size: 12px } .search { width: 124px; } よろしくお願いいたします。
- 締切済み
- HTML
- google マップ サイズ変更
グーグルマップで、windowsのサイズ変更をしたら、地図の大きさも材レクトに変わるという処理をしたく、ウェブを参考に作ったのですが、 ローカルだと、firefox,opera,ie6でできるのですが、 HPにuploadすると、operaでしか実現できません。他のだと地図サイズが変化しません。 どなたかアドバイスいただけたら幸いです。 //<![CDATA[ //スクリプト定義 var map; var latLng = new GLatLng(43,14); // 初期位置設定 function load() { resize(); if (GBrowserIsCompatible()) { //Google Maps 利用可能? map = new GMap2(document.getElementById("map")); // マップ1 map.setCenter(latLng, 13); // 起動時初期位置 } } function resize(){ var map_obj=document.getElementById("map"); var disp=getDispSize(); map_obj.style.width=disp.width-100+"px"; map_obj.style.height=disp.height-100+"px"; } function getDispSize(){ if(document.all){ if(window.opera){ return {width:document.body.clientWidth,height:document.body.clientHeight}; } else { return {width:document.documentElement.clientWidth,height:document.documentElement.clientHeight}; } } // NN else if(document.layers || document.getElementById){ return {width:window.innerWidth,height:window.innerHeight}; } } //]]>
- ベストアンサー
- その他（プログラミング・開発）
- ブログタイトルの文字色の変更方法
htmlやスタイルシートのこともわからず ブログを始めた初心者ですが質問させてください。 FC2ブログでタイトルの色を変更したいのですが、できませんでした。 使用しているテンプレート名は「simple_002_fc2」です。 スタイルシートの /*-----タイトル＆イントロダクション-----*/ #header_left { width:560px; float:left; } h1 { margin:10px; font-size:12px; line-height:100%; } h1 a {color:#000000;} h1 a:hover {color:#000000;} h1 a:visited {color:#000000;} #introduction { margin:0px 10px 10px 10px; font-size:80%; color:#000000; } この部分のどこを変更したら良いのか おわかりになりましたら教えていただけますでしょうか。 よろしくお願いいたします。
- ベストアンサー
- CSS
- javascriptで文字サイズ変更-cssが効かない
こちらのサイトのスクリプトを使用してやってみています。 http://www.nrym.org/storeroom/neta/01_fontsize/ line-heightを各サイズで指定したいのと、このスクリプトでは縮小率拡大率％指定になっているのですが、これをピクセル指定にしたいのです。 そこで下記のように書き換えました。 fontchanger.js ------------------------------------------ show: function() { var id = this.id; document.writeln([ '<div id="' + id + '">', '<img src="moji.gif" width="50" height="20" alt="文字の大きさ" class="moji" />', '<a href="javascript: void(0);" id="' + id + '-small" title="文字を小さくする"><img src="moji_s.gif" width="20" height="20" alt="小" class="moji" /></a>', '<a href="javascript: void(0);" id="' + id + '-medium" title="文字を標準に戻す"><img src="moji_m.gif" width="20" height="20" alt="中" class="moji" /></a>', '<a href="javascript: void(0);" id="' + id + '-large" title="文字を大きくする"><img src="img/size_l.gif" width="20" height="20" alt="大" class="moji" /></a>', '</div>' ].join("\n")); Event.observe($(id + '-small' ), 'click', this.onClickSmall.bind(this)); Event.observe($(id + '-medium'), 'click', this.onClickMedium.bind(this)); Event.observe($(id + '-large' ), 'click', this.onClickLarge.bind(this)); }, onClickSmall: function(e) { this.change('10px' ); }, onClickMedium: function(e) { this.change('12px'); }, onClickLarge: function(e) { this.change('14px'); } }; css ------------------------------------------------- body{ font-size:12px; line-height:14px; } #fffsss{ width:100px; margin:0; padding:0; } #fontChanger{ } #fontChanger-small{ font-size:10px; line-height:12px; } #fontChanger-medium{ font-size:12px; line-height:14px; } #fontChanger-large{ font-size:14px; line-height:16px; } html ------------------------------- <div id="fffsss"> <script type="text/javascript"> <!-- FontChanger.start('js/fontChanger'); //--> </script> </div> ----------------------------------------------------- これがサイズは変更できるのですが、cssが効きません。 line-heightを指定できて、単位は全てピクセルにするにはどうしたらいいでしょうか？よろしくお願い致します。
- ベストアンサー
- JavaScript
- HPにブログを埋め込む
HPにブログを埋め込む サイトを運営しています。 その中の「Blog」についてなのですが、インラインフレームによって、ブログを埋め込んでいます。 <iframe src="ブログのURL" frameborder="5" style="height:100%;width:100%;position:absolute;top:0px;left:0px;right:0px;bottom:0px" height="100%" width="100%"></iframe> とすると、ヘッダー（メニューバーとツイッター）が表示されないので、 ヘッダーを読み込むタグをインラインフレームのあとにしてみると、今度はヘッダーにより、スクロールバーが隠れるのです。 そのため、今は <iframe src="ブログのURL" frameborder="5" style="height:77%;width:100%;position:absolute;top:100px;left:0px;right:0px;bottom:0px" height="100%" width="100%"></iframe> として、100pxから初め、77%で埋め込んでいるのですが、もっといい方法はないでしょうか？ また、別に、インラインフレームで埋め込まなければいけないわけではありませんので、ほかにもっと良い方法があるなら、教えていただきたく思います。 ご協力お願いします。
- ベストアンサー
- HTML
- 文字サイズ変更のjavascriptが動かない
現在、サイトを文字サイズ変更できるようにトライしているのですが、javascriptは全くの初心者なのでよくわかりません。 ページによって動かないので、何がいけないのかアドバイスお願いします！ 動くのは http://○○.jp/○○.html 動かないのは http://○○.jp/○○/○○.html のページです。 以下の記述は動かない方に設定しているものです。 ************* javascript ************* function imgver(num){ var element =document.getElementById("fontSize"); var writeHtml = ''; if( num == 0){ writeHtml +='<!-- --><li><a href="javascript:void(0)" onclick="font(\'16px\');imgver(0)"><img src="../common/l.png" width="25" height="26" border="0" /></a></li><!--'; writeHtml +=' --><li><a href="javascript:void(0)" onclick="font(\'12px\');imgver(1)"><img src="../common/m.png" width="25" height="26" border="0" /></a></li><!--'; writeHtml +=' --><li><a href="javascript:void(0)" onclick="font(\'9px\');imgver(2)"><img src="../common/s.png" width="25" height="26" border="0" /></a></li><!-- -->'; } else{ writeHtml +='<!-- --><li><a href="javascript:void(0)" onclick="font(\'16px\');imgver(0)"><img src="../common/l.png" width="25" height="26" border="0" /></a></li><!--'; writeHtml +=' --><li><a href="javascript:void(0)" onclick="font(\'12px\');imgver(1)"><img src="../common/m.png" width="25" height="26" border="0" /></a></li><!--'; writeHtml +=' --><li><a href="javascript:void(0)" onclick="font(\'9px\');imgver(2)"><img src="../common/s.png" width="25" height="26" border="0" /></a></li><!-- -->'; } element.innerHTML = writeHtml; } ************* html ************* <ul id="fontSize"><!-- --><li><a href="javascript:void(0)" onclick="font('16px');imgver(0)"><img src="../common/l.png" alt="大" width="25" height="26" border="0" /></a></li><!-- --><li><a href="javascript:void(0)" onclick="font('12px');imgver(1)"><img src="../common/m.png" alt="中" width="25" height="26" border="0" /></a></li><!-- --><li><a href="javascript:void(0)" onclick="font('9px');imgver(2)"><img src="../common/s.png" alt="小" width="25" height="26" border="0" /></a></li><!-- --></ul> ******************************************** 画像は表示されるのですが、全く動きません。 よろしくお願いします！
- 締切済み
- JavaScript
- CSSで記述した数値が取得できない
あるdivタグのサイズを640px*480pxにしようと思い、以下のように記述しました。 （省略） <style type="text/css"> <!-- #oshiete { width: 640px; height: 480px; } //--> </style> </head> <body> <div id="oshiete"></div> （省略） その後、これをJavaScriptで動的に変化させようとしたのですが、 document.getElementById("oshiete").style.width などでの数値の取得が出来ません。 調べてみたところ、divタグに <div id="oshiete" style="width: 640px; height: 480px;"></div> と直接スタイルを記述していれば数値の取得が出来ました。 しかしスタイルシートを使う以上、タグに直接スタイルを書いていたのではせっかくの効果が発揮できません。 スタイルシートをheadタグに記述、あるいは外部CSS呼び出しを使いつつ、JavaScriptから数値を取得する方法を教えてください。 よろしくお願いします。
- 締切済み
- JavaScript
- フォントサイズと行間
フォントサイズと行間についてご質問します。 フォントサイズ12px。文字上下に3pxのアキをとり行高18pxとする場合、 スタイルシートは下記ようになると思います。 font-size: 12px; line-height: 1.5 フォントサイズが13pxで文字の上下に4pxのアキをとり行高21pxとする場合、line-heightは21/13=1.61538462と計算されます。 font-size: 13px; line-height: 1.61538462 このように小数点以下が多い場合でもスタイルは正常に動作するのでしょうか(ちなみに13pxで行高19の場合1.46153846になります)。 普段、YUI 2: Fonts CSSを利用しております。デフォルト(100%)は13pxです。文字の上下に4pxのアキをいれ、行高を21pxに設定したいと思っております。その場合 font-size: 100% line-height: 1.61538462 というのは正常に動作するのでしょうか。
- ベストアンサー
- CSS
補足
ご回答ありがとうございます。 書き方が悪く上手く伝わらなかったようですので補足します。 googleカレンダーを見せる側（当方=ブログ執筆者）がCSSなどを編集して、「ブログを見る人が何かインストールなど特別な事をしなくても見やすいカレンダー」にできないか、という質問です。