톡톡! 정보통!/리뷰 썸네일형 리스트형 티스토리 HTML/CSS 영역, 또는 게시글 작성에 이미지 2개를 옆으로 나란히 놓고 아웃 링크를 연결하는 코드 알아보기~ 안녕하세요! 블로그애드입니다. 오늘은 티스토리 게시글을 작성할 때 이미지 2개를 옆으로 나란히 배열시키고 아웃링크를 설정하는 코드에 대하여 알아봅니다. 네이버 블로그처럼 쉽게 이미지를 옆으로 놓고 각각 링크를 연동시키면 되지만 티스토리에서는 하나의 이미지로 인식하기 때문에 별도의 코딩을 통해서 설정해야만 합니다. HTML/CSS 영역에 유연한 이미지 패러렐 아웃링크 연결시키는 법 우선, html/css 영역에 코드를 넣어 유연하게 대처할 수 있는 코드입니다. [HTML 영역] 위 코드에서는 div 요소를 사용하여 이미지와 링크를 포함하는 부모 요소를 만듭니다. class 속성을 사용하여 부모 요소에 image-links라는 '클래스' 이름을 부여합니다. 이미지와 링크는 'a' 요소를 사용하여 만듭니다. .. 더보기 티스토리 책갈피(앵커태그,하이퍼링크) 이미지 시작 텍스트 이동 html 코드 안녕하세요! 이미지를 시작점으로 해서 텍스트가 있는 곳으로 이동하는 앵커태그, 하이퍼링크 태그의 경우는 생각보다 쉽지 않고, 지저분한 느낌이 없잖아 있습니다. 그럼에도 시도해보고 싶은 분들을 위하여 몇가지 htlm 코드를 남겨드리면 다음과 같습니다. 기본적으로 1.서론 2.본론 이와같이 시작점의 코드를 임의 생성해 볼 수 있습니다. 목차를 넣고, 해당 세부 제목을 누르면 목적한 지점으로 이동시키는 코드입니다. 여기서) 종료지점에 대한 html 코드가 필요하겠죠. 1번이미지 2번이미지 다만, 목차가 하나가 아니라 여러개의 경우는 줄지어 세울 수 없으니 줄바꿈 을 넣어서 끊어주면 됩니다. [종료지점 html 코드] 내 제목 이렇게 넣어도 되고, 내 제목 해당되는 지점에 티스토리 기본모드 > HTML로 전환하.. 더보기 티스토리 앵커태그(책갈피,하이러링크) 이미지 시작점 종료시점 html 코드 코딩~ 목차 Q.에코라운지에 대해 알고 싶어요. Q.전기차 충전 방법을 알고 싶어요.Q.테슬라 차량의 충전 방법을 알고싶어요. Q.전기차충전소 위치는 어떻게 확인하나요? #1 더보기 티스토리 블로그에게 책갈피 만들기 방법(간단 코딩) [목차] 1.서론2.운용법 서론으로 티스토리 블로그에 책갈피 기능을 간단 코딩으로 적용하는 방법입니다. 운용법으로 코딩하는 방법은 하이퍼 링크를 통해서 가볍게 코딩해볼 수 있습니다. 간단하죠? 더보기 1톤 적재함 호루 설치 by 조호루~ ※모바일에서 전화가 걸려요! 1톤 호루 제작 안녕하세요! 오늘은 조호루에서 제작 및 설치한 1톤 호루, 적재함호루 제작 사례를 살펴봅니다. 조호루 설치공장 내부에 파킹해서 이미 이동로 제작이 거의 완료되고 있는 포터2 트럭의 모습이죠. 이동로는 호루가 왕래하는 중요한 역할을 하는 장치입니다. 기존 호루의 경우는 바닥이 평평하게 제작되어 있었고, 슬라이딩 자바라 하단의 측면에 철재 바퀴가 돌출되어 오가면서 마찰력이 생기고 그로 인하여 뻑뻑함이나 소음발생의 원인이 되기도 하였습니다. 하지만, 1톤 적재함 호루는 이런 부분을 우레탄바퀴를 통해서 부드럽게 움직이도록 해서 소음발생부분을 사전에 회피하도록 제작 되었습니다. 이동로 중앙에는 굴곡진 레일 ─ 모노 레일 처럼 ─ 로 제작되어 좌우로 이격되지 않고 정해진.. 더보기 CGV 압구정 극장광고(MVIO 트랜스폼백 런칭, 엘리베이터랩핑) / CGV 압구정 / 극장 광고 ▲사진= 3D이미지(조형물) MVIO 안녕하세요! 오늘은, 팜애드에서 진행해드린 CGV 극장광고 중에서 CGV 압구정 상영관 광장과 내부 브랜드관 진행 사례를 함께 살펴봅니다. 극장광고 영역 중에서도 브랜드관은 상영관 일부 또는 전체를 해당 브랜드 로고, 이미지, 제작물 영상, 스티커 등 다양한 형태로 집중적으로 마케팅을 진행 할 수 있는 매체입니다. 위의 MVIO 트랜스폼백 역시도 이와같은 일환으로 다양한 제작물을 선보이고 있습니다. CGV 극장광고로 진행한 MVIO 트랜스폼백 개요. 장소: CGV 압구종 규모: 4.5m(L) x 4.1m(W) x 4m(H) CGV 압구정 상영관 앞 광장에서 대형 조형물이 설치되어 지나가는 시민들의 호기심을 불러일으키고 있습니다. 여러 .. 더보기 긴머리 그레이스펌 우아한 분위기 by 어반트랜드 노원 화이트점 로아쌤 봄헤어 긴머리 그레이스펌 by 로아쌤 안녕하세요! 어반트랜드 노원 화이트점 로아쌤의 긴머리 그레이스펌 사례를 보여드릴께요. 지금쯤이면 이렇게 모발이 부슬부슬 거리거나 컬러도 많이 퇴색된 분들도 많을지 모르겠습니다. 어쨌든, 새봄 시즌이 시작된 만큼 자신의 매력을 다시 찾아보는 것은 아주 당연한 일이 아닐까 싶어요. 긴머리 기장을 유지하고 계신 고객님의 경우, c컬펌을 할지? 아니면, S컬펌을 해야할지 무척 고민하고 계셨는데요. 로아쌤은, 이 두가지 컬과 웨이브를 믹스펌으로 하는 그레이스펌을 추천해드렸답니다:) 조금 후 완성된 긴머리 그레이스펌의 모습이에요. 세련되어 보이면서도 단정해보이는 c컬과 여성스럽고 우아해보이는 s컬 웨이브를 넣어주면 확실히 모발볼륨감을 강화시켜 주고, 전체적으로 우아한 느낌을 더.. 더보기 포터2 호루 제작 및 설치~ ※모바일에서 전화가 걸려요! 조호루 포터 호루 안녕하세요! 오늘은, 조호루에서 설치한 포터2 호루 제작 사례를 살펴봅니다. 슬라이딩 자바라 호루는 특허제품 으로 기존 호루의 단점을 개선하고 효율성, 소음발생 억제, 빠른 상하차 환경, 깔깔이 작업까지도 모두 가능하도록 개선한 저소음 프레임을 적재함에 설치 함으로써 국내 모든 기후의 영향으로 부터 내부 적재물을 안전하게 보호할 수 있습니다. 포터2 호루의 제작에 있어 가장 기본은 슬라이딩 자바라가 부드럽게 움직이도록 하는 이동로 설치로부터 시작됩니다. 사진처럼 앞부분은 막히고 뒷부분이 단락 된 형태로 앞쪽에 설치되는 호루 레일 부분은 이곳에 저소음 프레임이 정렬되고 양쪽 적재함 개방이 이뤄지도록 하는 중요한 역할을 합니다. 앞뒤의 호루레일을 하나로 연결한 .. 더보기 이전 1 2 3 4 5 6 7 8 ··· 14 다음
