|
2011.6.20이후 적용 자세한사항은 공지확인하시라예
출처: 여성시대 도미국
1탄 : http://cafe.daum.net/subdued20club/LxCT/92971
안녕하세요 언니들!!!!!!!!!
1편 찌고나서 같이 도전해준 언니들도 많고
강좌 반겨주는 언니들도 많아서 너무 행복했어요 ㅠㅠ 나만 티스토리로 고민하는게 아녔쒀!!!!!!!
그리고 성공했다고 좋아해준 언니들두....♡
이번편은 1탄에서 기본적인 스킨을 만들었지만 뭔가 부족해!!!
난 게시판도 기본은 싫어!!! 하는 언니들을 위한
CSS 수정하기~ 되겠슴다 ㅎㅎㅎ
무슨 꼬부랑글씨가 남발하지만... 전혀 어렵지 않아요
이부분은 제가 표시한 부분만 손대면 전혀 오류날 일도 없고 그렇슴다
그럼 오늘도 신나게 시작해볼까요!!!???!?!?!?!
준비물
이제부턴 색바꾸기만 거의 나오니까
색상표가 필요함다!
게시글쓰기 하면 저렇게 색표가 나오잖아요? 우측 하단의 더보기를 클리!
거기서 원하는색을 찍어서 저기 나오는 #~ 하는 숫자를 계속 복붙해봅니다 ㅎㅎ
포토샵 있는분들은 포토샵에서 해도 좋아요!
그럼 이 색표를 켜놓은 상태에서 시작해봅쉬다!!!
<CSS 수정하기>
오늘도 즐거운 마음으로 관리자페이지- html/css폴더를 들어가봅니다 룰루~
오늘 사용할 부분은 어제 고쳤던
skin.html 이 아니라
style.css!
일단 꼬부랑 글씨를 보며 style.css를 펼쳐줍니당
그럼 맨 처음부터 이렇게 뭐가 많이 있어요
그럼 저기 위에 제가 표시해둔 부분을 잘 보며 바꿔줍니다.
1. 글씨체 : 지금은 batang으로 되어있는데 자신이 원하는 글씨체로 바꿔주시면 됩니다 ㅎㅅㅎ
한글로 적으셔도 되지만 참고로 영어로는
굴림 - Arial
돋음 - Verdana
바탕 - Helvetica
(저는 기본으로 깔려있는 바탕/돋음/굴림 등으로 바꾸는법밖에 몰라요...죄송해요..ㅠㅠ)
2. 글씨색 : 본문의 글씨색입니다 대부분은 검정이나 짙은회색정도로 해놓더라구요 ㅎㅅㅎ
배경이 까맣다면 휜색으로 지정!
휜색 : #FFFFFF
검정 : #000000
3. 배경색 : 이건 전 강좌에서 미리 바꿔뒀죠?? 딱히 손댈필요 없는 부분입니다
이제 스킨을 바꿀때 배경이 하얗거나 파스텔핑크~ 뭐 이런거였으면 좋겠다 싶을때 이부분만 수정해주시면 되요
그리고 저 위에 ☆표시 된부분은
게시글 쓰면 게시판 제목색과 등등의 색들입니다
저는 #333333으로 그냥 짙은회색정도로 해놨어요
다 되셨으면 좀 밑으로 내려갑니다
이 부분이 언니들이 많이 질문해주셨던 게시판 가로길이에요!
보심 게시판폭이 좁아서 불편하셨죠 ㅠㅠ??
이제 파란펜으로 동그라미 쳐둔부분을 적당히 고쳐가면서 가로폭을 정해봅니다!!!
(각자 만든 스킨의 픽셀보단 작게 해야겠죠??)
그리고 노란색 형광팬으로 표시된 부분은 모두 0으로 맞춰주세요
게시판 여백 부분인데 우린 여백이 필요없잖아요??
이제 다 되셨으면 또 밑으로 내려갑니다 슝슝
조금만 내리시면 header 바로 위에 저 두줄이 있습니다
표시된것처럼 처음것은 날짜색인데요
바로 요색이에요
이부분 색을 바꿔주는 부분임다
글고 두번째거는 티스토리 로그인 안하신분들이 방명록이나 댓글 남기시면 표시되는 이름색이에요
그리고나서 이제 쭉쭉 내려줍니다
쭉쭉
그리고 이 부분이 찾아주세요
둠둠
(못찾은 여시들은 ctrl+f를 이용해 170%를 검색하세요 ㅎㅎ)
그럼 이제 노란색으로 표시된 부분을 바꿀때인데요
바로 이부분임다
저는 바꿔서 그런데 언니들은 꼬부랑 글씨로 Search results 이렇게 되고 방명록에는 guest 이렇게 돼있을거에요
25px이 폰트 크기고
그 옆에 segoe가 폰트 이름입니다
없애고 싶은 분들은 0px로 해주세요 ~
그리고 이제 바로 밑으로 내려가시면
이게 있어요
노란색 표시된 부분이 뭐시냐하면
이렇게 마우스를 올리면 제목색이 바뀌는것입니다
윗부분은 글씨색 밑에부분은 배경색이에요
그다음 또 쭉쭉 내려서 Article 부분을 찾아줍니다
(중간부분은 손댈부분이 없어요)
저 위에 첫번째 노란 박스는 아까 보셨던
얘 부분의 글씨색이에요 ㅎㅎ 저는 없애고 싶어서 그냥 배경색과 똑같이 만들었답니다
그리고 두번째 노란색 박스는 제목부분인데 별 이상없으시면 그냥 놔두면 됩니다
그래도 혹시 모르니까 본문 배경색과 똑같이 수정해주세요~
그리고 또 쭉쭉이처럼 내려줍니다
쭉쭉쭉~~~~~~
그러면서 comment - List 부분을 찾아주세요
요로코롬
이제 이부분부터는 댓글을 달았을때 보이는 부분들입니다
맨 첫번째 노란박스는 댓글다신분들중 로그인한 분들 이름색!!
두번째와 세번째 박스는 이부분입니다
두번째는 그냥 보이는 글씨색
세번째는 마우스를 올렸을때 바뀌는 글씨색
입맛대로 수정해주세요~
이제 바로 밑으로 내려가면 요런게 보입니다
노란색으로 표시된 부분들만 바꿔주시면 돼요
대댓창에 대한 것이니까 슬쩍슬쩍 바꿔가면서 수정해보세요 ㅎㅎ
밑으로는 스크롤바인데
스크롤바 바꾸는법은 제가 모르겠네요....ㅠㅠ 죄송해요
홈페이지 만들때랑 틀려서 좀만 건들여도 애가 맛이가서..
원래 기본버전이 사이드바 적용이 안되있는 버전같아요
이제 css손대는것이 끝났습니다~
그럼 이제부터 제가 작은 팁 하나씩 드릴게요 ㅎㅎ
<TIP>
이제 풍요롭게 블로그를 꾸며야 되잖아요??
그렇기 위해서 블로그 초기화면으로 갑니다
그럼 저 위에 티에디션이 있습니다
한번 클릭해볼까요??
그럼 요 옆에 조런게 뜨는데
메인부분에 있는 박스를 클릭하면 게시글 미리보기를 할 수 있습니다
업데이트 할때마다 바뀌는거죠 ㅎㅎ
이렇게 아이템 옆에 글선택으로 들어가면
메인에 보이고싶은 게시판만 선택할수가 있습니다
밑에 이미지가 있는 글만 가져올수도 있구요 ㅎㅎ
그림그리시는 분들한텐 아주 좋은 아이템인것 같아서 알려드려요~~
참고로 박스옆에 x를 누르면 모든 박스를 없애고 메인을 깔끔하게 할수도 있답니다
아이템 돌아다니다 보시면 글만 올리게 할 수도 있어요!!!!!!
이용하면 아주 좋은 티에디션bbbbbb
tip2
두번쨰는 게시판 볼때 왠지 모르게 거슬리는 이거
이거
이거 더보기!!!!!!
다른글 더보기!!!!!!! 이거 없애봅시다
관리자페이지-플로그인 설정엘 들어갑니다
요런게 나오는데 쭉 밑으로 내리다보면
카테고리 글 더 보기
이런게 있어요! 이걸 선택해지 ㅎㅎ
(이것말고도 슬슬 보시면서 거슬리는건 하나둘씩 다 없애주세요)
+그리고 글 볼때 게시판 클릭만 했는데
바로 글 내용이 나오는게 싫으신 언니들!!!
관리자페이지-화면설정에 들어가봅니다
고롬 요런게 떠요 ㅇㅇ
여기서 화면출력으로 ㄱㄱㄱㄱ
이곳에 다 있었습니다 ㅎㅎㅎㅎㅎ
저기 표시된 부분들 하나둘씩 고치면서 입맛대로 고쳐주세요~
자 이제 다시 블로그로 돌아가세요
ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ 짱 영롱한 나만의 입맛춤 블로그가 완성이 되었습니다 ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ이제 끝이에여 언니들 ㅣ;ㅏㅁ넝ㄹ;ㅑ민어리ㅏㅁㄴ ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ허류유휴ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ너무 좋져?????행복해 ㅁㄴ이ㅏ;ㅓㅠ ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ
후하후하후하하후ㅏㅏ
이렇게 개인홈페이지처럼 1단스킨 바꾸기가 끝났습니다 ㅜㅜ
이제 아저씨 블로그는 빠이!!!!!!!
나만의 간지나는 홈페이지st블로그여 환영할게!!!!!!!!!!!!!!!!!
2편동안 나 말주변이 없어서 답답했을텐데 봐준 언니들 너무 고맙구...
같이 열심히 만들어준 언니들 너무 고마워!!!!!!!!!
ㅎㅅㅎ!!! 이제 즐거운 블로그질 해보좐;이ㅏㅓ;미ㅏㄴ어!!!!!끄아하아아!!!!!!!!!!!!
언니들 너무 고마웠구
사릉해요~♡
<제 모든 글들의 참고는 http://sensationalv.tistory.com 에서 참고했습니다
여기있는 설명들과 별반 다를건 없지만 최대한 제가 해보고 익힌다음 필요한부분만 다시 설명했습니다
원래는 홈페이지를 추천해드리려고 했는데 홍보는 안될것같아서 이렇게 참고로 써봅니다.>
+여기 2단스킨도 있는것같아요 혹시나 2단스킨에 정보가 필요하다면 여기서 참고하세요!!!
(한번씩만 읽어주세요 시간이 없으시다면 맨 밑 빨간글만이라도 읽어주세요!)
안녕하세요 여시들
무려 5개월만에 다시 찾아뵙는 강좌네요 하하 ㅎㅎ
음.......음.......
제가 이렇게 사족을 달게 된대에는.. 좀 슬픈 말을 전하려고 해요
제가 처음에 이 강좌를 찐 이유가
아.. 티스토리 블로그를 꾸미고 싶은데 여시에 마땅한 강좌가 없어서 찾던중
괜찮은 강좌가 있어서 제가 한번 해보고 그것을 인용해 여시들과 공유하려고 찐 것이었어요 ㅎㅎ
음... 많은 여시들이 좋아해주고 저와같은 고민을 하던 사람들에게 해결책을 준것 같아서 기뻤구요
근데 이게 제가 전문가가 아니고.. 음.. 저도 따라한것이라서 한계가 있었을거에요
저도 중간에 많이 막혔었고.. 그런것들을 댓글로 보면서 바로바로 핏백을 하려고 노력했었어요
근데 시간이 지나고.. 제가 사정이 있어서 티스토리를 지금 손 떼게 됐거든요
무작정 따라한거라 손을 떼니 점점 머릿속은 비어가고..
음... 그러니까 이 사족의 요점은..
지금 댓글로 질문같은것을 다는 여시들에게 제대로 답변을 못해드릴 것 같아요...
지식이 없어서 이 얕은 지식으로 전부 해답해주지 못하는것에 한계를 느끼기도 했고..
너무 오래전 일이라 답변을 해드리지 못하니까 죄송스럽기도 하구요..
강좌를 쪄놓고 끝까지 책임 못지는것에 대해선 너무나 죄송합니다
원래는 글을 내리려고 했는데 혹시나마 뒤늦게 티스토리에 대해서 고민하는 여시들에게 도움이될까싶어 이렇게 사족을 달아봅니다
하다보니 말이 많이 길어졌네요
음... 지금까지 올라온 질문글들에 제가 해줄 수 있는 가장 최선의 핏백은
처음부터 차근차근 이 강좌에 나온 소스의 순서와 자신의 것이 틀리지 않았는지 보는것인 것 같아요
저도 딱 한부분이 바뀌었는데 계속 먹통먹고 그랬거든요
그러니까 안된다 싶으면 다시 한번씩 찾아보고 고쳐보고..네..
정말 죄송합니다
앞으론 댓글로 질문글 받지 않을게요. 답변도 못해드릴 것 같아요... 정말 죄송합니다
여러분들의 질문이 귀찮아서가 아니라 제 지식의 부족함때문이라는거 알아주셨으면 좋겠어요!
모두들 티스토리 화이팅~!
하...언니... 내가 다 뒤져봤는데 이거 관련된 부분이 없어.....ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ 내가 마지막에 링크 걸어둔곳에 가서 봐볼래혹시..? 도움 못돼서 미안해 ㅠㅠ
삭제된 댓글 입니다.
짜잔!
다했어,,,,,, 이쁘니까 너무 좋다,,, 여시야 고마웡♥
삭제된 댓글 입니다.
@스파이펭귄 찾았다니다행이다 ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅜ내가전문지식없고야매라도움많이못되는점미안해.....♥블로그 이쁘게 써!!!!!!
언니야 언니꺼 보고 참고해서 만들었는데 이거(파란색동그라미부분)는 못없애?ㅠㅠㅠㅠ
아 먼지 알았다 제목이었엏ㅎㅎㅎㅎㅎ
언니 제목 글씨체는 못바꿔?
@샤이니의 강냉이 제목 글씨체는 이 부분에서 sego? 이걸 원하는 폰트 지정어 찾아내서 적으면돼! 바탕이나 돋음은 그냥 한글로 써도 바뀌더라
@아카아시 케이지 아아 고마워^♡^
@햄찌`ㅂ´* 답변 늦어져서 미안해!!!!!!!!!!!! 여시 오늘 남은 35분 내일 있을날도 행복해~♡
@아카아시 케이지 아냐아냐 하나도 안늦엇어!!!!! 댓 달아줘서 고마워 사랑해 오늘도 내일도 항상 행복해 언니야♥♥
언냐덕분ㅇ ㅔ와따이의 티스으토오리가 그나마 블로그처럼생기게됐따능 ㅜㅜ ㅜ넘고마오 갠카로퍼갈게!!!
언니 이거해봤는데ㅠㅠ 내용이 중간에안뜨고 스킨위에뜨면어떻게해야해??ㅠㅠㅠㅠㅠㅠ뭐가잘못된지모르겠어ㅠㅠ
이거 1편이랑 같이 보면서 해봤어 ㅠㅠ? 차근차근 한번씩 비교해가면서 봐야할것같아.. 보통 스킨 위에 뜨는건 이 부분에 문제가 있는거거든 이 부분 확인해서 다른거 없는지 봐줘!!!! 혹시 이부분 캡쳐해서 보여줄 수 있으면 보여주구 ㅠㅠ
헐 언냐넘고마워ㅠㅠㅠㅠ다시한먼해볼게!
삭제된 댓글 입니다.
왜 안바뀌지 ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ 지정어 batang 이런거 정확히 스펠 해줬나 보구....ㅠㅠㅠ 기본 글씨체 아니면 적용 안되는걸루 알고이써.. 그거 이외에는 잘 모르겠다 ㅠㅠㅠㅠㅠㅠㅠ 미안해 여시..내가무능하다 ㅠㅠㅠㅠㅠ휴ㅠㅠㅠㅠㅠㅠㅠㅠ
이것도 퍼가ㅣㅂ니댜 언니 짱고마워 ㅠㅠㅠㅠㅠㅠㅠㅠ
삭제된 댓글 입니다.
응ㅋㅋㅋ 알람 울려서 들어와봤더니 이런 기쁜소식이♡♡♡♡ 축하해요언니♡
티스토리~ 예쁘게만들어보께요ㅠㅠ
화이팅!!
삭제된 댓글 입니다.
방명록 안써지는거 중간에 뭐 건들면 그렇더라
내거 캡쳐하고 천천히 비교하면서 다른부분 없는지 봐바ㅠㅠ!!
가운데 정렬은 html파일 싹 드래그해서 가운데 정렬...안되면 파일소스 캡쳐해서 보여줘! 내가 함 봐보께ㅠㅠ
여기 말구 1탄 가보면 가운데 정렬하는 부분 있어
거기부분!
@게주머니 아이구......어뜨케....ㅜㅜ...천천히 잘 따라해보구.. 뭘 만졌을때 갑자기 맛 가면 손대기 전이랑 후랑 비교해서 다른부분 찾아보면 고치기 쉬워 ㅠㅠ.....
소스를 전부 볼 수 있으면 답변이 쉬울텐데 ㅜㅜ..... 미아내..
비밀글 해당 댓글은 작성자와 운영자만 볼 수 있습니다.14.07.07 00:18
[티스토리스킨만들기] 야호 여시 쩐다 2편까지 달려왔어!! 너무 고마워 ㅠㅠ
삭제된 댓글 입니다.
이거 중간에 센터정렬 됐는지 확인해죠ㅠㅠ다시위로올라가소.....그거했음 정렬 안될리가없고등...
삭제된 댓글 입니다.
이여시뭔가귀여웤ㅋㅋㅋㅋㅋㅋㅋㅋㅋ
비밀글 해당 댓글은 작성자와 운영자만 볼 수 있습니다.14.09.20 10:34
언니 대형 연어지만 ㅠㅠ 내가 어쩌다 같은 1단스킨으로 티톨 꾸미다가 진짜 막힌 부분 넘 많아서 다 때려치려고 했었는데 혹시나하고 여시에서 티스토리 검색했다가 이 글보고 진짜 감동해서 울었어ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ내가 모르는 부분 다 나와있었음 ㅠㅠㅠㅠㅠㅠㅠ 진짜진짜 고마워ㅠㅠ 여시는 사랑입니다ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ 고마워 진짜 글 잘봤어!
여시..연어질하다가 와썬..스킨만들다가 대실패하고 그냥 여시가 샘플로 준 스킨 적용했는데 넘 예뻐서 그거쓸려구 흐규흐규 목적과는 조금 벗어났지만 잘쓸게 고마워 ♥
대왕연어 입니다 ㅇㅅㅇ/ 이제서야 티톨 시작했는데 진심 1도 몰라서 ㅠㅠㅠㅠㅠㅠㅠㅠㅠ고생하고 있었는데 여시 덕분에 좋은 정보 알아가요 ㅠㅠㅠㅠ1탄도 보고 2탄도 봤어!! 이쁘게 꾸며서 잘 사용할께용 >.< 여시 진자 복 받을꺼야 ㅠㅠㅠ 고마워 여시야!!!
진짜 너무 어려워서 손 놓고 있었는데..이번엔 꼭 꾸미고 말거야 티스토리..ㅠㅠ!!고마워 여시!
아까 글 하나만 있는거 끝인줄알고 게시판게시글이 오른쪽으로 쏠려있어서 엄청 헤매고 몇시간동안 끙끙댔는데 이글 있는거보고 진짜 유레카ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ연어질하면서 최고 기쁜 글이였어 진짜 유용하게 잘보고 쉽게 설명해줘서 고마워 여시 복받을꺼여 사랑해 ㅠㅠㅠㅠㅠㅠㅠㅠ결국 내가원하던데로 완벽하게 했어 여시 진짜진짜 고맙다...
비밀글 해당 댓글은 작성자와 운영자만 볼 수 있습니다.15.08.12 20:47
t스토리))만들기 고마워!!!!
대왕연어해서 왔어 ㅠㅠ 티스토리 따라해볼게!!!
대형 연어 왔습니다 파닥파닥 티스토리 완전초보자인데 보고 배울려구ㅠ고마워요 여시 잘보고 따라하께