본문 바로가기

CSS

(5)
사이트에 google번역 기능 추가 위와같이 절차를 진행한다음 코드를 사이트에 붙이면 된다 번역기 드롭다운에 구글 아이콘이 보인다 아이콘을 없애고 싶다. 그리고 스타일도 조금 바꾸자 css를 잘 몰라서 마구마구했다. #google_translate_element { opacity: 1;color:#fff;font-size:10px !important;font-weight:800;letter-spacing:1px;text-transform:uppercase;font-family:Lora,'Times New Roman',serif; border:0px; } #google_translate_element span,select,div,img,a{border:0px !important;color:inherit} #google_translate_el..
css로 a태그 밑줄 없애기 스타일에 아래와 같이추가해 주면 된다text-decoration:none
li 에 점 없애기 list-style-type: none으로 점을 없앨수 있다.
이미지가 비 활성화 된것처럼 보이기 style="filter:gray()" 위의 코드를 단순히 삽입해 주면 이미지가 disabled된것 처럼 보인다. 간단한 팁
input file 디자인 입히기 업무중에 파일 업로드를 할경우가 있었는데 코딩된 디자인을 입히려는데 난해했다. 어떻게 할수 있을까 ? 검색을 한결과 좋은 것을 하나 발견하게 됐다. http://www.quirksmode.org/dom/inputfile.html 위의 사이트에서 보면 스타일을 써서 fiel 컨트롤을 밑에다 그리고 그 위에다가 이미지를 입히는 형식으로 되어있었다. 간단한 코드 예제를 보겠다. 먼저 css파일에 다음과 같은 스탕일을 정의한다. div.fileinputs {position: relative; height: 30px; width: 400px; } input.file {margin: 0; width: 400px; } input.file.hidden {position: relative; text-align: righ..