Re: スライドショーのレシポンシブ対応

2014年12月15日 at 11:35

色々試行錯誤でCSS見ているのですが
やはり僕の知識では解決しないみたいです。
bacground-sizeはどこに書いたら良いのでしょうか????
有料のテーマなので開発者側にも問い合わせをしてみます。

タグ:

Re: スライドショーのレシポンシブ対応

2014年12月15日 at 15:31
元のテーマとソースを見比べると違うところがあるのでまったく同じように合わせみてはいかがでしょう?
JSの呼び出しであったり同じテーマとは思えないほどソースが違うのが気になります・・・
知識がないのであれば、忠実に元のテーマと同じになるようにconcrete5のテーマを作れば動くはずです。

スライダーの場所で言えば

<div class="slider-container">
<div id="bb236" class="blueberry">
<ul class="bbslides">
<li>
<img src='/files/3013/6163/9655/carousel-1.jpg' />
</li>
<li>
<img src='/files/1613/6165/1283/carousel-2.jpg' />
</li>
</ul>
</div>

<script type="text/javascript">
$(window).load(function() {
$('#bb236').css('max-width','960px');
$('#bb236').css('margin','0px auto');
$('#bb236').css('padding','0px');
$('#bb236').blueberry({pager:true, interval:10});
});
</script>
</div>

ここですね。
<ul class="bbslides">~~~</ul>までを記事ブロックで入れるようにテーマを作るといいかと思います。


CSSは、インラインの要素とblueberry.css、foundation-4.css、typography.css、main.cssが
呼び出されているようなので、元のテーマと作り上げたもので違いがないかチェックしていきましょう。

Web開発ツール(Firefox系)やデベロッパーツール(Chrome)を使いながらチェックするといいと思います。
頑張ってください。
 

Re: スライドショーのレシポンシブ対応

2014年12月16日 at 7:25
akiさん!!ご指導ありがとうございます!!
購入したものと、サンプルがソースが違うのは私も確認してみました!
マーケットプレースで有料で販売しているのに
内容が違うのはちょっとびっくりです、バージョンの違いかと思って古いバージョンも
ダウンロードしてみましたがやはりダメでした

頑張っていろいろやってみます!