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

페이지 정보

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

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

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

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

번호	제목	날짜
6	테마 구매후 작업중 문의 댓글+ 1개 시간 : 08-29	08-29
5	테마 구매해서 작업중인데요. 댓글+ 4개 시간 : 06-12	06-12
4	테마 구매후 가운데 정렬이 안되는데 부트스트랩 수정도 안되구요.. 댓글+ 3개 시간 : 06-10	06-10
3	해당 사이트에 메인 최근 게시물중 댓글+ 2개 시간 : 05-30	05-30
2	구매한 테마 갤러리 글쓰기 했는데.. 댓글+ 2개 시간 : 05-20	05-20
열람중	테마 구매했습니다. 근데 수정하다 보니 질문이 있어요 댓글+ 5개 시간 : 05-20	05-20

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

페이지 정보

본문

댓글목록

소프트존님의 댓글

소프트존님의 댓글

latte님의 댓글

소프트존님의 댓글

소프트존님의 댓글

테마몰

카테고리

라이브러리

소셜계정으로 로그인

페이지 정보

본문

댓글목록

테마몰

카테고리

라이브러리