カラミー(カラーミー)でカテゴリのフリースペース1に登録した画像を表示させるコード

カラミー(カラーミー)でカテゴリのフリースペース1に登録した画像を表示させるコード

テンプレートのカテゴリのフリースペース1に登録した画像URLを表示させるためのコードです。
※フリースペースには、カラミーに登録したURLのみを記載し、などのタグは入れない事!
http://・・・だけを登録する事!

#page_visualには、必要なCSSを設定
#page_visual {
background-size: cover;
position: relative;
z-index: 10;
}
#page_visual div {
padding: 2% 0;
text-align: center;
position: relative;
z-index: 20;
overflow: hidden;
}
#page_visual div h1 {
font-family: ‘Noto Serif JP’, ‘游明朝’, ‘Yu Mincho’, YuMincho, ‘Hiragino Mincho Pro’, serif;
font-weight: 400;
font-size: 200%;
color: #fafafa;
position: relative;
border-top: 2px solid #fafafa;
border-bottom: 2px solid #fafafa;
padding: 6% 0;
line-height: 140%;
-webkit-filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.1));
-moz-filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.1));
-ms-filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.1));
filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.1));
}

<!-- ここからカテゴリー別タイトル -->
      <{elseif $tpl_name == "product_list"}>
			<{section name=num loop=$category}>
			<{if $category[num].name == $bid_name}>
      <div id="page_visual" style="background-image:url(<{$category_desc_1}>);">
        <div>
          <h1><{$category[num].name}><br><span>Product</span></h1>
        </div>
      </div>
		  <{/if}>
			<{/section}>
			<!-- カテゴリー別タイトル END -->

ポチッ☆とクリックお願いします!
↓ ↓ ↓

  • にほんブログ村 IT技術ブログ ホームページ・サイト制作支援へ

コメントは受け付けていません。

サブコンテンツ

TOP