Googleカレンダーのデザインをカスタマイズして埋め込む方法 | 東京上野のWeb制作会社LIG
こんにちは、デザイナーのサリーです。 LIGが運営するシェアオフィス「いいオフィス」では連日イベントが行われており、お客様からイベントに関するお問い合わせも多く頂くようになりました。 そこで、いいオフィスサイトにイベントカレンダーを表示しよう！ということに。 しかし、Googleカレンダーのデザインが、サイトのデザインに合わなかったんです(´･_･`) Googleカレンダーは2011年に新しいデザインになりましたが、埋め込むときは青い枠のついた旧デザインしか選べません。あまり時間もかけられないし、難しいことはせずCSSだけ上書きしたい……。 何かいい方法はないかググってみたところ、「gcalendar-wrapper.php」というスクリプトを見つけたので使ってみたら、まさに求めていた挙動を実現できました！ 今回は、gcalendar-wrapper.phpの使い方についてご紹介します。
Easy Color Customization for Embedded Google Calendars | U-notez
U-notez Blog Web development tips, ideas and discoveries from Unitz LLC Categories Analytics Fun General Marketing Mobile Programming User interfaces Vendors WordPress Archives October 2010 September 2010 June 2010 May 2010 December 2009 November 2009 October 2009 June 2009 April 2009 July 2008 Search RSS Clients often come to us for assistance integrating an events calendar into a web site, and w
Google カレンダーの予定リマインダ ボタンの作成手順 － Google カレンダー
インタラクティブなカレンダーをウェブサイトに追加したり、ウェブサイトの訪問者がカレンダーの予定を保存するためのボタンを追加したりできます。 カレンダーをウェブサイトに埋め込む パソコンで Google カレンダーを開きます。ウェブサイトに埋め込むコードはパソコンでのみ生成できます。Google カレンダー アプリでは生成できません。 右上にある設定アイコン [設定] の順にクリックします。 画面左側で、埋め込むカレンダーの名前をクリックします。 [カレンダーの統合] セクションに表示されている iframe コードをコピーします。 埋め込みコードの下で、[カスタマイズ] をクリックします。 設定をカスタマイズしてから、表示されている HTML コードをコピーします。 埋め込んだカレンダーは、そのカレンダーを共有しているユーザーにのみ表示されます。すべての訪問者がカレンダーを閲覧できるよ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
