식스샵 - 코드 삽입 모음
 Share
The version of the browser you are using is no longer supported. Please upgrade to a supported browser.Dismiss

 
View only
 
 
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1
빨간색 글자만 변경하여 사용하세요. 그 외 소스를 수정하면 작동하지 않을 수 있습니다.
2
주황색 글자는 더 강력한 CSS 선언을 위한 속성 이름이므로 수정하시면 안 됩니다.
3
* 디자인 관련 소스는 <style>과 </style> 안에 삽입됩니다. 여러 가지 소스를 넣을 때, <style>, </style> 태그는 하나만 사용하고 태그 안에 내용만 추가해주세요.
4
* 주석(/* 주석 내용 */)을 참고하여 소스를 활용해주세요. 주석은 소스에 포함되어도 화면에 보이지 않으므로 소스에 그대로 두어도 무방합니다.
5
* 소스에 대한 직접적인 기술적 지원은 제공하지 않으며, 소스 작성 시 참고용으로 활용해주세요.
6
7
[후기 통합 게시판] 후기 사진 너비 조절 (꽉찬 이미지로)
8
9
/* PC 후기 통합 게시판에서 상품 사진 너비, 높이를 조절할 수 있는 코드입니다. */
10
11
/* 너비를 100%로 지정하면 화면에 꽉차게 됩니다. */
12
.boardPost-wrapper.viewPost #postProductContentImage div.img {
13
width: 100% !important;
14
height: 0 !important;
15
padding-top: 100%;
16
margin-right: 0;
17
display: block;
18
}
19
/* 모바일 후기 통합 게시판에서 상품 사진 너비, 높이를 조절할 수 있는 코드입니다. */
20
21
@media screen and (max-width: 640px) {
22
/* 너비를 100%로 지정하면 화면에 꽉차게 됩니다. */
23
.boardPost-wrapper.viewPost #postProductContentImage div.img {
24
width: 100% !important;
25
height: 0 !important;
26
padding-top: 100%;
27
margin-right: 0;
28
display: block;
29
}
30
}
31
[후기 통합 게시판] 후기 사진 너비 조절 (px로 조절)
32
/* 너비를 px로 조절 할 수 있습니다.*/
33
.boardPost-wrapper.viewPost #postProductContentImage div.img {
34
width: 300px !important;
35
height: 300px !important
36
}
37
38
/* 모바일 후기 통합 게시판에서 상품 사진 너비, 높이를 조절할 수 있는 코드입니다. */
39
@media screen and (max-width: 640px) {
40
/* 너비를 px로 조절 할 수 있습니다.*/
41
.boardPost-wrapper.viewPost #postProductContentImage div.img {
42
width: 300px !important;
43
height: 300px !important
44
}
45
}
46
47
[소셜 로그인을 통한 회원가입 페이지] 타이틀 변경
48
<style>
49
#socialSignup.wrapper .field .header .title {
50
font-size:0; /*기존 회원가입 글자를 크기 0으로 만들어서 숨김.*/
51
}
52
#socialSignup.wrapper .field .header .title:before {
53
content: '소셜 로그인 회원가입'; /*변경할 문구*/
54
font-size:20px; /*글자 크기*/
55
</style>
56
57
[소셜 로그인] 카카오 버튼 글자 변경 (버튼 종류 일반일 때, 아이콘일 때는 적용 안 됨.)
58
<style>
59
#body .login.wrapper .field .content .btn-wrapper.socialtxt #btn_kakaoLogin .txt {
60
font-size:0; /*기존 버튼 글자를 크기 0으로 만들어서 숨김.*/
61
}
62
#body .login.wrapper .field .content .btn-wrapper.socialtxt #btn_kakaoLogin .txt:before {
63
content: '카카오 로그인/가입'; /*변경할 문구*/
64
font-size: 12px; /*글자 크기*/
65
}
66
</style>
67
68
[소셜 로그인] 네이버 버튼 글자 변경 (버튼 종류 일반일 때, 아이콘일 때는 적용 안 됨.)
69
<style>
70
#body .login.wrapper .field .content .btn-wrapper.socialtxt #btn_naverLogin .txt {
71
font-size:0; /*기존 버튼 글자를 크기 0으로 만들어서 숨김.*/
72
}
73
#body .login.wrapper .field .content .btn-wrapper.socialtxt #btn_naverLogin .txt:before {
74
content: '네이버 로그인/가입'; /*변경할 문구*/
75
font-size: 12px; /*글자 크기*/
76
}
77
</style>
78
79
[소셜 로그인] 페이스북 버튼 글자 변경 (버튼 종류 일반일 때, 아이콘일 때는 적용 안 됨.)
80
<style>
81
#body .login.wrapper .field .content .btn-wrapper.socialtxt #btn_facebookLogin .txt {
82
font-size:0; /*기존 버튼 글자를 크기 0으로 만들어서 숨김.*/
83
}
84
#body .login.wrapper .field .content .btn-wrapper.socialtxt #btn_facebookLogin .txt:before {
85
content: '페이스북 로그인/가입'; /*변경할 문구*/
86
font-size: 12px; /*글자 크기*/
87
}
88
</style>
89
90
[소셜 로그인] 구글 버튼 글자 변경 (버튼 종류 일반일 때, 아이콘일 때는 적용 안 됨.)
91
<style>
92
#body .login.wrapper .field .content .btn-wrapper.socialtxt #btn_googleLogin .txt {
93
font-size:0; /*기존 버튼 글자를 크기 0으로 만들어서 숨김.*/
94
}
95
#body .login.wrapper .field .content .btn-wrapper.socialtxt #btn_googleLogin .txt:before {
96
content: '구글 로그인/가입'; /*변경할 문구*/
97
font-size: 12px; /*글자 크기*/
98
}
99
</style>
100
Loading...
Main menu