|
:: 게시판
:: 이전 게시판
|
- PGR21 관련된 질문 및 건의는 [건의 게시판]을 이용바랍니다.
- (2013년 3월 이전) 오래된 질문글은 [이전 질문 게시판]에 있습니다. 통합 규정을 준수해 주십시오. (2015.12.25.)
통합규정 1.3 이용안내 인용"Pgr은 '명문화된 삭제규정'이 반드시 필요하지 않은 분을 환영합니다.법 없이도 사는 사람, 남에게 상처를 주지 않으면서 같이 이야기 나눌 수 있는 분이면 좋겠습니다."
17/07/14 10:15
마우스 오버했을때 변화는 css에서 hover 찾아보시면 됩니당.
https://www.w3schools.com/cssref/tryit.asp?filename=trycss_sel_hover 이런식으로 하시면 됩니다!
17/07/14 13:29
CSS를 모르시는 경우라면 아마 지금껏 인라인 수식이나 간단한 태그로만 처리를 해 오신 것 같습니다만... 그렇다면 CSS hover보다 a href=어쩌고.html onmouseover=this.style.textDecoration=underline 같은 자바스크립트를 통한 문법이 더 와닿으실지도...
17/07/14 13:53
a href=어쩌고.html onmouseover=this.style.textDecoration=underline
요걸 글자 앞에 넣고, 꺽쇠를 붙이면 되는건가용? 호엥?
17/07/14 13:58
CSS는 스타일 시트의 약자입니다. 예를 들면 이런거예요.
헌법을 계속 인용해야 하는 장문의 글을 하나 쓴다고 칠게요. 헌법의 이름이나 내용을 계속해서 갖다 써야 하는 글이죠. 이걸 그때마다 헌법 그대로 갖다쓰면 어떤 일이 벌어질까요? [개똥이에게 똥을 주면 똥을 못싸게 하는 법 제 12조 36항에 의거하여] 블라블라블라 하였으니 쏼라쏼라쏼라 하고 [개똥이에게 똥을 주면 똥을 못싸게 하는 법 제 12조 24항에 의거하여] 이러쿵 저러쿵 하였으므로 요로쿵 조로쿵 해야하고 이는 또한 [말똥이가 말을 키우면서 말의 똥을 치우지 않으면 변비에 걸리는 법 10조 20항과 동일하게] 소근소근 하므로 수근수근하고.... ............. 난리가 나겠죠? 그러니까 글의 맨 첫 머리에 [이 글에서 사용된 법은 별첨 문서 참조 바람.] 이라고 적고, 그 별첨 문서에 법의 자세한 내용을 적은다음 [A=개똥이에게 똥을 주면 똥을 못싸게 하는 법, B=말똥이가 말을 키우면서 말의 똥을 치우지 않으면 변비에 걸리는 법] 이렇게 정의해주면 본문에는 아주 간단하게 적을 수 있죠. [A법 12조 36항에 의거하여] 블라블라블라 하였으니 쏼라쏼라쏼라 하고 [A법 12조 24항에 의거하여] 이러쿵 저러쿵 하였으므로 요로쿵 조로쿵 해야하고 이는 또한 [B법 10조 20항과 동일하게] 소근소근 하므로 수근수근하고.... 이러면 글이 훨씬 짧아지죠? CSS도 마찬가지입니다. 자주 쓰는 태그(스타일)를 특정 이름으로 정의하고 그걸 문서화 시켜서 본문 맨 위에 "여기 나오는 태그들은 별첨된 CSS 참조하셈!" 하고 선언한 후에 본문에는 그 정의한 이름만 불러오는거죠. 예를 들면, verdana폰트에 11픽셀, 글자는 굵게, 색깔은 주황색, 밑줄은 점선으로! 이걸 주기적으로 글에 쓸꺼야! 하는 생각이 들어 이 아이의 이름을 'orangeCoke'이라고 지었다고 치죠. 그럼 css에는 .orangeCoke {font:verdana 11px; font-weight:bold; color:orange; border-bottom:1px dotted;} 라고 정의하고 본문에는 <font class="orangeCoke">이 스타일을 정의할 글자의 내용</font>만 적으시면 간단하죠. 저 font 자리에는 여러가지 html 속성이 들어갈 수 있는거예요. 하이퍼링크를 걸고 싶으면 a, 특정 글자에만 적용하고 싶으면 span, 박스 개체에 적용하고 싶으면 div 등등.... 문의하신 내용에 답을 드리면... 인라인 태그로는 안해봐서 확실치 않으니... [html] [head]...[/head] [body]본문 내용[/body] [/html] 구조 정도는 아시는 것 같으니까... [head]와 [/head] 사이에 아래와 같은 스타일을 적용하는 것이 제일 빠르고 편합니다. [style] .이름(아무거나 지으세요 apple 이런것도 됨) a:hover {color:red; text-decoration:underline;} [/style] 이거 붙여넣으시면 되고요. 만약에 마우스 오버 하지 않았을 때의 스타일을 지정하고 싶다면 [style] .이름(아무거나 지으세요 apple 이런것도 됨) a {(여기서 폰트 스타일 등을 지정하면 됩니다)} .이름(아무거나 지으세요 apple 이런것도 됨) a:hover {color:red; text-decoration:underline;} [/style] 밑줄에 색이나 스타일을 입히고 싶다면 text-decoration:underline; 을 지우고 border-bottom:1px(선 굵기) dotted(스타일. dotted는 점선이고 이 스타일을 생략하면 일반 실선이 됨) orange(색상); 를 쓰시면 됩니다. 그리고 본문에는 <a href="주소" class="지정한 이름">내용</a>로 적용하세요. 스타일을 여러개 적용하고 싶다면 클래스를 각각 만들어서 각각 적용하면 됩니다. 하나 더 조언드리면 클래스 이름([style]...[/style] 사이에 정의된 내용 중 .<-요 점 뒤에 있는 이름이 클래스 이름입니다.)은 아무거나 지으셔도 무방하지만... 기왕이면 apple orange 이런 것 보다는 클래스 이름만 보고도 뭔지 알 수 있게끔 정의해 놓으시면 편합니다. 예를 들면 linkPointRed 라고 클래스 이름을 정의해놓으면 이 이름만 보고도 "아, 얘는 링크 관련된 스타일이고 일반적인 스타일이 아니라 포인트를 주려고 정의했나보구나. 그 포인트 색이 빨간색인가보구나"를 알 수 있는거죠. CSS는 조금씩 독학해보시면 훨씬 웹페이지 만들기 편하실거예요.
17/07/14 17:36
아이고 자세한 설명 감사합니다!
해결되지는 않았어요 흐흐흫 이게 템플릿사이트에서 운영중인 곳에 부분적으로 태그를 사용하는거긴한데, 암튼 잘 모르겠네요!!! 암튼간에 감사합니다. 언제 날잡아서 독학을 좀 해보고싶네요잉!
17/07/14 19:13
동일한 방식으로 하시면 됩니다.
예를들어 {a href="링크주소" class="기존 템플릿에 있는 클래스명"}내용{/a} 이렇게 있겠죠? 그러면 {a href="링크주소" class="기존 템플릿에 있는 클래스명"}[span class="스타일에서 지정한 클래스명"]내용[/span]</a> 요렇게 끼워넣기 해보세요. 그리고 위에 설명대로 헤드 사이에 스타일 정의된 부분 삽입하시구요. 단, 스타일 정의하실때 a나 a:hover를 span이나 span:hover으로 바꾸시면 됩니다.
|
||||||||||