안녕하세요. 컨텐츠 확장위젯 순위 관련해서 궁금한게 있어서요.

 

팁 부분에서 웹지기 님께서 컨텐츠 확장위젯에 순위 붙이는 팁을 아래와 같이 알려주셨는데요,

https://xetown.com/lakepark/39662

 

아래와 같이 위젯 설정에서 HTML 출력 방식을 UL이 아닌 TABLE로 하면 순위 적용이 되지가 않더라구요.

A.PNG

 

widget.css에서 ul이 아닌 테이블 형식으로 바꿔야 하는 것 같은데, 잘 되지가 않네요ㅠㅠ

결과적으로 TABLE에서도 순위 숫자가 노출되는 방식을 혹시 아시는분 계시다면 알려주시면 감사하겠습니다.

그럼 부탁드리겠습니다.

 

감사합니다.

 

  • profile
    table 구간에도 설정해 주셔야합니다!
  • profile ?

    답변 감사합니다. 위 경로에서 normal.html에 테이블 구간에도 넣긴 하였는데요,

    순위는 이제 정상적으로 출력이되나, css부분에서 순위 디자인이 들어가져있지를 않아서요~
    css부분에서는 테이블 부분을 어떻게 입력해야 하는지 알려주시면 감사하겠습니다.(__)

     

    위 경로에서는 아래와 같이 되어있는데, 저걸 테이블형 css로 어떻게 바꾸는지 감이 안잡혀서요!

    ul.widgetA li span.rank0{padding:0 4px;background-color: #FF9436; color: #FFF; font-weight:bold;}
    ul.widgetA li span.rank1{padding:0 4px;background-color: #FFA648; color: #FFF; font-weight:bold;}
    ul.widgetA li span.rank2{padding:0 4px;background-color: #FFB85A; color: #FFF; font-weight:bold;}
    ul.widgetA li span.rank_normal{padding:0 4px;background-color: #DDD;color: #666;}

     

  • ? profile
    ul.widgetA li 요걸 table.widgetA로 바꾸면 될 것 같네요!
  • profile ?

    답변 감사합니다. 말씀주신 부분처럼 아래와 같이 수정하였는데 css가 먹히지 않네요ㅠㅠ

    한 번만 다시 봐주실 수 있으실까요~? 정말 감사합니다.

     

    table.widgetA span.rank0{padding:0 4px;background-color: #FF9436; color: #FFF; font-weight:bold;}
    table.widgetA span.rank1{padding:0 4px;background-color: #FFA648; color: #FFF; font-weight:bold;}
    table.widgetA span.rank2{padding:0 4px;background-color: #FFB85A; color: #FFF; font-weight:bold;}
    table.widgetA span.rank_normal{padding:0 4px;background-color: #DDD;color: #666;}

     

  • ? profile
    으아... 죄송해요!

    table.widgetA를 table.widgetTableA 으로 바꿔주세요!
  • profile ?
    정말 감사합니다. 덕분에 잘 적용이 되었습니다!! 복 많이 받으실거에요~~