주제: 사이드바에 rss, atom 이미지 나오게 할려면 ?
coolant스킨과 style.css 를 수정한지라 또, 수정하기 귀차니즘 때문에 skin.html과 style.css 를 어떻게 수정하면 이미지가 나오나요?
1. skin.html 에 아래와 같이 추가
<link rel="alternate" type="application/atom+xml" title="[##_title_##]" href="[##_atom_url_##]" />
<link rel="alternate" type="application/atom+xml" title="[##_title_##] : responses" href="[##_response_atom_url_##]" />
2. skin.html 에 아래와 같이 수정 추가
<s_sidebar_element>
<!-- RSS 아이콘 -->
<div id="subscription" class="module">
<a href="[##_rss_url_##]" class="rss" rel="alternate" type="application/rss+xml">
<span>Subscribe to <abbr title="Really Simple Syndication">RSS</abbr> articles</span></a>
<a href="[##_response_rss_url_##]" class="rss_response" rel="alternate" type="application/rss+xml"><span>Subscribe to RSS responses</span></a>
<a href="[##_atom_url_##]" class="atom" rel="alternate" type="application/atom+xml">
<span>Subscribe to ATOM articles</span></a>
<a href="[##_response_atom_url_##]" class="atom_response" rel="alternate" type="application/atom+xml"><span>Subscribe to ATOM responses</span></a>
</div>
<div class="clear"></div>
</s_sidebar_element>
3. style.css 에 아래와 같이 수정 - 추가하였지만 이미지가 나오지 않습니다. 좀 알켜주세요.
/* RSS button */
#subscription
{
margin-top: 20px !important;
text-align: center;
}
#subscription a span
{
display: none;
}
#subscription a
{
display:block;
float:left;
margin-left:10px;
}
#subscription .rss,
#subscription .rss_response,
#subscription .atom,
#subscription .atom_response
{
width:32px;
height:40px;
margin-top: 10px;
}
#subscription .rss
{
background: url('./images/rss_32.png') no-repeat;
margin-left:30px !important;
}
#subscription .rss_response
{
background: url('./images/rss_response_32.png') no-repeat;
}
#subscription .atom
{
background: url('./images/atom_32.png') no-repeat;
}
#subscription .atom_response
{
background: url('./images/atom_response_32.png') no-repeat;
}
bellblog (2008-06-10 02:10:45)에 의해 마지막으로 수정