컨텐츠 배경 이미지 적용하기
본문
안녕하세요... 글 배경에 이미지 파일을 넣어서 액자같은 디자인을 적용하고 싶은데(설명 이미지를 첨부했습니다!!) 어떤 파일을 어떻게 수정해야 하나요? css에 관련된 것일까요?
그리고 상단 파일 경로와 하단 파일 경로는 질문한 것과 관련이 있나요?
어떻게 검색해야 이 내용이 나오는지 찾지를 못해서 부득이하게 질문 남깁니다ㅜ.ㅜ
읽어 주셔서 감사합니다. 좋은 하루 되세요!
답변 4
상단... head.php
중앙...skin/index.php
하단...tail.php
입니다....
컨텐츠에 배경이 들어가야 하는 것이니
상단 하단 파일과는 무관한 것같습니다.
게시물(게시판 글)이라면 게시판 스킨의 view.skin.php 와 css 를 적절히 수정하셔야 합니다.
게시판이 아니라 일반 페이지라면 디자인에 맞게 코딩하시면 될 일이고요
질문하신 의도가 그림을 배경으로 하고 그 위에 텍스트로 글을 쓰는것으로 이해했는데 잘했는지 모르겠네요.
그렇다면 <div> image를 넣고 배경화며으로 저장하고 css에서 z-index값을 - 값으로 주면 그림위에 텍스트를 쓰는 효과를줍니다.
예:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
img {
position: absolute;
left: 0px;
top: 0px;
z-index: -1;
}
</style>
</head>
<body>
<h1 style="color: white;">This is a heading</h1>
<img src="images/dfddfssdfs.png" width="500" height="300">
<p style="color: white;">z-index값이 -(minus)이기때문에 그림이 텍스트아래에 위치합니다.</p>
</body>
</html>
