테마 구매했습니다. 근데 수정하다 보니 질문이 있어요

페이지 정보

작성자 latte 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 댓글 5건 작성일 24-05-20 13:33

본문

테마명 : 와인 테마

* FTP 정보는 비밀코멘트로 작성해주세요 (본문에 노출시 문제가 발생될 수 있습니다.)
* 최대한 자세히 질문하시고 이미지 첨부해주시면 좋은 답변을 받으실 수 있습니다.
* http://ety.kr/board/ety_theme_manual 메뉴얼에 많은 정보가 있습니다. 먼저 확인 부탁드리겠습니다.

* 토, 일, 공휴일은 휴무 입니다. (영업시간안내 : 평일 오전 10시 부터 ~ 오후 7시 까지)

배경 이미지를 넣으니 텍스트가 잘 안보여, 텍스트에 그림자를 넣으려고 text-shadow: 스타일을 추가하려고 아무리 넣어봐도 적용이 안되는데..
어떻게 넣어야 할까요?

댓글목록

소프트존님의 댓글

소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물

쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물

작성일 24-05-20 14:17

안녕하세요. one 테마에 아래 처럼 사용이 가능합니다.
적용예제 사이트
http://theme_one.ety.kr/
위 사이트에 적용되어 있으니 참고 부탁드리겠습니다.

테마폴더에 / index.php 파일 보시면 해당 슬라이드에 스타일을 바로 추가하실 수 있습니다.

아래 부분보시면 백그라운드 부분에 새롭게 추가된 background: #111111159 라는 값이 있습니다.

style="z-index: 5; white-space: nowrap; letter-spacing:0px; font-weight:400;  background: #11111159; padding-left: 10px; padding-right: 10px;">

전체 슬라이드 예제

                <!-- LAYER NR. 3 -->
                <div class="tp-caption tp-resizeme text-white text-center ko1 f20" 
                     id="rs-1-layer-3"

                     data-x="['center']"
                     data-hoffset="['0']"
                     data-y="['middle']"
                     data-voffset="['90']"
                     data-fontsize="['20']"
                     data-lineheight="['28']"
                     data-width="none"
                     data-height="none"
                     data-whitespace="nowrap"
                     data-transform_idle="o:1;s:500"
                     data-transform_in="y:100;scaleX:1;scaleY:1;opacity:0;"
                     data-transform_out="x:left(R);s:1000;e:Power3.easeIn;s:1000;e:Power3.easeIn;"
                     data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
                     data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
                     data-start="1400" 
                     data-splitin="none" 
                     data-splitout="none" 
                     data-responsive_offset="on"
                     style="z-index: 5; white-space: nowrap; letter-spacing:0px; font-weight:400;  background: #11111159; padding-left: 10px; padding-right: 10px;">
                     한번의 구입으로 PC,MOBILE 을 동시에 사용 할 수 있습니다.
                     
                     
                </div>

안녕하세요. one 테마에 아래 처럼 사용이 가능합니다.<br>적용예제 사이트<br><a href="http://theme_one.ety.kr/">http://theme_one.ety.kr/</a><br>위 사이트에 적용되어 있으니 참고 부탁드리겠습니다.<br><br>테마폴더에 / index.php 파일 보시면 해당 슬라이드에 스타일을 바로 추가하실 수 있습니다.<br><br>아래 부분보시면 백그라운드 부분에 새롭게 추가된 background: #111111159 라는 값이 있습니다.<br><br><div style="color: rgb(212, 212, 212); background-color: rgb(30, 30, 30); font-family: Consolas, &quot;Courier New&quot;, monospace; font-size: 14px; line-height: 19px; white-space: pre;"><span style="color: #569cd6;">style</span>=<span style="color: #ce9178;">"z-index: 5; white-space: nowrap; letter-spacing:0px; font-weight:400; &nbsp;background: #11111159; padding-left: 10px; padding-right: 10px;"</span>&gt;
<br></div><br><br>전체 슬라이드 예제<br><div style="color: rgb(212, 212, 212); background-color: rgb(30, 30, 30); font-family: Consolas, &quot;Courier New&quot;, monospace; font-size: 14px; line-height: 19px; white-space: pre;"><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;!-- LAYER NR. 3 --&gt;</div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div <span style="color: #569cd6;">class</span>=<span style="color: #ce9178;">"tp-caption tp-resizeme text-white text-center ko1 f20"</span> </div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span style="color: #569cd6;">id</span>=<span style="color: #ce9178;">"rs-1-layer-3"</span></div><br><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span style="color: #569cd6;">data-x</span>=<span style="color: #ce9178;">"['center']"</span></div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span style="color: #569cd6;">data-hoffset</span>=<span style="color: #ce9178;">"['0']"</span></div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span style="color: #569cd6;">data-y</span>=<span style="color: #ce9178;">"['middle']"</span></div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span style="color: #569cd6;">data-voffset</span>=<span style="color: #ce9178;">"['90']"</span></div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span style="color: #569cd6;">data-fontsize</span>=<span style="color: #ce9178;">"['20']"</span></div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span style="color: #569cd6;">data-lineheight</span>=<span style="color: #ce9178;">"['28']"</span></div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span style="color: #569cd6;">data-width</span>=<span style="color: #ce9178;">"none"</span></div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span style="color: #569cd6;">data-height</span>=<span style="color: #ce9178;">"none"</span></div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span style="color: #569cd6;">data-whitespace</span>=<span style="color: #ce9178;">"nowrap"</span></div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span style="color: #569cd6;">data-transform_idle</span>=<span style="color: #ce9178;">"o:1;s:500"</span></div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span style="color: #569cd6;">data-transform_in</span>=<span style="color: #ce9178;">"y:100;scaleX:1;scaleY:1;opacity:0;"</span></div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span style="color: #569cd6;">data-transform_out</span>=<span style="color: #ce9178;">"x:left(R);s:1000;e:Power3.easeIn;s:1000;e:Power3.easeIn;"</span></div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span style="color: #569cd6;">data-mask_in</span>=<span style="color: #ce9178;">"x:0px;y:0px;s:inherit;e:inherit;"</span></div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span style="color: #569cd6;">data-mask_out</span>=<span style="color: #ce9178;">"x:inherit;y:inherit;s:inherit;e:inherit;"</span></div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span style="color: #569cd6;">data-start</span>=<span style="color: #ce9178;">"1400"</span> </div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span style="color: #569cd6;">data-splitin</span>=<span style="color: #ce9178;">"none"</span> </div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span style="color: #569cd6;">data-splitout</span>=<span style="color: #ce9178;">"none"</span> </div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span style="color: #569cd6;">data-responsive_offset</span>=<span style="color: #ce9178;">"on"</span></div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span style="color: #569cd6;">style</span>=<span style="color: #ce9178;">"z-index: 5; white-space: nowrap; letter-spacing:0px; font-weight:400; &nbsp;background: #11111159; padding-left: 10px; padding-right: 10px;"</span>&gt;</div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;한번의 구입으로 PC,MOBILE 을 동시에 사용 할 수 있습니다.</div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</div><div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div></div>

소프트존님의 댓글

소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물

쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물

작성일 24-05-20 14:18

위 처럼 사용해주시면 될것 같습니다.
감사합니다.

latte님의 댓글

latte 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물

쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물

작성일 24-05-20 14:53

네 해당 부분은 텍스트 배경에 검정 알파값인데.. 저럴경우 배경과 텍스트가 너무 구분되어 text-shadow 라는 속성 같은 기능으로 검정 알파값에 블러 효과를 적용하여 좀 더 배경과 텍스트가 부드럽게 표현하고 싶은데 방법이 없나요?

소프트존님의 댓글

소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물

쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물

작성일 24-05-20 15:06

예제를 보여주시면 자세한 설명이 가능할것 같습니다.

소프트존님의 댓글

소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물

쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물

작성일 24-05-20 15:18

일반적으로 텍스트 쉐도우 효과 만으로는 이미지와 텍스트를 자연스럽게 구분하는것은 좀 어렵습니다.
이유는 이미지에 따라서 텍스트가 어떻게 보일지 몰라서 인데요.

이미지에 텍스트가 들어가는 부분에 따로 검정색으로 배경을 만들던지 해야할것 같습니다.
보통 어떤 이미지가 들어갈지 몰라서 위 처럼 적용해서 사용합니다.

이미지를 보정해서 텍스트 부분을 돋보이게 만들 수 는 있을것 같습니다.

번호	제목	날짜
열람중	테마 구매했습니다. 근데 수정하다 보니 질문이 있어요 댓글+ 5개 시간 : 05-20	05-20
1170	슬라이드 멈춤 재생 버튼을 만들 수 있을까요? 댓글+ 3개 시간 : 05-17	05-17
1169	유투브 쇼츠 링크 게시판 활용에 적합한 테마가 있을까요? 댓글+ 1개 시간 : 05-14	05-14
1168	접속이 안되네요 댓글+ 1개 시간 : 05-12	05-12
1167	모바일 화면에서 상단부분을 줄이고 싶은데 어떻게 해야 하나요? 댓글+ 3개 시간 : 05-09	05-09
1166	one 테마를 사용하고 있는데 상단 서브이미지가 모바일에서 줄어들지 않아요 댓글+ 7개 시간 : 05-09	05-09
1165	Trying to access array offset on value of type null in on line 오류문의 댓글+ 5개 시간 : 05-07	05-07
1164	인덱스페이지 제품소개 메뉴설정에서 설정후 게시판연동 에서 설정하는방법부탁드리니다 댓글+ 11개 시간 : 05-05	05-05
1163	인덱스화면에 제품소개 출력관련 댓글+ 2개 시간 : 05-04	05-04
1162	어제 에티테마 25를 구매하고 셋팅을 하고 처음 접속은 잘 되는데요. 로고를 클릭하면 랙이 걸리네요. 댓글+ 1개 시간 : 05-02	05-02
1161	테마 설치 후 설정 문의(완전 초보) 댓글+ 4개 시간 : 05-02	05-02
1160	모발일홈페이지 반응형에 짤리는부분 댓글+ 1개 시간 : 04-24	04-24
1159	본서버에 작업된 테마를 올렸더니.. 댓글+ 3개 시간 : 04-21	04-21
1158	이제 두가지만 해결하면 될것 같습니다. 댓글+ 2개 시간 : 04-18	04-18
1157	갤러리 최신글 스킨 문의드립니다. 댓글+ 2개 시간 : 04-17	04-17
1156	게시판 생성 문제 질문입니다 댓글+ 2개 시간 : 04-17	04-17
1155	네비게이션 반응형 수정하려고 합니다. 댓글+ 4개 시간 : 04-11	04-11
1154	하위메뉴 롤오버시 배경문의, 다국어 댓글+ 8개 시간 : 04-09	04-09
1153	오랜만에 질문 하나 드려봅니다. 댓글+ 5개 시간 : 04-07	04-07
1152	모바일에서 접속을 하면 왼쪽 사이드바의 카테고리 하단에 메뉴가 나오질 않네요 댓글+ 2개 시간 : 04-05	04-05
1151	서브 메뉴 현재 위치 표시 문제 댓글+ 3개 시간 : 03-30	03-30
1150	구글 아이콘 안보이는 현상 도움 부탁드립니다 댓글+ 1개 시간 : 03-28	03-28
1149	한가지 더 문의 드립니다. 댓글+ 11개 시간 : 03-27	03-27
1148	왼쪽 sns 퀵메뉴 삭제했는데 험한것이 나왔어요. (feat.파묘) 댓글+ 2개 시간 : 03-27	03-27
1147	모바일 글자 짤림 현상, 문의드립니다 댓글+ 2개 시간 : 03-27	03-27
1146	글쓰기 시 자동등록방지 입력부분 겹침 댓글+ 2개 시간 : 03-27	03-27
1145	서브페이지 로고 메뉴 겹침 문제 문의 드립니다. 댓글+ 1개 시간 : 03-25	03-25
1144	갤러리 슬라이드 하드코딩으로 수정하는 방안 궁금합니다. 댓글+ 11개 시간 : 03-21	03-21
1143	재문의 댓글+ 1개 시간 : 03-19	03-19
1142	유튜브슬라이드 기능 스킨 댓글+ 2개 시간 : 03-18	03-18

테마 구매했습니다. 근데 수정하다 보니 질문이 있어요

페이지 정보

본문

댓글목록

소프트존님의 댓글

소프트존님의 댓글

latte님의 댓글

소프트존님의 댓글

소프트존님의 댓글

테마몰

카테고리

라이브러리

소셜계정으로 로그인

페이지 정보

본문

댓글목록

테마몰

카테고리

라이브러리