묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
제로보드 스킨중에 발생한 css설정 질문입니다.
2002.10.28 03:26
요새 제로보드땜시 공부 많이 하는중입니다.
늦으막에 공부하는 재미가 쏠쏠합니다.
css정의를 헤드부분에 내리는 것은 대충 아는데요.
예>
a:link {text-decoration:none;color:#666666;}
a:hover {text-decoration:underline;color:#cccccc;}
a:link {text-decoration:underline;color:#ffff00;}
a:hover {text-decoration:underline;color:#ff0000;}
이것을 인라인 식으로 적용할려면 어떻게 해야하는줄을 모르겠습니다.
검색도 해보구 책도 보구 해봤지만 도저히 답이 안나와서 이렇게 질문글을 올립니다.
다른 태그는 인라인으로 적용시킬줄을 아는데요,링크에 관련된 바로 저 윗부분에 예를 든부분은 인라인으로 적용을
못시키겠더군요.다른부분 예><p style="font-family:웹정;color:red"></p> <----이렇게 폰트에 관한 태그는
인라인으로 할줄 아는데요 링크태그는 인라인 형식으로 도저히 적용을 못시키겠더군요,그 부분만 링크 색깔을
틀리 주고 싶은데요.이때 class를 이용하는것 말구요.인라인으로 적용 시키는것을 알고싶어요.
참고로 머리에 쥐가 날것만 같아요 ㅠ.ㅠ 이 새벽시간까지 해보다가 안되서 올리는 겁니다.
어느 고수분이 제발 저좀 살려줬으면 하네요.
그럼 오늘도 좋은 하루되시고요 이만 (__)
* zero님에 의해서 게시물 이동되었습니다 (2002-10-28 06:30)
늦으막에 공부하는 재미가 쏠쏠합니다.
css정의를 헤드부분에 내리는 것은 대충 아는데요.
예>
a:link {text-decoration:none;color:#666666;}
a:hover {text-decoration:underline;color:#cccccc;}
a:link {text-decoration:underline;color:#ffff00;}
a:hover {text-decoration:underline;color:#ff0000;}
이것을 인라인 식으로 적용할려면 어떻게 해야하는줄을 모르겠습니다.
검색도 해보구 책도 보구 해봤지만 도저히 답이 안나와서 이렇게 질문글을 올립니다.
다른 태그는 인라인으로 적용시킬줄을 아는데요,링크에 관련된 바로 저 윗부분에 예를 든부분은 인라인으로 적용을
못시키겠더군요.다른부분 예><p style="font-family:웹정;color:red"></p> <----이렇게 폰트에 관한 태그는
인라인으로 할줄 아는데요 링크태그는 인라인 형식으로 도저히 적용을 못시키겠더군요,그 부분만 링크 색깔을
틀리 주고 싶은데요.이때 class를 이용하는것 말구요.인라인으로 적용 시키는것을 알고싶어요.
참고로 머리에 쥐가 날것만 같아요 ㅠ.ㅠ 이 새벽시간까지 해보다가 안되서 올리는 겁니다.
어느 고수분이 제발 저좀 살려줬으면 하네요.
그럼 오늘도 좋은 하루되시고요 이만 (__)
* zero님에 의해서 게시물 이동되었습니다 (2002-10-28 06:30)
링크의 색뿐이라면, <a style="....">~~~</a> 이렇게 해도 되지만 :hover에서는 안됩니다.
차라리 위의 것을 클래스로 정해주시고 각각의 링크에 클래스를 지정해보시죠?
<style>
a.class1:link {text-decoration:none;color:#666666;}
a.class1:hover {text-decoration:underline;color:#cccccc;}
a.class2:link {text-decoration:underline;color:#ffff00;}
a.class2:hover {text-decoration:underline;color:#ff0000;}
</style>
위와 같이 페이지 위에 적어주시고,
<a ~~~ class="class1">Class1 적용링크</a>
<a ~~~ class="class2">Class2 적용링크</a>
class1과 class2는 임의로 적용한 클래스 이름이므로 마음대로 변경하셔도 됩니다. 위와같이 하면 class1을 적용한 링크와 class2를 적용한 링크는 서로 다른 모양으로 보입니다.
아! 그리고 딴지는 아닙니다만, a:link대신 a {text-decoration:underline;color:#FFFF00}과 같이 해주시고, a:hover {color:#FF0000} 과 같은 식으로 겹치는 부분을 최소화 해주시는 것이 조금이라도 페이지를 다이어트 할 수 있는 방법입니다.~ ^^