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

페이지 정보

작성자 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

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

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

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

번호	제목	날짜
1221	모바일 메뉴 문의 댓글+ 4개 시간 : 10-14	10-14
1220	element.style 수정하려면 어느 파일에 있나요??? 댓글+ 6개 시간 : 10-12	10-12
1219	제품소개 게시판에 대해 두가지 질문 드립니다. 댓글+ 1개 시간 : 10-11	10-11
1218	메뉴설정 댓글+ 6개 시간 : 10-04	10-04
1217	메일문의 댓글+ 8개 시간 : 10-04	10-04
1216	게시판 url 댓글+ 1개 시간 : 09-27	09-27
1215	테마사용중 문의 댓글+ 2개 시간 : 09-27	09-27
1214	비즈니스 테마 접속 댓글+ 1개 시간 : 09-24	09-24
1213	상단 네비게이션 연동 시 헤더 아래부터 빈 화면만 출력됩니다. 댓글+ 9개 시간 : 09-20	09-20
1212	테마사용 문의 댓글+ 6개 시간 : 09-14	09-14
1211	테마작업중 문의 댓글+ 5개 시간 : 09-13	09-13
1210	테마문의 댓글+ 2개 시간 : 09-12	09-12
1209	테마 문의 댓글+ 2개 시간 : 09-11	09-11
1208	테마 최근게시물 질문 댓글+ 10개 시간 : 09-06	09-06
1207	테마 설치에러 문의 댓글+ 6개 시간 : 09-05	09-05
1206	테마 구매후 작업중 문의 댓글+ 1개 시간 : 08-29	08-29
1205	테마변경후 비회원 구매가 안뜨네요. 댓글+ 1개 시간 : 08-18	08-18
1204	좌측메뉴가 포함된 테마가 있을까요? 댓글+ 4개 시간 : 08-06	08-06
1203	7페이지 구입 했는데 댓글+ 1개 시간 : 08-04	08-04
1202	FAQ 부분의 영상수정은 어디서 가능할까요? 댓글+ 1개 시간 : 07-31	07-31
1201	답변 감사드립니다. 댓글+ 1개 시간 : 07-26	07-26
1200	해당부분에 대한 수정문의 드립니다. 댓글+ 1개 시간 : 07-26	07-26
1199	컨택트 페이지 주소가 바뀌어 오류가 발생할까요? 댓글+ 6개 시간 : 07-26	07-26
1198	네비메뉴 부분 문의드립니다. 댓글+ 1개 시간 : 07-25	07-25
1197	문의사항 메일알림 댓글+ 18개 시간 : 07-24	07-24
1196	구매후 설치시 오류 문의드립니다. 댓글+ 2개 시간 : 07-23	07-23
1195	안녕하세요. 반응형 관련 질문드립니다. 댓글+ 3개 시간 : 07-22	07-22
1194	구매문의드립니다. 댓글+ 2개 시간 : 07-18	07-18
1193	홈페이지내의 메일기능 궁금한 사항이 있습니다. 댓글+ 4개 시간 : 07-16	07-16
1192	호스팅 변경 후 접속 에러 댓글+ 11개 시간 : 07-11	07-11

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

페이지 정보

본문

댓글목록

소프트존님의 댓글

소프트존님의 댓글

latte님의 댓글

소프트존님의 댓글

소프트존님의 댓글

테마몰

카테고리

라이브러리

소셜계정으로 로그인

페이지 정보

본문

댓글목록

테마몰

카테고리

라이브러리