티스토리 css 버튼 오류 해결 ( 글자색, 밑줄, 버튼 없이 글자만 나옴)

티스토리_css_버튼오류

 

티스토리 css 버튼 오류를 해결하는 방법을 찾아보면 많은 정보를 찾을 수 있습니다. 그러나 아무리 찾아봐도 버튼이 적용이 안 되는 경우는 알 수가 없었습니다.  버튼 적용하는 방법은 어렵지가 않게 따라 했는데 왜 갑자기 버튼이 나오지 않고  글자만 보이는 건지 아무리 찾아봐도 보이지가 않습니다. 

 

머리를 쥐어짜니 갑자기 아이디어가 툭 튀어나옵니다. HTML에 혹시 해답이 있지 않을까? 

유레카!

 

정말 작은 발견이지만 애드센스 왕초보의 입장에서 그 기쁨은 말로 표현이 안됩니다. 
그 기쁨을 지속하고자 함께 나눠보려고 합니다. 

 

 

목차
º 글자색 오류 해결
º 밑줄 오류 해결
º 버튼 적용이 안되고 글자만 나오는 경우

 

css 버튼 만들기

 

 

 글자색 오류 해결

 

버튼을 만들었는데 글자색이 내가 정한 색으로 나오지 않았다.

이것은 정말 방법이 간단합니다. 그렇지만 초보의 입장에서는 혹시 뭘 잘못 건드릴까 봐 그것만으로도 너무나 걱정이 되시는 데요, 지금은 티스토리 초보이지만 고수의 길로 가기 위해서는 오류를 해결하결하는 경험치가 쌓여가야 합니다. 

오류 해결 정말 간단합니다. 

처음에 코드를 넣은 스킨편집의 css 맨 밑으로 갑니다. 

간단하게! important 만 입력해 주시면 됩니다. (주의 'f'와 ';' 사이)

 

글자색 오류 수정 전 color:#ffffff; 

글자색 오류 수정 후 color:#ffffff! important;

글자색깔_오류

 

 

 

 밑줄 오류 해결

 

버튼에 밑줄이 나오면 버튼이 깔끔하게 보이지가 않습니다. 그렇지만 이 문제도 쉽게 해결하실 수 있습니다. 글자 색깔 오류와 수정 방법이 동일합니다. 어느 코드에 붙여야 하는 지만 신경 쓰시면 됩니다. 

글자색 오류 해결과 마찬가지로 간단하게! important 만 입력해 주시면 됩니다. (주의 'none'와 ';' 사이)

 

밑줄 오류 수정 전 text-decoration:none;

밑줄 오류 수정 후 text-decoration:none! important; 

글자밑줄_오류

 

 버튼 적용이 안되고 글자만 나오는 경우

 

이 글을 써야지 하고 마음먹게 된 가장 강력한 이유입니다. 분명히 코드를 잘 넣었는데 도대체 왜 안 되는 건지 정말 너무너무 궁금했지만 정보가 없어서 며칠을 헤매고 다녔습니다. 

 

 

글을 써야 하는데 시간만  시간만 낭비되고 있는 것 같아서 그냥 넘기려고 해 보았으나 나의 글을 쳐다보고 있으면 불편한 마음이 떠오릅니다. 

도대체 왜 무엇 때문인지 알 수가 없어 포기하려는 순간 아이디어가 떠올랐습니다. 

 

유레카 정말 너무 환희의 순간이었고, 저처럼 너무 답답해하시는 분들께 아주 기초적인 지식이지만,  도움이 되기를 바라는 마음으로 정리해 보았습니다.  

 

그냥 버튼을 넣으면 아무 문제가 없었습니다.

그러나 새창으로 열기를 너무 많이 사용하면 체류시간이 짧아질 수 있어서 새창으로 열기를 적당히 조절해 주어야 한다는 것을 알게 되었습니다. 

절반은 새창으로 열기로 적용해 주었습니다. 그랬더니 버튼이 나오질 않습니다. 

버튼_오류

 

그림과 같이 어느 것은 되고 어느 것은 안됩니다. 

해답은 HTML코드에 있었습니다.

 

그림을 확인해 보시면 코드가 조금 다른 것이 보이실 겁니다. 

버튼오류_HTML코드

 

1번의 파란 네모박스에 보이는 코드가 첫 번째 버튼에는 보이지 않습니다. 2번의 코드는 새창으로 열기 코드입니다. 

 

결론은 herf="인터넷주소" 앞에 class = "myButton"만 넣어주시면 됩니다. 

수정 후 확인해 보니 아래의 버튼이 정상적으로 보이는 것을 확인하실 수 있습니다. 

버튼오류수정

 

이렇게 또 하나 배워갑니다. 답답할 때는 너무 괴로웠는데 해결하니 그 기쁨이 정말 말로 표현이 안되네요. 이렇게 오늘 또 한 번 성장해 나갑니다. 

 

이 글을 읽으시는 분들은 아마 티스토리 초보분이실 텐데요, 힘드시더라도 하나하나 성장해 나가는 기쁨을 느껴보시기 바랍니다.