JQuery 마우스 오버시 이벤트 발생 (최신겔러리) - 깔끔버전 > 그누4 스킨

그누4 스킨

스킨의 저작권은 해당 스킨 제작자님께 있으며, 그누보드의 저작권과 다를 수 있습니다.
스킨 다운로드시 좋아요와 감사의 코멘트를 남기시면 제작자에게 큰 힘이됩니다. ^^y
그누보드와 관련이 있지만 스킨과 빌더가 아니면 플러그인 게시판에 올려주세요.

JQuery 마우스 오버시 이벤트 발생 (최신겔러리) - 깔끔버전 정보

최신글 JQuery 마우스 오버시 이벤트 발생 (최신겔러리) - 깔끔버전

첨부파일

s4_08.zip (32.2K) 994회 다운로드 2012-05-16 00:22:31
thumb.lib.php (49.3K) 174회 다운로드 2012-07-01 03:30:52

본문

JQuery 마우스 오버시 이벤트 발생 (최신겔러리) - 깔끔버전

활용해서 좋은 스킨 만들어주세염.^^
추천
23

댓글 전체

top으로 했네염. ㅋㅋㅋ

div.capty-tile {
float: left;
margin-right: <?=$magin?>px;
margin-bottom:10px;  // 아래간격입니다.

}

잘 활용해주셔서 감사합니다. (__) 꾸벅.
div.capty-tile {
float: left;
margin-right: <?=$magin?>px;
margin-bottom:10px;  // 아래간격입니다.

}

<?=$magin?>px 값에 0이 들어가하시면 됩니다.

위에 보시면 $magin 함수가 있을 것입니다.  // ㅋㅋ 함수라네욤 변수를 죄송
$magin = 0; 으로 하시면 되겠죠.^^
이런 훌룡한 최신글 감사드립니다. 문의 드리고 싶은건 전체 사이즈를 어떻게 늘려야 하는지 모르겠어서요. 현재 1116px 상자에 넣었거든요 근데 630px 로 가로 사이즈가 나오네요. 100% 사 사용하고 싶은데 어떻게 해야 하나요? 소스 보다 눈이 빠질것 같아서 질무드려요 ㅎㅎㅎ
줄25~27
이 부분이 이미지의 사이즈입니다. 넓이 갯수는 나열할 이미지의 수죠.
만약 4개로 나열하고자 할때는 4를 입력하시면 됩니다.

$img_width = 290; //표시할 이미지의 가로사이즈
$img_height = 120; //표시할 이미지의 세로사이즈
$row = 3; //넓이 갯수


줄 48~50
이 부분이 CSS에 적용 및 사이즈를 자동으로 맞추어주는 계산변수들입니다.

$magin = 10;
$width = $img_width * $row;
$table_width = $width + ($row * $magin);

님께서 1116픽셀 DIV또는 테이블에 담아두셨다면,
이미지의 나열수를 먼저 생각하시면 됩니다. 아 가로로 하죠.
가로 이미지의 나열 갯수를 5개로 할 경우 마진이 10임으로

250*5 = 1250이네여 거기에 마진이 있으니 10*5 = 50
1250 * 50이면 1300이 되겠네요.
넘겠죠, 그럼 이미지의 사이즈를 줄여주시면 됩니다.


1116 / 5를 하게 되면 223.2가 나옵니다.
마진 10을 뺏니다.
213.2 가 되겠네요. HTML이나 CSS에서는 실수 인식불가임으로 213으로 하시면 되겠죠

$img_width = 213; //표시할 이미지의 가로사이즈
$img_height = 120; //표시할 이미지의 세로사이즈
$row = 5; //넓이 갯수

이렇게 하면 얼추 맞을 것 같네여. ^^ 수고하세요.
latest.skin.php 파일과 jquery.capty.css 파일안에 정의된 css 를 좀 고쳐야할 것 같습니다.
latest.skin.php 내용 전체를 (예를 들어) <div id="desingonex"> ~ </div> 이런식으로 감싸주고요.
css 정의된 태그 앞에 .designonex  를 붙여주는게 좋을 거 같습니다.
안그러면 다른 .css 에 영향을 줘서 이상하게 나오거든요.
특히 div span 을 전역으로 정의해 놓아서 다른 div 에 있는 글자가 이상해지더군요.
예를 들어 아래와 같이 하는게 좋습니다.

.designonex div#link a {
color: #EA9C00;
font: bold 10px verdana;
letter-spacing: .9px;
text-decoration: none;
}

참고하십시오.
추가로..
이미지 영역을 div 로 감싸고 대충 사이즈 통해서 자동으로 라인 꺽기 되도록 해놨는데요. 그러면 브라우저나 여러 상황에 따라 칸이 안맞고 이상하게 나오는 경우가 있습니다. 그 부분을 table 처리하는게 좋을 듯 하네요. 굳이 margin 이미지 사이즈 계산해서 할 필요가 없습니다. $cols 값만 지정해놓으면 for 문 안에서 해결 됩니다. 스크립트 고쳐서 적용해놨지만.. for 루프 부분만 댓글에 올려봅니다.

<div style="width: 100%">
<table>
<tr>
<? for ($i=0; $i<=count($list); $i++) {
//리스트 페이지 이미지 출력
//썸네일 생성
$thumfile = "";
$thumb = $thumb_path.'/'.$list[$i][wr_id];

$file = $list[$i][file][0][path] .'/'. $list[$i][file][0][file];

// 업로드된 파일이 이미지라면
if (preg_match("/\.(jpg|gif|png|bmp)$/i", $file) && file_exists($file)) {
$thumb = thumbnail($file, $img_width, $img_height, 0, 1, 90, 0, "",  $filter, $noimg); //첨부파일 언샾마스크추가

} else { //에디터에서 삽입한 이미지
$edit_img = $list[$i]['wr_content'];

if (eregi("data/cheditor4[^<>]*\.(gif|jp[e]?g|png|bmp)", $edit_img, $tmp)) { // data/cheditor------
$file = $g4[path].'/' . $tmp[0]; // 파일명
$thumb=thumbnail($file, $img_width, $img_height, 0, $is_crop, 90, 0, "",  $filter, $noimg); //언샾마스크추가
}
}

$wr_content = preg_replace("/<(.*?)\>/"," ",$list[$i][wr_content]);
$wr_content = preg_replace("/&nbsp;/"," ",$wr_content);
$wr_content = str_replace("//##", " ", $wr_content);
$wr_content1 = cut_str(get_text($wr_content), 100, '…');

if (preg_match("/\.(jpg|gif|png|bmp)$/i", $thumb) && file_exists($thumb)) {
//echo "<a href='{$list[$i]['href']}' class='item' title='{$list[$i]['subject']}'>";
//echo "<img src='$thumb' border='0'>";
//echo "</a>";


?>
    <td><a href='<?=$list[$i]['href']?>'><img src="<?=$thumb?>" border="0" alt="<?=$list[$i]['subject']?>" class="fix" width="<?=$img_width?>" height="<?=$img_height?>"/></a></td>
<?
if (($i+1)%$cols == 0) {
echo "</tr>";
if ($i != count($list)) {
echo "<tr>";
}
}
}
}//end for loop

if ($i%$cols != 0) {
echo "</tr>";
}

if (count($list) == 0) {
echo "<table width='100%' border='0' cellpadding='0' cellspacing='0'><tr><td colspan=3 align=center height=100>자료가 없습니다.</td></tr></table>";
}
?>
</table>
</div>
감사합니다. (__) 오픈소스의 발전은 지금과 같은 현상입니다.

http://sir.co.kr/bbs/board.php?bo_table=cm_free&wr_id=747269 강누리님이 자유게시판에 올리신 글.

나둥이님처럼 보안할 점을 공유해주시면, 좀 더 완벽한 설계도를 개발할 수 있습니다.
작은 스킨이라 하더라도, 붙이면 커지는 것이죠.

나둥이님의 소중한 지식 감사드립니다. (__)
초보입니다. 스킨이 맘에 들어 적용시켰더니

Warning: include_once(../skin/board/jq_gall/list.skin.php) [function.include-once]: failed to open stream: No such file or directory in /host/home/kinjys/html/gnuboard4/bbs/list.php on line 168

Warning: include_once() [function.include]: Failed opening '../skin/board/jq_gall/list.skin.php' for inclusion (include_path='.:/usr/local/lib/php') in /host/home/kinjys/html/gnuboard4/bbs/list.php on line 168

이렇게 뜨네요. 알려주시면 감사합니다.
Warning: include_once(./lib/thumb.lib.php) [function.include-once]: failed to open stream: No such file or directory in /home/hosting_users/sove_fbook/www/skin/latest/s4_08/latest.skin.php on line 42

Warning: include_once() [function.include]: Failed opening './lib/thumb.lib.php' for inclusion (include_path='.:/usr/local/lib/php') in /home/hosting_users/sove_fbook/www/skin/latest/s4_08/latest.skin.php on line 42

Fatal error: Call to undefined function thumbnail() in /home/hosting_users/sove_fbook/www/skin/latest/s4_08/latest.skin.php on line 203

꼭좀 알려주세요 이렇게 오류가 나는건 뭐때문인가요??
너무 좋으네요 감사합니다 (꾸벅)
저도 그누초보인데요 적용스키려고 gnuboard4/skin/board/s4_08폴더에 업로드 시켰습니다
그런데 댓글중 킨지님처럼 같은 현상이 뜨네요
Warning: include_once(../skin/board/s4_08/list.skin.php) [function.include-once]: failed to open stream: No such file or directory in /host/home3/pulhome/html/gnuboard4/bbs/list.php on line 168

Warning: include_once() [function.include]: Failed opening '../skin/board/s4_08/list.skin.php' for inclusion (include_path='.:/usr/local/lib/php') in /host/home3/pulhome/html/gnuboard4/bbs/list.php on line 168


이라고뜹니다 ㅠㅠ
왜이러는걸까요 다운받은 폴더에는요 list.skin.php  파일이 없던데요...
 하찮은 초보에게 도움부탁드립니다  수고하세요 *^^*
전체 708 |RSS
그누4 스킨 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT