위치로그는 구조가 독특해서 뭔가 작업할 수 있는 것이 없습니다.

 

설명

위치로그의 태그를 보면 주소를 표시하는 '<s_local_spot_rep>'와 제목을 표시하는 '<s_local_info_rep>'로 되어 있습니다.

이 두개가 각각 있는데......

이것은 티스토리 쪽에서 같은 지역은 뭉쳐서 표시하기 때문에 그렇습니다.

 

각 주소는 일정크기 왼쪽에서 밀어서 구분하게 됩니다.

밀어서 표시하기 위한 왼쪽 마진값은 '[##_local_spot_depth_##]'와 '[##_local_info_depth_##]'로 넘겨주게 됩니다.

결국 스크립트를 사용해서 처리하지 않는 한 무언가 할 수 있는 작업이 없습니다-_-;;;

 

스크립트가 없더라도 약간의 꼼수를 사용하면 css만으로도 처리할 수는 있습니다.

마진값을 css이름으로 사용하면 됩니다 ㅎㅎ

이 시리즈에서는 css도 수정하지 않으므로 그냥 목록 처리만 하겠습니다.

 

 

코드

부트스트랩에 있는 목록을 그대로 적용했습니다.

bootstrap_tistory_008.txt

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!-- 2-3. 위치로그 -->
<s_local>
    <div class="localog">
        <h3>위치로그</h3>
        <ul class="list-group">
            <s_local_spot_rep>
                <li class="list-group-item">
                    <div style="margin-left: [##_local_spot_depth_##]px">
                        [##_local_spot_##]
                    </div>
                </li>
            </s_local_spot_rep>
            <s_local_info_rep>
                <li class="list-group-item">
                    <div class="info" style="margin-left: [##_local_info_depth_##]px">
                        <a href="[##_local_info_link_##]">[##_local_info_title_##]</a>
                    </div>
                </li>
            </s_local_info_rep>
        </ul>
    </div>
</s_local>
<!-- /2-3. 위치로그 -->
cs

 

댓글 작성

이름
패스워드
홈페이지
비밀글

티스토리 툴바