Article

        

スポンサーサイト

--/ --/ --
                 
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
                         
                                  
        

新テンプレート「Back_Groud_Slider」が公開されました

2016/ 09/ 13
                 
オペラ座
共有テンプレートにリンク

 最近の共有テンプレートをみると、ほとんどがAkiraさんの作品であり、その合間を縫うように私の駄作が顔を出しています。彼女の作品はどれも洗練されたデザインと巧みなテクニックを兼ね備えた物ばかり。共有テンプレートを探している人ならば、ためらいなく彼女の作品を選ぶはず。私の作品をあえて選ぶ人は、むしろ稀でありましょう。それでも懲りずに新作を作り続けるてつぼちゃんがここにいます。
 さて新作の特徴は、ブログに使われている画像を基にスライダーを作成し、それをバックグラウンドに設置したものです。ホームページは最近の記事のサムネイルと要約文を並べていますので、バックグラウンドにその記事の画像が順に現れます。バックグラウンドにフルスクリーン画像を用いるのは私の十八番ですから、最も自分らしい作品かと思います。
 個別記事の部分は背景画像の無い、シンプルな右2カラム構造にしています。この方が記事を読みやすいでしょう。
                         
                                  

コメント

No title
はじめまして!
共有テンプレートの配布
どうもありがとうございます!
「France」がとても気に入っています
それで2点ほど質問させていただきたいのですが、
良いでしょうか???


1.スマホで表示すると右カラムが落ちるのですが
対処法はありますでしょうか?


2.トップの画像をスライドさせる画像数は
5つが最大なのでしょうか?
htmlを下記のように追加したのですが
表示は5つまでで先頭に戻る状態です

<img id="si_1" src="***" alt="**" />
<img id="si_2" src="***" alt="**" />
<img id="si_3" src="***" alt="**" />
<img id="si_4" src="***" alt="**" />
<img id="si_5" src="***" alt="**" />
<img id="si_6" src="***" alt="**" />
<img id="si_7" src="***" alt="**" />

質問は以上となります

よろしければご回答よろしくお願いしますー


No title
おはようございます、
わざわざ
コメントありがとうございます。
素敵なテンプレート
使っていきますね。。
phantomさんへ
コメントをありがとうございます
さて、ご質問にお答えいたします。

> 1.スマホで表示すると右カラムが落ちるのですが

スマホは画面が小さいので、レスポンシブ対応で、元から一カラム構造にしています

> 2.トップの画像をスライドさせる画像数は
> 5つが最大なのでしょうか?

そうなんです、これ以上は増やせません
しがないおじさんへ
コメントをありがとうございます
これからもよろしくお願いします
No title
はじめまして。
テンプレート「Wien」を使わせていただくにあたり
少しカスタマイズしたく、ソースとにらめっこし、変更箇所を推測していじってみるも
どうしてもその場所が変わらず、質問させて下さい。

「Wien」の記事とカラム部分を、「Back-Ground」テンプレートのように、少し透過させたいのですが、どの部分を変更すれば透過されるのか分かりません。

よろしければ、お時間のある時に教えていだけると幸いです。
よろしくお願いします。
Re: No title
ご質問にお答えします
CSSの下の方にある次のタグを書き替えて下さい

/* ==========================================================================
responsive PC設定  3カラム
========================================================================== */

@media screen and (min-width:960px) {

中略

#l-container {
width:90%;
margin: 0 auto;
clear: both;
overflow: hidden;
border: 0px solid #dadada;
background-color: rgba(255, 255, 255, 0.7);  ココを変更
}

中略

.plugin_third {
float: none;
width: 50%;
margin: 0 auto;
padding: 16px 20px;
background-color: rgba(255, 255, 255, 0.7);  ココも変更
}
No title
返答ありがとうございます!
おかげで無事に出来ました。
夏さんへ
どういたしまして
これからもよろしくお願いします
        

        
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。