이 블러그 메인 화면 우측 사이드바에 링크 만들기

 

1번과 같이 하려고 하며, 결과물도  1번과 같다.

 

3번과 같이 아래 소스 삽입을    skin.mtml 에   </s_sidebar> 을 검색하여  그 바로 위에 삽입

<s_sidebar_element>
  <!-- 링크 -->
  <div class="module module-notice">
   <h3 class="module-title"><i class="fas fa-exclamation-circle fa-sm"></i><span>링크</span></h3>
     <div class="module-content">
       <ol start="1"> 
          <s_link_rep>
          <li class="notice-list"><a onclick="window.open(this.href); return false" href=""></a></li>
          </s_link_rep>     
       </ol> 
     </div>
  </div>
</s_sidebar_element>

 

그 다음 2번에   <li class="notice-list"> 처리  (당초 우측꺽쇠 없애기)
css 에서
.module-notice li.notice-list:before {
    content: "\2022";
    color: #dedede;
    content: "\E105";      (당초 우측꺽쇠로 보이는  F105을  내용이 안보이는 E105로 변경) 
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    position: absolute;
    left: -15px;
    color: #666
}

 

link_make_source.txt

0.00MB