dreamweaverCS6 CSSwidgetの機能の使い方

このQ&Aのポイント
  • dreamweaverCS6 CSSwidgetを使って、項目自作やデザインのカスタマイズが可能です。
  • 便利なテンプレートや自作ライブラリを登録して、画像リンクのhoverで画像を透過させるツールチップや付箋紙挿入のデザインを実現できます。
  • 具体的な使用方法や詳細な手順は、参考サイトの記事を確認してください。
回答を見る
  • ベストアンサー

dreamweaverCS6 CSSwidget

以下のような機能はあるのでしょうか? 挿入パネルなどの項目自作、例えば、画像リンクのhoverで画像を透過させる下のリンクのような噴出しツールチップ、下のリンクのような付箋紙挿入などのような、頻繁に使うデザインをテンプレートあるいは自作ライブラリのような形でdreamweaverに登録することは可能でしょうか? http://coliss.com/articles/build-websites/operation/css/css3-only-tooltips-by-paulund.html http://coliss.com/articles/build-websites/operation/css/css-tutorial-sticky-notes-with-css3.html

  • CSS
  • 回答数1
  • ありがとう数0

質問者が選んだベストアンサー

  • ベストアンサー
  • shockatz
  • ベストアンサー率80% (153/191)
回答No.1

Dreamweaverでいうと、「スニペット」かな? http://m-school.biz/dev/css-coding/008-css-snippet.htm htmlやcssに関しては普通に使えますが、JavaScriptやサーバサイドコードに関しては全然ダメです。 単なるコピペソースとしてなら使えるかな? まあ何せWYSIWYGエディタだし、JavaScriptやphpを使う人が使い込むソフトでもないので、EclipseやAptana、Visual Studuioのスニペットに比べたらお粗末きわまりないです。

関連するQ&A

  • セレクタでidは使わない?

    http://coliss.com/articles/build-websites/operation/css/css-lint-rules.html のサイトで、 「セレクタでidは使わない セレクタでの指定にはidではなくclassを使用するようにします。 idは再利用しにくいです。」 と書いてあるのですが、IDは使わず、全てCLASSにするといいということでしょうか?

    • 締切済み
    • CSS
  • jQueryアコーディオンについて

    どなたかご教授頂けると嬉しいです。 http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-easy-accordion.html 上記のjQueryがクロスブラウザ対応と書いてありましたので使用したのですが、設置後にOperaやIE8(9?)で表示がおかしくなることに気づき困っています。 画像と文字が横にならない+リンクに触れるようにする方法はありませんでしょうか… 宜しくお願いします、

  • ブラウザーの大きさに合わせる方法。

    今日は。実は、ホームページなのですが「どんな大きさに合わせることの出来る方法」が 有るとの事と聞きました。調べるとCOLISという所など色々出てはきますが、何処に書いて いいものかが分かりません。 SAMPLEが付いていますが見てその通りしても上手くいきません。 何か一緒に保存しておかないといけないファイルとかあるのでしょうか。 お教え頂ければ幸いです。宜しくお願い致します。 <見た参考ページ> http://coliss.com/articles/build-websites/operation/css/css-full-page-background-image.html

    • ベストアンサー
    • CSS
  • <div>で改行させない方法

    下記のサイトを見てページを作ってるのですが、どうしても<div>ごとに改行されてしまいます。 ほぼコピペしただけなのですが、デモページではきちんと改行されずに表示されていますよね。 どうして改行されてしまうのでしょうか。対処法があれば教えていただけると助かります。 当方ど初心者ですので一番わかりやすいのをお願いします(>人<;) http://coliss.com/articles/build-websites/operation/css/css-only-pinterest-style-by-kushagra.html

    • ベストアンサー
    • CSS
  • パララックスのheight100%

    宜しくお願いします。初心者な質問ですみません; 紙芝居風のjqueryでトップページ(扉風)がパカっと割れて、 下のページがでてくるようにしたいのですが、 トップページのみheight100%で、 下に表示されるコンテンツページは内容をスクロールして見ることは、 不可能なんでしょうか? height100%だと、スクロールできないということなんですよね? よろしくお願いしますm(==)m Fullscreen Slit Slider with jQuery and CSS3 http://coliss.com/articles/build-websites/operation/work/tutorial-fullscreen-slit-slider-by-codrops.html 【CSS】ボックスを[height:100%;]で画面全体に表示させる方法。 http://on-ze.com/archives/1431

    • 締切済み
    • CSS
  • 画像を回転させる方法

    質問させてください。 今、下記のような画像をドラッグとホイールで360度回転させる機能 http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-reel.html に、更にスライダー機能(http://zack.dtiblog.com/blog-entry-15.html)も使える様にしたいのですが、参考サイトも見つからず、うまい事組み合わせようとしても実装できません。 もしわかる方いらっしゃいましたら教えて頂ければと思います。 何卒宜しくお願い致します。

  • jQueryアコーディオン(IE6の対応)

    どなたかご教授頂けると嬉しいです。 http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-easy-accordion.html 上記のjQueryがIE6対応とあるのですが、実際に表示を確認してみると崩れてしまっています。 どうにかIE6で正常に表示出来ないか試行錯誤しているのですが上手くいきません……。 もしわかる方がおられましたら教えてください。 宜しくお願いします。

  • 【Photoshop】ライティングをオーバーレイ

    下記のチュートリアルを参考にしてテクスチャを作成しています。 http://coliss.com/articles/build-websites/operation/design/how-to-create-a-simple-texture-by-splashnology.html step5まで出来たのですが、step6の『最後にライティングをオーバーレイモードで加えます』というのが分かりません。 これはどのようにすればいいのでしょうか? できれば初心者にも分かるようご教示頂きたいのですが。 よろしくお願いします。

  • before afterを使って影を表示できません

    スタイルシートでbefore afterを使って影を表示できません こちらのサイトを参考にしました。 http://coliss.com/articles/build-websites/operation/css/css3-box-shadows-effects-by-paulund.html こちらのeffect1は簡単にできます。 before afterを使わず、影をだすことはできますが、before afterを使って影を表示できません。 また、こちらのサイトを参考にしましたが、ダメでした。 http://nicolasgallagher.com/css-drop-shadows-without-images/ コピペしても、コードを削ってもうまくいきません。 ブラウザを変えても、Wordpressのテーマを変えてもダメです。 すいませんが、何か試せることや解決方法がありましたら、ご教授ください。

    • 締切済み
    • CSS
  • Queryのプラグイン(jAni)を 全画面表示

    背景画像をアニメーションさせるjQueryのプラグイン(jAni)を、 全画面表示にさせる方法を教えてください。 全くのjQuery初心者で、本当に困っています。 助けてください。お願いいたします。 jQueryのプラグイン (jAni)を導入したのですが、 全画面で表示させなければならなくなってしまい どうしようもなく困っています。 URL 背景画像をアニメーションさせるjQueryのプラグイン -jAni http://coliss.com/articles/build-websites/operation/javascript/jque... ソースの19行目と20行目で表示の大きさを決めているところまでは分かりましたが 何をどう変えればいいか、行詰ってしまいました。 宜しくお願いいします。 18行目 function _build(){ 19行目 element.width(settings.frameWidth); 20行目 element.height(settings.frameHeight); 21行目 element.css('background-position', '0 0'); 22行目 };

専門家に質問してみよう