테스트 사이트 - 개발 중인 베타 버전입니다

여분필드로 배경색을 바꿀 수 있게 하고 싶습니다 채택완료

Winter0 3년 전 조회 3,714

안녕하세요

 

</p>

<p>background-color: rgba( 255, 255, 255, 0.7 );</p>

<p>

배경색을 지정하는 이런 css를 게시판 여분필드인 bo_1에서 수정할 수 있게 하고 싶은데, 어떻게 건드리면 좋을까요? 배경색과 투명도 두 개다보니 여분필드 두 개를 쓰겠네요

 

찾아보니 펄스나인님은 스킨의 php 파일에서

</p>

<p><script>

$(window).on('load', function() {

    $('#bo_w .btn_submit').css("background-color", "<?php echo $board['bo_1']; ?>");

});

</script></p>

<p>

이렇게 하시던데, 저는 css에서 되게 하고 싶어요. 음 꿈은 큰데 기술이 없어서 슬프네요...ㅋㅋㅋ

 

고수님들 알려주시면 감사하겠습니다

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

답변 4개

채택된 답변
+20 포인트
3년 전

style.css에다 혹시 <?php $board['bo_1'] ;?>; 를 넣으셨나요

위에 참고 그림을 봐서는 css에 직접 코딩을 넣으신거 같은데 

 

css나 js파일 등에서는 바로 php변수나 php프로그래밍을 할 수 없습니다 위와 같이 오류가 납니다

 

제가 위에다 쓴것처럼

만약 필요한 곳의 페이지가 index.php라면  그 안에 

<style>

.infotitle{

background-color: <?php echo $board['bo_1']; ?> !important;

}

</style>

위와 같이 해서 넣어 보세요

 

 

js파일이나 css파일을 외부에서 인포트해서 쓰는 방식과

해당 파일에 직접 

<style>

스타일 내용~

</style>

위와 같이 직접 스타일을 쓰는 인라인 스타일

 

<body style="background:yellow;">

위와 같이 직접 코딩하는 인라인 스타일이 있는데

 

출력 우선 순위는 3번째 스타일이 가장 우선 표현되구 

그중에서도 !important 라는 속성을 가미 했을때 무조건 1순위가 됩니다

그 다음이 인라인 스타일이 2순위 

그 다음이 스타일 시트를 인포트 해서 사용하는 경우가 3순위가 됩니다

 

인포트 시켜서 사용하는 css파일과 js파일에서는 위에서도 썼듯이 php를 섞어서 쓸수 없습니다

두번째 세번째 스타일 형태나 자바스크립트 형태일때 혼합해서 사용할 수 있습니다

여기서 혼합해서 사용할 수 있다는 것은 혼합되는 파일이 php를 지원하는 파일 형태임을 말합니다

간혹 서버 지정으로 인해 html 상에서 php 지원을 하지 않는 경우가 있습니다

 

그리고 간혹 적용 했음에도 불구하고 적용이 잘 안되어 보이는 경우가 있는데

강제 새로고침을 해보시거나 ( 콘트롤 + 쉬프트 + R ) 인터넷 사용자 기록을 삭제해 보세요

css등이 사용자 컴퓨터에 캐쉬되어서 적용이 바로 안되는 경우도 있습니다

 

 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

W
Winter0
3년 전
감사합니다. 초보자 알려주시느라 고생 많으셨어요.. 감사합니다

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

Winter0
3년 전

에뜨락님 답변 참고해서 이렇게 넣었는데 왜 안될까요...ㅜㅋㅋ

 

이건 크롬 f12상의 화면입니다

마우스 대면 invalid property value라고 뜹니다.

로그인 후 평가할 수 있습니다

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

3년 전

그냥 css를 쓰시고 색깔을 넣는 곳에 <?php echo $board['bo_1']; ?> 를 넣으시면 됩니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

W
Winter0
3년 전
질문 올리고 그 방법도 시도해봤는데 이상하게 안되네요...ㅠㅠㅠ;;

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

3년 전

여분 필드가 varchar 정도의 속성을 가지고 있다면 저장되는 변수를 하나 정도만 이용해서 하면 될거 같습니다

 

배경색이 필요한 페이지에 

<style>

background-color: <?php echo $board['bo_1']; ?>;

</style>

위와 같이 인라인 형태의 스타일을 넣어 주시구

$board['bo_1'] 를 받아서 저장하는 곳에 아래와 같이 써서 저장하면 되겠네요

rgba( 255, 255, 255, 0.7 );

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

W
Winter0
3년 전
이상하게 왜 안될까요;;;ㅠㅠㅠ 댓글에 이미지 첨부는 안돼서 답변쪽으로 올렸씁니다

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

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

로그인