カエレバのCSSは設定しなくても良いのですか

とりあえずプレビューのページはログインしていないと見えないので(404エラー)画像等にしてください。

みきさん、レスをありがとうございます。

画像ですね。上のimgで貼り付けるんだと思うのですが、urlを聞かれるので意味がわからないのです。

少し記事を完成させるので、また見て下さい。

新しいウインドブレーカー到着!

みきさん、記事に埋め込みました。

デザインは、amazlet風-2 その隣は、なしにしてます。

色々と変えてみたのですが、変わりませんでした。

教えていただけると助かります。

わいひらさん、回答ありがとうございます。

“AMPページのスタイルは、しっかりと適用されており、問題なく動作しています。”

皆さんの携帯では、ちゃんと表示されているということですね!
私のiPhoneでは、このように表示されてないです。

AMPについては、もっと勉強してみます。頭がウニになりそうです^^;

カエレバのデザインの「amazlet風-2（CSSカスタマイズ用）」にして、かん吉さんのページにあった、
コピペで完了！STINGER5でヨメレバ・カエレバのカスタマイズ

から、コピーしてスタイルに貼りつけました。

実は、こちらもやっていたのですが、私のiPhoneだとちゃんと表示されていないのです。
皆さんの、携帯からはちゃんと見れているのでしょうか?

レスポンシブは、チェックつけないで下さいと、前回の質問でわいひらさんから、言われていたのでモバイル用と思われるCSSも貼りつけてます。

/*--------------------------------------
ヨメレバ・カエレバ
--------------------------------------*/
.booklink-box, .kaerebalink-box{
width:85%;
margin: 1em 0 1em;
padding: 5%;
border:double #d2d7e6;
overflow: hidden;
font-size:small;
border-radius:2px;
}
.booklink-image, .kaerebalink-image{
margin:0 0 15px 0;
}
.booklink-image img, .kaerebalink-image img{
display:block;
margin:0 auto;
text-align:center;
}
.booklink-info, .kaerebalink-info{
text-align:center;
line-height:120%;
overflow: hidden;
}
.booklink-name, .kaerebalink-name{
font-size:16px;
margin-bottom:14px;
line-height:1.2em;
}
.booklink-powered-date, .kaerebalink-powered-date{
font-size:8pt;
　　　　 margin-top:10px;
line-height:120%;
}
.booklink-powered-date, .kaerebalink-detail{
margin-bottom:15px;
}
.booklink-link2, .kaerebalink-link1{
margin-top:20px;
}
.shoplinkamazon, .shoplinkrakuten, .shoplinkkindle, .shoplinkyahoo, .shoplinkkakakucom{
width:90%;
height:15px;
overflow:hidden;
background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
background-color:#ffffff;
border-radius:6px;
border:1px solid #dcdcdc;
display:inline-block;
margin:0  auto 5px auto;
padding:10px 0px;
text-align:center;
}
.shoplinkamazon:hover, .shoplinkrakuten:hover, .shoplinkkindle:hover, .shoplinkyahoo:hover{
background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
background-color:#f6f6f6;
}
.shoplinkamazon:active, .shoplinkrakuten:active, .shoplinkkindle:active, .shoplinkyahoo:active{
position:relative;
top:1px;
}
.shoplinkamazon a, .shoplinkrakuten a, .shoplinkyahoo a, .shoplinkkindle a, .shoplinkkakakucom a{
display:block;
cursor:pointer;
text-decoration:none;
font-weight:800;
text-shadow:1px 1px 1px #dcdcdc;
font-size:12px;
}
.shoplinkamazon a{
color:#FF9901;
}
.shoplinkrakuten a{
color:#c20004;
}
.shoplinkkindle a{
color:#007dcd;	
}
.shoplinkyahoo a{
color:#7b0099;
} 
.booklink-footer{
clear:left;
}
/*--------------------------------------
780px ヨメレバ・カエレバ
--------------------------------------*/
.booklink-box, .kaerebalink-box{
width: 90%;
margin:20px auto;
padding:20px;
}
.booklink-image, .kaerebalink-image{
margin:0 15px 0 0;
float:left;
}
.booklink-info, .kaerebalink-info{
margin:0;
text-align:left;
}
.booklink-name, .kaerebalink-name{
margin-bottom:24px;
line-height:1.5;
}
.booklink-link2, .kaerebalink-link1{
margin-top:10px;
}
.shoplinkamazon, .shoplinkrakuten, .shoplinkkindle, .shoplinkyahoo, .shoplinkkakakucom {
float:left;
width:30%;
margin:15px 1% 0 auto;
padding:10px 0px;
}
.shoplinkyahoo a{
font-size:10px;
} 

みきさん、わいひらさん、404画像を作成してみました。
みきさんが、言っている意味がようやくわかりました^^;

404画像に、左から私のiPhone5でみた、サファリ、クローマ、グーグルと並べてみました。

クローマがおかしいです。他の二つもショップのボタンが違うように思います。

モバイルのキャッシュクリアはやりました。

ロードバイクはやめられない!

疑問なのですが、モバイルではcssに何も書きこまなくても良くて、pcで表示させる場合に、cssを作成してスタイルに書き込めば良いのですよね。

適応してほしいスタイルシートとして、寝ログにあるような商品パーツが私的には一番良いので対応していただけると助かります。

紙を細断してくれる手動シュレッダーを購入したのでレビュー。家庭内の重要書類の破棄に。

皆さん、こんにちは。

未だに自分の中で理解しきれてなくて、現在アンドロイドを持っている友人二人に確認して貰いました。
結果は、良好でした。

あとは、IPHONEなのですが、今月自分の携帯をSEに変えるので、それで色々と設定して確認してみることにしました。

PS
AMPページとモバイルの違い少し勉強してわかりました。
また、別コメントでの、わいひらさんの指導でFTPを利用することも、わかるようになりました。
時間かかりますが、出来ないことが出来るようになるのは楽しいです!
もう少し、解決済みまで待っていただけると助かります。

わいひらさん、みきさん、ようやく出来ました!

simplecityユーザーの方が、沢山記事を書いてくれてました。
アラサー女子さん、ありがとうござました。

簡単！カエレバ・ヨメレバ・トマレバの設置方法とカスタマイズ方法

mobile.cssに書き込まないといけなかったんですね。

ようやく、iphoneでも希望の表示となりました。
皆さん、ありがとうございました!