안녕하세요 포인트 랭킹 css 질문이요 채택완료
이미지 보시면 순위 이름 포인트 나오는데
그위에다가 순위 회원이름 포인트 라고 1위 위에다가 좀 쓰고싶은데 어떻게 해야 될까요?ㅠㅠ
point_rank10.php css소스 입니다.ㅠㅠ 좀도와주시면 감사하겠습니다.
Copy
:root {--v-pl_rank-width: 210px;}
.pl_rank{clear:both;position:relative;margin:0 auto;width:var(--v-pl_rank-width);padding:5px 0 5}
.pl_rank2:after {display:block;visibility:hidden;clear:both;content:""}
.pl_rank h2{padding:0;line-height:20px;color:#6B8864;text-align: center}
.pl_rank h3{padding:0;line-height:25px;color:#cccccc;text-align: center}
.pl_rank h4{border:0.075px solid;width:180px;margin-left: auto;margin-right: auto;color:#636465}
.pl_rank_ul{padding:0px 0 0}
.pl_rank_ul ul li .rank_name{margin-left:35px}
.pl_rank_ul ul{float:left;width:var(--v-pl_rank-width);margin:0;padding:0;overflow:hidden;list-style:none;color:#968d66}
.pl_rank_ul ul li{position:relative;line-height:18px;margin:5px 0 0 15px;margin-left:15px}
.pl_rank_ul ul li .rank_bg{display:inline-block;width:17px;height:17px;margin-right:8px;border:1px solid #b3b8c0;text-align:center;color:#b3b8c0;text-indent:-1px}
.pl_rank_ul ul li .rank_bg1{border:1px solid #ed2525;color:#ed2525}
.pl_rank_ul ul li .rank_bg2{border:1px solid #3452be;color:#3452be}
.pl_rank_ul ul li .rank_bg3{border:1px solid #D6C00A;color:#D6C00A}
.pl_rank_ul ul li .rank_point{display:inline-block;position:absolute;top:0;right:20px;font-family:verdana;color:#d83d44;font-size:10px;font-weight:bold;text-align: center}
※ 회원 전체 포인트 순위 ※
포인트 랭킹은 30위 까지 표기됨
답변 3개
채택된 답변
+20 포인트
2년 전
css에서 조절하세요. class를 넣고요.
ex) <span class="rank_bg0">순위</span>
.pl_rank_ul ul li .rank_bg0{width:25px;}추가, 등등..
로그인 후 평가할 수 있습니다
답변에 대한 댓글 2개
댓글을 작성하려면 로그인이 필요합니다.
댓글을 작성하려면 로그인이 필요합니다.
2년 전
Copy
:root {--v-pl_rank-width: 210px;}
.pl_rank{clear:both;position:relative;margin:0 auto;width:var(--v-pl_rank-width);padding:5px 0 5}
.pl_rank2:after {display:block;visibility:hidden;clear:both;content:""}
.pl_rank h2{padding:0;line-height:20px;color:#6B8864;text-align: center}
.pl_rank h3{padding:0;line-height:25px;color:#cccccc;text-align: center}
.pl_rank h4{border:0.075px solid;width:180px;margin-left: auto;margin-right: auto;color:#636465}
.pl_rank_ul{padding:0px 0 0}
.pl_rank_ul ul li .rank_name{margin-left:35px}
.pl_rank_ul ul{float:left;width:var(--v-pl_rank-width);margin:0;padding:0;overflow:hidden;list-style:none;color:#968d66}
.pl_rank_ul ul li{position:relative;line-height:18px;margin:5px 0 0 15px;margin-left:15px}
.pl_rank_ul ul li .rank_bg{display:inline-block;width:17px;height:17px;margin-right:8px;border:1px solid #b3b8c0;text-align:center;color:#b3b8c0;text-indent:-1px}
.pl_rank_ul ul li .rank_bg1{border:1px solid #ed2525;color:#ed2525}
.pl_rank_ul ul li .rank_bg2{border:1px solid #3452be;color:#3452be}
.pl_rank_ul ul li .rank_bg3{border:1px solid #D6C00A;color:#D6C00A}
.pl_rank_ul ul li .rank_point{display:inline-block;position:absolute;top:0;right:20px;font-family:verdana;color:#d83d44;font-size:10px;font-weight:bold;text-align: center}
※ 회원 전체 포인트 순위 ※
포인트 랭킹은 30위 까지 표기됨
순위
이름
포인트
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
완전초보에여
2년 전
아빠님 너무 감사해요 근데 포인트 부분이 글씨가 작고 이름 이라고 써있는곳이 왼쪽으로 좀더 가있는데 어디를 수정해줘야할까요?ㅠㅠ 이미지 올릴게요
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인