웹디자인4 티스토리 템플릿 오버레이 포토프레임 이 템플릿은 감성적인 사진 콜라주 레이아웃을 연출할 수 있도록 설계된 포토 섹션입니다. 좌측 상단에는 투명도를 활용한 텍스트 박스가 배치되어 장면에 어울리는 제목과 설명을 세련되게 전달합니다. 메인 이미지는 중앙 우측에 피사체를 위치시키고 그 위에 두 장의 폴라로이드 스타일 사진이 흰색 테두리와 그림자, 약간의 기울기로 오버레이되어 자유롭고 입체적인 분위기를 연출합니다. 각각의 작은 사진에는 캡션이 포함되어 개성 있는 기록이 가능하고 전체 구조는 반응형으로 모바일에서도 세로 정렬이 자연스럽게 이루어집니다. 여백이 충분한 배경과 균형 잡힌 이미지 배치는 사진의 컬러와 내용을 돋보이게 하여 여행기, 브이로그, 일상 기록 등 다양한 콘텐츠에 활용하기에 적합한 레이아웃입니다. 오버레이 사진 탬플릿 1. 사진 탬.. 2025. 7. 22. 투명 PNG 이미지와 다크모드(마릴린몬로) ▰ Photo Gallery다크모드에 어울리는 네 번째 PNG투명 이미지입니다. 우측 상단의 다크모드 & 일반모드 전환 버튼을 반복하여 클릭하면 다크모드에 효과적인 투명이미지를 확인하실 수 있습니다. NI _ Photo"일상의 풍경이 특별한 순간이 되다. 사진으로 전하는 소소한 이야기" 맨 위로 ▲ 2025. 3. 15. 투명 PNG 이미지와 다크모드(소방관) ▰ Photo Gallery다크모드에 어울리는 세 번째 PNG투명 이미지입니다. 우측 상단의 다크모드 & 일반모드 전환 버튼을 반복하여 클릭하면 다크모드에 효과적인 투명이미지를 확인하실 수 있습니다. NI _ Photo"일상의 풍경이 특별한 순간이 되다. 사진으로 전하는 소소한 이야기" 맨 위로 ▲ 2025. 3. 15. 밑줄로 형광펜 효과 만들기(티스토리) 티스토리에서 형광펜 효과 넣는 법블로그를 보면 가독성을 높이기 위해 형광펜 효과를 적용하는 경우가 있습니다.이것보다는 밑줄이 좀 더 두꺼운 형태로 글자를 포함하는 상태가 보기 좋습니다. 이처럼 글자 배경색은 그대로 두고 밑줄을 쳤을 때 형광펜 효과가 나타나도록 설정하는 방법에 대하여 알아보겠습니다.@ 노마드이데아▲ 눈에 띄는 형광펜 색상글작성을 완료하면 형광펜 효과가 나타납니다.◾티스토리 블로그 관리에서 스킨 편집에 들어간 다음 "html 편집"을 클릭합니다. ◾문제 발생 시 직접 수정해야 한다는 안내창이 나타납니다. "확인"을 클릭합니다. ◾상단에 있는 HTML옆에 있는 "CSS"를 클릭합니다. ◾CSS편집창 맨 아래에 아래의 코드를 복사하여 "붙여 넣기"합니다./* 형광펜 효과 */ u { te.. 2025. 2. 14. 이전 1 다음 반응형
