21'C 흐림
서울 강남구
셀렉트 형태가 아닌 원하는 색상을 바로 넣어보도록 하겠습니다.
간단히 제이쿼리 플러그인 형태의 소스구요
한달전인가 두달전쯤에 적용해놓은거라 빠진부분이 있는지 확인을 못하고 올립니다.
<td align="center">새글설정</td><td>
<div style="float:left">
<input type="text" name="wset[newtime]" value="<?php echo ($wset['newtime']);?>" size="3" class="frm_input"> 시간 이내 등록 글 새글아이콘색 <!--주석처리시작<select name="wset[new]"> <option value="red"<?php echo get_selected('red', $wset['new']); ?>>레드</option> <option value="blue"<?php echo get_selected('blue', $wset['new']); ?>>블루</option> <option value="green"<?php echo get_selected('green', $wset['new']); ?>>그린</option> <option value="orange"<?php echo get_selected('orange', $wset['new']); ?>>오렌지</option> <option value="yellow"<?php echo get_selected('yellow', $wset['new']); ?>>옐로우</option> <option value="violet"<?php echo get_selected('violet', $wset['new']); ?>>바이올렛</option> </select>주석처리끝--> <div style="float:right; padding:0 0 0 10px;margin:-5px 0 0 0 ; "> <div id="colorSelector"> <div style="background-color:#<?php echo $wset['new']; ?>"></div> <input type="hidden" name="wset[new]" value="<?php echo $wset['new']; ?>"> </div> </div>
</div> </td>
</tr>
4. 이제 위젯 \thema\basic\widget\board-list\widget.rows.php 파일을 열어 줍니다.
이제 선택인데요 여기서 변환해 줄곳의 색상을 찾아서 바꿔주시면 됩니다.
기본적으로
<span class="<?php echo $wset['new'];?>"><?php echo $icon;?></span> 되어있는 곳을
<span style="color:#<?php echo $wset['new'];?>"><?php echo $icon;?></span>
이런식으로 CSS가 아닌 색상을 직접 가져오게 바꿔어 주세요
저같은 경우는 새글아이콘색상, 닉네임, 타이틀 컬러, 더보기,사용자 아이콘등을 동시에 변경해 주었습니다.
자이제 손쉽게 색상을 바꿀 수 있습니다.
이를 응용하시면 어느곳에나 적용이 가능합니다. 단 위젯처럼 색상을 저장받아서 뿌려주는 곳이어야 겠죠
전체 레이아웃의 색상이나 버튼,게시판 색등 홈페이지 모든색상을위젯 설정처럼 한곳에 모아서 변환할수 있는 기능이있었으면 합니다.물론 APMS아미나가 자리잡힌후에요 급한불먼저 끄시고 계시니 ㅎㅎ
그럼 즐거운 불금 되시길 바래요
P.s 저는 미소위젯을 변경했는데요 글쓸때 예시를 드리려고 board-list 이야길 했는데이곳에 색상 지정하는 곳이 있는지 잘 모르겠네요 ^^;안되시거나 문의사항이있으면 남겨주세요 .
0 Comments
-
웹비젼
// 제목줄 $subject_line = 1; $line_sheight = 20 * $subject_line…
-
웹비젼
네이버 meta 검색
-
웹비젼
'회원 가입시 생년월일을 입력하지 않아서 서비스를 받으실수 없습니다.' 라고 문구가 뜹니다. 그렇게 바꾸실려…
-
웹비젼
한글 설정 jQuery.datetimepicker.setLocale('kr'); $(function() { …
-
웹비젼
수정 전: alert(data.error); 수정 후: $tx.text(data.error); $tx.fad…
-
웹비젼
$(function(){ //달력 $(".datepicker").datepicker({changeMonth:…
-
웹비젼
I was using MaridDb solved this issue with the following: su…
반응형 구글광고 등