채택완료

초보 웹제작자입니다. ㅠㅠ

2017-01-09 (월) 21:41:26 5,669

ed7c6eb4e2291d1e01c5d0324305bc08_1483965598_0145.PNG
 

http://popeyetv.com/  (예제) 

상단 notice를 만들고싶은데 head부분에 어떤 문구를 넣어야 게시판에 있는 공지글이 저렇게 만들수 있을까요? ㅠㅠ 

|

답변 4개 / 댓글 2개

채택된 답변
+20 포인트

CSS 파일 하나 만들어서 아래 소스 추가해주세요.

.head_notice

{

position: absolute; 

z-index: 999;

left: 10px;

width: 200px; /* 공지사항 가로 길이에 맞게 조절해주세요. */ 

float: left;

}

html에 이렇게 추가해주세요.

<head>와 </head> 사이에 

<link rel="stylesheet" type="text/css" href="CSS파일 경로" /> 

넣어주세요.

<body> 와 </body> 사이에 넣어주세요.

<div class="head_notice">

<img src="공지사항 이미지" width="이미지 사이즈" height="이미지 사이즈" />

<a href="공지사항 게시글 주소">공지사항 내용</a>

</div>

테스트 안해봐서 될지 모르겠네요..

답변에 대한 댓글 1개

2017-01-10 (화) 23:11:53
감사합니다.
2017-01-10 (화) 23:11:07

감사합니다 해결했습니다.ㅠㅠ

latest skin에 슬라이드이벤트 들어간건데 인덱스웹님 말씀처럼 찾으면 많이 나올거에요;ㅁ;

답변에 대한 댓글 1개

2017-01-10 (화) 23:11:35
감사합니다!~

제이쿼리 공지사항이라고 검색하시면 예제가 많이 나올거에요.. 

답변을 작성하려면 로그인이 필요합니다.