タグ間違い

244 views
  1. コメントする
  2. 記事検索
  3. 更新

0
なお iPhone 2018/08/28 13:41
テンプレを使用させてもらっているのですが、題名の後ろに画像の背景が出るみたいになる所が、画像URLをはっても画像がでず...
題名が ):">long となってしまいます
どこか間違ってるところがあるでしょうか?
わかる方よろしくお願いします




<div id="wall"><article><h2 style="background:url(##IMAGE_DATA_5##);">long</h2><mark>あのひのぼくよ、おぼえているか</mark><br>いつか夢に見たように儚く<br>うわついた指の記憶<br>永遠を捧げる時間がない<br>思い出を探して生きるのはやめてよ<aside>title:<a href="http://and.noor.jp/e/">○○</a>様</aside></article></div>





HEAD↓

<style type="text/css">

@import 'https://fonts.googleapis.com/css?family=Nixie+One';

@font-face
{
font-family: IPA 明朝;
src: url('https://cdn.leafscape.be/IPAfont/ipam_web.woff2')
format("woff2");
}
/*-------------------------------------------------
このフォントはIPAフォントライセンスv1.0の下で提供されています。

http://ipafont.ipa.go.jp/ipa_font_license_v1.html

-------------------------------------------------*/

*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
font-family:'Nixie One', メイリオ, Meiryo, sans-serif;
font-size:12px;
letter-spacing:2px;
line-height:2;
}

a{text-decoration:none;}

mark{
background:none;
font-weight:bold;
color:#f6bfbc;
}

#wall{
max-width:600px;
margin:0 auto;
padding:0 1em;
}

h2{
font-family:'Nixie One', 'IPA 明朝', メイリオ, Meiryo, sans-serif;
font-size:16px;
padding:.25em 3em;
color:#fff;
text-shadow:2px 2px 4px #9fa09e, 2px -2px 4px #9fa09e, -2px 2px 4px #9fa09e, -2px -2px 4px #9fa09e;
position:absolute;
top:-20px;
left:-20px;
}

article{
position:relative;
text-align:justify;
word-break:break-all;
margin:4em .5em 2em 2em;
padding:2.5em 1em 1em;
border-radius:4px;
box-shadow:4px 8px 8px #efefef, -1px -1px 8px #efefef;
}

aside{
background:#f7f6f5;
margin-top:1em;
padding:.5em;
text-align:right;
}

footer{
background:#f7f6f5;
padding:.5em 0;
text-align:center;
}

input[type], textarea, select{
background:#f7f6f5;
font-family:'Nixie One', メイリオ, Meiryo, sans-serif;
font-size:12px;
text-align:justify;
word-break:break-all;
letter-spacing:2px;
line-height:2;
color:#666;
width:auto;
height:auto;
margin:5px 0;
padding:2px 4px;
border:1px solid #4e454a;
border-radius:0;
box-shadow:none;
text-shadow:none;
resize:vertical;
vertical-align:middle;
outline:none;
}

input[type=text]{width:150px;}

textarea{
width:100%;
height:20ch;
}

::selection{
background:#d4d9dc;
color:#fff;
}

::-moz-selection{
background:#d4d9dc;
color:#fff;
}

</style>

残り999件書き込み可

1
しち SOV35 2018/08/28 18:55
>>0
『画像URL表示』の独自タグ、##IMAGE_DATA_5_URL##に書き換えれば良いかと思います。
(現状は『画像表示』独自タグが使われています。その独自タグ単体で画像を表示させるものなので、styleの中には書けません)


<div id="wall"><article><h2 style="background:url(##IMAGE_DATA_5_URL##);">long</h2><mark>あのひのぼくよ、おぼえているか</mark><br>いつか夢に見たように儚く<br>うわついた指の記憶<br>永遠を捧げる時間がない<br>思い出を探して生きるのはやめてよ<aside>title:<a href="http://and.noor.jp/e/">○○</a>様</aside></article></div>


背景画像の問題は独自タグのミスだけかと思います。
1ページ中1ページ目

関連スレッド

関連スレッド



Back to Top