Atelier BiCute

아래 내용은 BiCute 스킨(ver.2.0 이상)을 사용하여 게시물을 작성할때 어떻게 표시되는지에 대한 안내입니다. 아래 목록에 있는 항목들은 사용자화 한 항목들이며, 이외의 기능들에 대해서는 기본 티스토리 기능을 따라가고 있습니다 기본 티스토리 기능을 유지하고 있는 기능들에 대해선 추후 디자인의 변경이 발생할 수 있습니다. --- 문단 모양 --- • [제목 1]로 작성하면 이렇게 표시됩니다 자동 목차에 반영됩니다. 대분류의 제목이나 길지 않은 문장의 타이틀로 추천합니다. • [제목2]로 작성하면 이렇게 표시됩니다. 자동 목차에 반영됩니다. 대부분의 타이틀이 길거나, 대분류 내부의 소분류로 추천합니다. • [제목3]으로 작성하면 이렇게 표시됩니다. 제목3은 자동목차에 적용되지 않습니다. 주로 링크나 ..

#1 BiCute 스킨 소개 Odeyssey 스킨을 기반으로 쓸데없는 기능을 최대한 삭제하였으며, 심플하고 깔끔하지만 세련된 스타일로 제작하였습니다. 과도한 이펙트와 특수효과들은 사용하지 않았기에 쾌적하고 빠른 블로그를 이용할 수 있습니다. #2 BiCute 스킨 특징 • Odyssey의 장점은 계승! - PC 레이아웃 : 2단 우측 사이드바 / 1단 서랍형 사이드바 - 목록 탐색 타입 : 페이지 나열 / 더보기 버튼. - 티스토리 '메뉴'를 활용한 네비게이션 바 적용 가능. - 헤더 슬로건 섹션 적용 가능. - 이벤트 배너 섹션 적용 가능. - 사이드바 프로필 / SNS 링크(YouTube, Instagram, Twitter). *Facebook 삭제 - 트위터 타임라인 적용 가능. *Facebook ..

#1 부드러움이 필요하다 어느 순간 문득 썸네일 이미지들이 네모네모 한 것이 너무 신경 쓰이기 시작했습니다. 로고도 원형이고, 트위터의 게시물도 모서리가 살짝 둥글어서 서로 어울리지 않아 보이기도 했고요. 그래서 수정해 보았습니다! #2 썸네일 이미지의 모서리를 둥글게 만들기 ※ 아래 내용은 이 블로그에서 현재 사용하고 있는 Odyssey Skin의 [이미지 비율 유지 타입]에만 해당합니다. 메인 화면의 썸네일 (1) [style.css:2161~2163] .article-type-common .thumbnail .img-thumbnail { display: none; }을 찾아 다음과 같은 내용을 추가해줍니다. .article-type-common .thumbnail .img-thumbnail { di..

#1 파비콘이란? 이전에 블로그 로고를 만들었으니 이 로고를 이용하여 하나씩 설정할 차례입니다. 이번 글은 티스토리 블로그를 생성하고 하는 여러 가지 작업들 중 파비콘 제작과 등록에 관한 방법입니다. 파비콘이란 브라우저 탭이나 즐겨찾기(북마크) 등 여러 장소에서 주소창 앞에 나타나는 아이콘을 이야기합니다. 파비콘 제작을 도와주는 사이트는 매우 다양하게 있지만 이 글에서는 제가 직접 이용하고 추천하는 사이트 하나만 예를 들어 설명드립니다. #2 파비콘 만들기 Favicon Generator 주소 : https://www.favicon-generator.org (1) 사이트에 접속한 후 파일 선택을 눌러 원하는 이미지 파일을 선택합니다 (2) Create Favicon(파비콘 만들기)를 클릭합니다. 별다른 ..

블로그를 시작하고 나니 로고를 필요로 하는곳이 꽤 있는거 같아서 새롭게 로고를 만들었습니다. 생성 과정은 짧게 아래 이미지 1장으로 정리! Atelier BiCute Logo design

#1 Odyssey 스킨의 프로필 박스 이 블로그를 스킨 글을 적으려고 시작한 것이 아닌데 언제까지 스킨 관련 글을 적게 될 것인가!! 이전 글로 대충 취향대로 다 만들어졌다고 생각했지만... 뭔가 중요하진 않지만 괜스레 눈에 거슬리는 것이 있었습니다. 사람에 따라 이쁘게 보일 수도 있겠지만 제 기준에서는 블로그의 모든 선이 가로로 그어져 있는데 프로필 영역의 테두리에 세로로 그어진 선이 있어 뭔가 모르게 계속 신경이 쓰여 지워버리기로 했습니다. #2 프로필 박스의 외곽선 지우기 블로그 관리 > 스킨 편집 > HTML 편집으로 이동한 후, CSS 탭으로 이동합니다. [style.css:1485~1491]의 '.area-aside .box-profile' 항목 중, [style.css:1488]인 'bor..

#1 Odyssey 스킨의 게시물 상단 썸네일 부분 처음에 자동으로 생성되는 '환영합니다!'만 봤을 때는 나름 잘 어울리는 거 같아서 그러려니 하고 넘어갔었는데, 새로운 게시물을 작성하면서 대표 이미지가 글자가 있는 이미지로 적용이 되어버리니 제목 부분이 매우 혼란스러워졌습니다. 그리하여 상단의 이미지는 크게 중요하지 않고 범위를 너무 넓게 차지하고 있기에 제거하기로 하였습니다. #2 게시물 상단 썸네일 제거하기 (1) 관리 페이지 > 스킨 편집 > HTML 편집을 클릭한 후 CSS탭으로 이동합니다. [style.css:2730~2738]의 '.article-header { 속성: 속성값 ... }' 내용과 [style.css:2741~2750]의 '.article-header:before { 속성: 속..

#1 페이스북 트위터 플러그인 Odyssey스킨은 사이드바 위치에 페이스북 트위터 플러그인이 기본으로 설정되어 있으며 사이드바-SNS를 설정하지 않아도 다음과 같이 공백으로 표시된 상태로 페이스북이 활성화되어있습니다. 저의 경우는 트위터는 사용하지만 페이스북은 사용하지 않아서 필요가 없는데, Odyssey스킨은 트위터 타임라인을 등록하더라도 여전히 페이스북이 우선 활성화되어있으며, Twitter 텍스트를 클릭해야 트위터가 활성화됩니다. 이게 여간 불편한 게 아닌데... 저와 동일하게 페이스북은 쓸 일이 없고, 트위터만 사용할 것이라면 아래와 같은 방법으로 해결할 수 있습니다. #2 수정하기 (1) 스킨 편집에서 HTML 편집을 선택한 후, 다음 부분(style.css:981~997)을 과감하게 삭제(또는..

#1 블로그 정보 블로그 이름 : Atelier BiCute 블로그 주소 : https://bicute.tistory.com 포워딩 주소 : bicute.net 블로그 개설일 : 2022.02.22 블로그 주제 : • 1차 : 웹 언어 학습 및 노트[HTML, CSS, Javascript ...] • 2차 : 흩어진 블로그의 게시물 정리[그동안 사용하다 방치된 여러 블로그들의 오래된 자료 통합] • 3차 : 개인 취미생활[Game, Animation, Figure, Apple ..] #2 관리자 소개 닉네임: BiCute 관리자가 좋아하는 것들 : • 게임 (대전 격투, J-RPG, 리듬게임 등) • IT 제품 (애플 등) • 서브컬쳐 (만화, 피규어, 애니메이션 등) #3 블로그 이용에 관하여 ① 코딩..