반응형

퍼블리싱 36

CSS 기본문법, 자주 쓰이는 속성들

CSS란? 밋밋한 HTML에 디자인을 꾸며주는 언어입니다. 선택자(Selector) 선택자는 스타일을 적용할 대상입니다. 태그, id, class 등을 선택 할 수 있습니다. /* 태그를 선택자로 했을 때 */ p { color: red; } /* 태그를 id로 했을 때 */ #title { color: blue; } /* 태그를 class로 했을 때 */ .item { color: pink; } id는 한요소에만 적용되며 class는 class가 적용된 모든 요소에게 적용됩니다. Hello world my officelab id 적용 요소 class 적용 요소 복합선택자 복합선택자는 하위선택자 (Descendant Selector)와 자식 선택자 (Child selector)이 있다. 자식 선택자 아이..

HTML 핵심 태그 기본 문법

HTML 태그는 정보를 보여주는 역할을 합니다. 이미지, 텍스트등은 모두 HTML로 만들어진다고 보면 됩니다. 1. 기본 형식 콘텐츠 내용 my office lab 2. 링크를 걸어 이동시키기 Hello my office lab 3. 콘텐츠가 없다면 "/"로 마무리 4. 태그안에 또 태그를 삽입하기 Helloy my office lab 5. HTML 주석 사용하기 6. 제목 표시하기 Hello officelab Hello officelab Hello officelab Hello officelab Hello officelab Hello officelab 7. 내용 엔터 8. 이미지 넣는 태그 9. 영역을 나누도록 도와주는 태그 ((div를 하나의 박스라고 생각하세요.)) 네이버페이 입니다. 10. 로그인,..

스마트스토어 연관 상품 등록하기

안녕하세요 오늘은 스마트스토어에 연관상품을 등록해볼게요! 아마 최근에 생긴 메뉴라고 들었어요 :) 많이들 활용해보자구욧-! 스마트스토어 좌측 상품관리 > 연관상품관리를 들어가주세요! 옷을 판매하시는분은 코디상품으로 선택을 하시면 좋을거같아요 저는 일반 제품이기때문에 함께 사면 좋은 상품으로 체크를 했습니다! :) 함께사면 좋은제품으로 체크를 하면 리스트형과 이미지형을 고를 수 있어요 저는 리스트형으로체크했어요 :) 자기 취향껏 선택하시면 됩니다 상품불러오기를 누르면 이렇게 등록한 상품들이 주르르 떠요 여기서 단 6개만 등록할수있다는점 알아주세요! 아마 6개로 해둔이유는 10개, 20개 너무 늘어나면 오히려 고객들이 스크롤 내리다가 지루해서 뒤로 빠질수도 있어요 그래서 아마 6개로 제한을 걸어둔게 아닌가 ..

파비콘 사이즈 및 이미지파일 ICO 설정방법

안녕하세요 오늘 파비콘 사이즈 설정 및 ico로 변환하는 방법에 대해 설명해드릴게요! 파비콘이란? 파비콘은 즐겨찾기와 아이콘의 합성어로 주소창에 표시된 작은 아이콘을 뜻 합니다. 파비콘 사이즈 파비콘 사이즈는 일반적으로 16x16 픽셀입니다. 근데 요즘엔 32x32 픽셀로도 많이 사용하는 추세라고 하네요. 파일 확장자 파일 확장자는 투명파일의 png파일로 많이 쓰입니다. 그러나 직접 홈페이지를 제작하는 경우(카페24, 고도몰 등이 아닌) 파비콘을 ICO 확장자로 만들어야합니다. ICO 확장자는 포토샵에선 제작할수없어서 저희는 무료사이트에서 변환시켜볼게요.! JPG ICO 변환 (온라인 무료) — Convertio jpg 파일(들) 업로드 컴퓨터, Google Drive, Dropbox, URL에서 선택하..

html 쇼핑몰 상품 테두리 없애기

안녕하세요 오늘은 쇼핑몰 상품의 테두리(흰색)부분을 없애볼거에요 요새는 점점 디자인이 단순화되면서 상품 테두리가 안보이는걸 더 선호하시더라구요 전 이미 상품테두리를 없애고나서 캡쳐를해가지고ㅠ 일단 프리미엄상품, 베스트상품 관련 카테고리가 있을거에요 그 카테고리에서 테두리를 없애고 싶은 카테고리 html파일로 들어가야겠죠? 저같은경우는 main_premium_rows.html , main_new_rows.html , main_focus_rows.html 파일에서 테두리를 없앴어요 border부분을 0px으로 변경하면 된답니다 ^_^

[모바일 html] 쇼핑몰 상품 배치 3열->2열로 바꾸기

안녕하세요 :) 오늘은 상품배열을 위와 같이 2열로 바꾸는 방법에 대해 알아볼게요. mobile_html/main.html 파일에서 (전 알드라이브를 쓰고있어요) {{메인매물 페이지당6개,가로3개,전체,포커스,진행중,main_img_premium_mobile_01.html,출력글자12자,누락0개,전체상품,전체,전체,홍보글자20자,전체}} 가로 2개로 수정을 하시면 됩니다. 적용된 추출태그를 볼까요? 훨씬 더 깔끔해진 모습이네요 ^_^

은근히? 많은 용량을 잡아먹는 카카오톡 데이터 삭제하기

안녕하세요 오늘은 카카오톡 데이터를 삭제해보는시간을 가져볼게요. 간편하게 지우는 방법부터 알려드릴게요.! 설정(톱니바퀴모양)>채팅>하단으로 쭉 내리면 저장공간 관리가 있어요 벌써 112MB 쌓였네요 (심지어 일주일전 정리함) 모두삭제를 눌러주시면됩니다. 주의하실점은 모두삭제를 누르면 그동안 주고받았던 사진이나 영상이 안뜰수있기때문에 중요한 파일들은 미리 저장해두시는점 잊지마세요~ 좀 더 확실히 깨끗히 지우는법! 이방법을 썼더니 용량이 더 줄었더라구요 설정(톱니바퀴모양)>톡서랍을 열어주세요 그럼 어떤 톡데이터들을 지울건지 종류별로 떠요 보통 데이터를 많이 잡아먹는게 사진,영상,파일이라 두가지정도만 체크해도 충분합니다. 사진,영상에 들어가면 이렇게 그간 주고받았던 사진, 영상들이 뜨게되는데 PC에서는 이게 ..

크롬에서 오른쪽마우스 작동금지 해지하는법

안녕하세요 오늘은 크롬에서 오른쪽마우스 작동금지 해지하는법을 알려드릴게요 쇼핑몰이나 웹사이트에서 오른쪽마우스 클릭을 금지하는 경우! 크롬스토어에 들어가면 관련 프로그램을 다운받을 수도 있지만 괜히 광고만 띄워져서 컴퓨터만 느려질거같아서 알아낸 방법입니다! 먼저 크롬창을 띄운뒤 F12버튼을 눌러주세요 그럼 오른쪽에 창이 하나뜰거에요 상단 톱니바퀴모양을 클릭해주세요! 하단으로 쭉 내리다보면 Debugger에서 Disable JavaScript 을 체크해주세요 그 상태에서 오른쪽 마우스를 누르면 활성화 된답니다! 주의! (뒤로가기나 앞으로가기)를 눌렀을 경우 해당 설정이 해지되서 마우스가 안눌릴수있어요! 이미지를 복사하고싶은 페이지에서 설정해주세요 :D

IP주소로 대략적인 위치 확인하는법

안녕하세요 :D 오늘은 ip주소로 대략적인 위치를 확인해보는 시간을 갖을게요. * 시, 구, 동까지만 위치추적이 가능합니다. 상세위치는 ip 추적으로 알수없어요! -목차- 1. IP 주소란? 2. 내 IP 주소 확인하기 3. IP 주소로 위치 추적할수 있는 사이트 2개 추천 IP 주소란? IP 주소는 인터넷에 연결되 기기를 식별하는 번호로 4개의 10진수 형태로 구분됩니다. 내 IP 주소 확인하는 방법 내 ip주소를 간단히 확인하는 방법으로는 네이버에 '내 ip주소'를 치시면 됩니다. IP 주소로 위치 추적하기 IP 주소 확인하기 | NordVPN 무료 IP 주소 조회 도구를 사용하여 내 IP 주소와 지리적 위치를 찾아보세요. IP 주소와 호스트 이름, 인터넷 서비스 제공업체(ISP)를 확인하여 악성 온..

반응형