배경만 반투명하게 할 때 opacity?? rgba??

이미지
HTML코딩을 하다보면 배경을 반투명 하게 해야 할 경우가 생깁니다. 흔히 많이 사용하시는 방법이 CSS의 opacity를 이용해서 투명도를 설정해주시죠? Opacity는 해당 객체의 투명도를 설정할 수 있으며 0 부터 1 까지 소수점으로 설정합니다. 예를 들어 투명도를 50% 정도 주고 싶다 한다면 opacity:0.5; 라고 사용하시면 됩니다. 하지만 opacity를 사용해서 할 경우 아주 환장하는 문제가 생깁니다. 바로 자식요소까지 모두 투명도를 설정해버리는 문제가 있습니다.

PHP 출력 도와주세요! | For문 중첩을 이용한 줄바꿈

이미지
Q. 저렇게 일자로 나오는 출력을 밑에 사진처럼 줄바꿈 해서 나오게 도와주세요 A. 안녕하세요. 웹아이입니다. 저 문제를 해결하기 위해서 공통되는 조건을 찾아야 합니다. 0-0, 0-1, 0-2...이렇게 출력이 되고 있고 앞에 숫자가 $i변수이고 뒤에 숫자가 $j 변수 입니다. 출력되야 하는 정답을 보면 뒤에 숫자가 5일때 한줄 내려서 처리 하라는 조건을 알 수 있습니다. 뒤에 숫자는 $j 변수에 담겨져 있고 한줄 내려서 엔터 처리하는건 <br> 태그 입니다. 그리고 해당 조건을 처리할 수 있게 해주는게 if문 입니다. if(조건){ 조건이 맞을 때 실행 }else{ 조건이 틀릴 때 실행 } 이러한 것들을 조합해서 수정을 해본다면... <?php for($i = 0; $i <= 3; $i++){ for($j = 0; $j <= 5; $j++){ echo "{$i}-{$j}"." | "; if($j == 5){ echo "<br>"; } } echo PHP_EOL; } ?> 저렇게 if문을 중간에 추가 해줌으로써 해결 할 수 있을것 같습니다.^^

그누보드만 설치해도 홈페이지가 생긴다?? | WAMP 로컬서버에 그누보드 설치하기

이미지
거인의 어깨를 통해 한단계 빠르고 쉽게 목표를 달성하는건 현명 한다고 합니다. 홈페이지 만들때 항상 들어가야하는 회원관리, 게시판 등 매번 만들 필요 없잖아요?? window 컴퓨터에 설치된 WAMP에 그누보드 설치하는 방법을 준비했습니다.^^ 아직 동영상 제작도 그렇고 설명하는 것도 초보 입니다.^^ 그래도 최대한 쉽게 설명하고자 많은 노력중이니 이해해주셔요!~~~ 댓글로 알고 싶으신 코딩이나 개발 팁이 있으시면 남겨주세요!! 다음 동영상 제작시 참고하도록 할께요!~~~

[무료이미지] 해외 무료이미지 다운 사이트 16개

이미지
안녕하세요 웹아이_디헤 입니다:D 매번 클라이언트마다 요구하는 이미지는 많은데.. 살수도 없고...그릴수도 없고...... 너무 스트레스를 많이 받아왔어요 구글이미지도 많이 썼지만 고퀄이 아닌게 많죠... 해외사이트들은 고퀄 무료 이미지가 많더라구요! 이미지 누르시면 이동됩니당:) pixabay flickr Unsplash All-free-download freedigitalphotos GRATISOGRAPHY everystockphoto LibreStock StockSanp freerange NegativeSpace freenaturestock THE STOCKS PEXELS sockvault Stencil

CSS의 기초_세번째(CSS 적용 우선순위)

이미지
안녕하세요! 디벨로드 입니다~ 스타일의 적용 우선순위에 대해서 알아보겠습니다. 스타일의 우선순위는 단계적으로 우선순위가 정해집니다. 예를 들면 <style>   p { color:red; }   p { color:blue; } </style> <p>스타일은 단계적으로 적용됩니다.</p> 이렇게 하면, p태그의 글자는 blue 색상으로 적용이 됩니다. 스타일은 단계적으로 적용됩니다. 나중에 쓴 스타일이 적용되는거죠! 하지만 예외가 있습니다. !important 이걸 써주게 되면 상황이 바뀝니다. !important 를 써준 스타일이 우선 적용 됩니다. <style>   p { color:red !important; }   p { color:blue; } </style> <p>스타일은 단계적으로 적용됩니다.</p> 이렇게 작성해주면, p태그의 글자는 red가 우선순위로 적용이 됩니다. 스타일은 단계적으로 적용됩니다. 그리고 !important 보다도 우선순위로 적용할수 있는방법이 있습니다. 그건..바로 <style>   p { color:red !important; }   p { color:blue; } </style> <p style="color:green;">스타일은 단계적으로 적용됩니다.</p> 태그 안에 직접 넣어주는 것이지요!!! 하지만 저는 태그안에 직접 스타일을 넣는것은 권하지 않습니다. 물론 코딩할때 스타일을 어쩔수 없이 강제로 변경하기 위해 직접 넣어서 사용하는 경우가 있지만 그런 경우가 아니라면 사용 안하시는게 좋아요^^

CSS의 기초_두번째 ( CSS 어디에 쓰지? )

이미지
안녕하세요. 디벨로드 입니다 :D 스타일의 기본형태 선택자 {속성:값} p {color:blue;} 여기서 보면 p가 선택자(selector) / color가 속성(attribute) / blue가 속성값(value) 이 되는것입니다. 쉽게 말해 p를 선택해서 color속성에 blue값을 줘라!! 가 되는거에요 한가지 선택자에 여러가지 속성을 적용할 경우, h2 { font-size:20px; color:purple; } 위와 같이 세미콜론(;)으로 구분하여 나열하면 되요~ 그러면 스타일정보를 어디에 기록해두나요? 스타일은 내부스타일시트와 외부스타일시트로 사용할 수 있습니다. (물론 지난 시간에 말씀드렸듯이 태그 안에 직접 사용도 가능하지만 권장하지 않습니다. ) 내부스타일시트 문서안에서 head안에 써 넣는 것입니다. (꼭 head안에 넣지 않아도 작동은 합니다;; 권장사항입니다.) <head>     <meta charset="utf-8">     <title>제목</title>     <style>         p {color:blue;}         h2 {             font-size:20px;             color:purple;         }     </style> </head> 외부스타일시트 외부스타일시트는 문서안에 있는 스타일정보를 별도의 파일로 저장하는 것인데, 내부스타일시트에서 <style>,</style>태그를 제외하고 그 사이의 내용만 복사해서 ...

php 문서내의 자바스크립트 코드를 해석 부탁드림니다.

이미지
Q. <script>  function plogin(){   $("#ploginframe").show();   $("#ploginframeBtn").show();   $("#ploginframeBack").show();   //PCCframe.location.href = "plogin.php";   window.frames["ploginframe"].location = "plogin.php";   document.getElementById("ploginframe").reload(true);  }  </script> 1. ploginframe  ID(아이디)를 가진 엘리먼트를 보여준다??      <div id="ploginframe"></div> 2. window.frames["ploginframe"].location = "plogin.php";는      window.location.href = "plogin.php"; 와 무었이 다르고 사이에 프레임을 넣은 읨는 무었인지? 3. document.getElementById("ploginframe").reload(true);는 새로고침인데 history가 남지 않아서      뒤로가기를 할수 없다?? 여기저기 찾아봐서 의미는 대충 알겠는데 정확한 뜻을 알고 싶습니다. A. 1. ploginframe  ID(아이디)를 가진 엘리먼트를 보여준다??      <div id="ploginframe"></div>    - ploginframe ID를 가진 앨리먼트를 화면상에 보여줍니다.      예를 들면 레이어 팝업을 예를 들면 CSS를 disp...