본문 바로가기

기타+𝛼/Web6

Font generator https://tools.picsart.com/text/font-generator/ Font Generator - Fancy Text (𝒞𝑜𝓅𝓎 𝒶𝓃𝒹 𝒫𝒶𝓈𝓉𝑒) | Quicktools by Picsart The Picsart Font Generator tool can help you convert any text into fancy and eye-catching fonts in seconds, in just a few clicks. tools.picsart.com ★ Small > Math Sans Lucy AirPods → 𝖫𝗎𝖼𝗒 𝖠𝗂𝗋𝖯𝗈𝖽𝗌 ★ Small > Mono Upper Lucy AirPods → ʟᴜᴄʏ ᴀɪʀᴘᴏᴅꜱ ★ Cursive > Math Sans Italic Lucy Air.. 2024. 1. 15.

[CSS] 티스토리 북클럽-북리뷰 테마 썸네일 가운데 정렬하는 방법 변경 전 현재 티스토리 Book Club 스킨 중에서 북리뷰 리스트 타입을 사용하고 있다. 정사각형 사진을 썸네일로 지정하면 위쪽으로 정렬되어 보기 좋지 않아서, 직사각형 모양을 유지하되 썸네일의 Y 좌표가 가운데 오도록 정렬하고 싶었다. 변경하는 부분 여러 글들을 읽어보니 CSS 한 줄만 바꾸어도 쉽게 조정할 수 있다는 사실을 알게 되었다. 설정 > 스킨 편집 > CSS에 들어가서 Ctr+F(command+F)로 .post-item .thum img에 해당하는 줄을 찾는다. 나의 경우는 transform: translateY(-25%); 부분을 수정해야 했다. 원래 값은 transform: translateY(-25%);로 되어있는데 -20으로 변경하니 내 마음에 드는 가운데 위치에 제대로 조정되었다... 2023. 12. 5.

[HTML] 티스토리 글에 오디오 재생바 넣기 1. 입력하고 싶은 오디오 오른쪽 버튼 > 링크 주소 복사 2. 티스토리 글 작성 화면에서 HTML 세팅으로 변경 3. 원하는 위치에 아래 코드를 입력하며, 복사한 링크 주소를 "" 안에 삽입. 4. 결과는 아래와 같음 사운드 출처: https://www.airbornesound.com/downloads/ambience-sound-effects/ Ambience Sound Effects A bundle of 15 crowd, sports, crowd, weather, station, construction, and other atmospheres. www.airbornesound.com 2023. 11. 1.

[HTML] 티스토리 Mac 코드 적용 후, 북클럽 테마 검색 버튼 먹통 해결 1. 문제 발생 - Mac 스타일 코드블록 적용 우선, 아래 티스토리 게시글을 따라하며 코드블록을 Mac 스타일로 변경했다. [티스토리 블로그 테마] - 1. 코드 블록 디자인을 mac 코드 스타일로 바꾸기 글을 읽기 전 미리 보는 완성본은 다음과 같다. 어떻게 만들었고 적용했는지 궁금하신 분들은 아래로 스크롤! See the Pen tistory code block by MiJeong Kim (@sap03110) on CodePen. 발단 여느 날과 다름없이 회사 guiyomi.tistory.com - 티스토리 검색창과 프로필 먹통! 그러나 코드블록 스타일 변경 후, 티스토리 검색창과 프로필 부분이 먹통이 되었다. 평소 프로필 > 관리 또는 글쓰기를 자주 사용하고 있었기 때문에 불편했다. 2. 해결법 .. 2023. 10. 30.

[Chrome] 크롬 테마 모음 (내 취향) 1. 크롬 테마 설치법 웹사이트에서 Chrome에 추가를 클릭하면 자동으로 적용된다. 2. 내가 좋아하는 테마 (1) Pink Lake Pink Lake Beautiful Lake Vistage Resolution: 1280x800 chrome.google.com 2. Rose Rose Rose: A blush of color for your browser chrome.google.com (3) Creamy Creamy Beautiful earth tones in a minimal theme chrome.google.com (4) Just Black Just Black Midnight monochrome chrome.google.com 2023. 10. 5.

[CSS] 티스토리 스크롤바 스타일 변경 CSS 코드 아래 코드를 복사하고, 설정 > 스킨 편집 >CSS에 들어가서 @font-face 아래 부분에 붙여넣는다. ::-webkit-scrollbar { width: 10px; /* 세로축 스크롤바 길이 */ height: 20px; /* 가로축 스크롤바 길이 */ } /* Top, Left 방향의 이동버튼 */ ::-webkit-scrollbar-button:start { background-color: white; } /* Bottom, Right 방향의 이동버튼 */ ::-webkit-scrollbar-button:end { background-color: white; } /* 스크롤 바 배경 색상 */ ::-webkit-scrollbar-track-piece { background-color.. 2023. 9. 13.

이전 1 다음

728x90

티스토리툴바