0

**私はこれを使用していることに注意してください" http://andymatthews.net/read/2012/02/13/New-jQuery-Mobile-theme:-Twitter-Bootstrap"**

つまり、これは、標準のボタンがどのように見えるかを「埋め込む」ものであり、単純な要素です。

<a href="/mobile/daily.cfm" data-rel="dialog" data-role="button" data-transition="pop" data-ajax="false" data-theme="b" class="">Daily Progress</a>

Bootstrapperに精通している人がいるかどうかはわかりませんが、いくつかの事前定義されたボタンスタイルが付属しています。カスタムのものを追加する方法がわかりませんが。公園を散歩することになると思いましたが、そうではないことがわかりました...または少なくとも私は愚かな間違いをしたか、何かを忘れました。

使いたいグラデーションはこちら

background: #fa5976; /* Old browsers */
background: -moz-linear-gradient(top,  #fa5976 0%, #fa5573 13%, #fa4c6b 30%, #f6374e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fa5976), color-stop(13%,#fa5573), color-stop(30%,#fa4c6b), color-stop(100%,#f6374e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fa5976 0%,#fa5573 13%,#fa4c6b 30%,#f6374e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fa5976 0%,#fa5573 13%,#fa4c6b 30%,#f6374e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fa5976 0%,#fa5573 13%,#fa4c6b 30%,#f6374e 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fa5976 0%,#fa5573 13%,#fa4c6b 30%,#f6374e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa5976', endColorstr='#f6374e',GradientType=0 ); /* IE6-9 */

このグラデーションは、グラデーションジェネレーターを使用して生成されました。グラデーションはミディアムピンクスタイルです。

これは「b」スタイルをコピーして新しい「x」、「z」、「p」などのスタイルを作成するのと同じくらい簡単だと思いましたが、どうやらそれは機能しません。

これが「b」スタイルがかなり長いように見えるので、pastebinへのリンクを投稿します。（http://pastebin.com/Jz0JhsPq）。

今、私はこのようなことをすることができると思いました（http://pastebin.com/4h4rhscH）、そしてメニュー項目をこのようなものに変更します

<a href="/mobile/daily.cfm" data-rel="dialog" data-role="button" data-transition="pop" data-ajax="false" data-theme="p" class="">Daily Progress</a>

しかし、それはうまくいきませんでした。それは彼らを白っぽい灰色にしました。私はここで本当にいくつかの助けを使うことができました、どんなサポートもありがたいです。

よろしくお願いします！

4

1 に答える 1

1

これは比較的簡単に行うことができます。

  • http://andymatthews.net/read/2012/02/13/New-jQuery-Mobile-theme:-Twitter-Bootstrapをダウンロードします。あなたはおそらくそれを削除しなかったでしょうが、念のために。

  • このリンクhttp://jquerymobile.com/themeroller/にアクセスします。ロードされたら、上部を見て、[インポートまたはアップグレード]ボタンをクリックします。これにより、cssを貼り付ける必要があるテキストエリアが開きます。

  • /Bootstrap.cssを開き、その内容をコピーします。textareaフィールドに貼り付けます。

  • 次に、[スウォッチの追加]をクリックして、独自のテーマを作成します。既存のものを複製することも、まったく新しいものを最初から作成することもできます。

  • 作業が完了したら、画面上部の[ダウンロード]ボタンをクリックします。

そしてそれはそれです。

于 2012-12-28T09:29:59.583 に答える