신문 사이트처럼 이미지의 자동정렬이... 정보
일반 신문 사이트처럼 이미지의 자동정렬이...본문
아래에 올렸던 팁은 제가 봐도 별로 유용한팁이 못되는 듯 싶고...^^
훌륭한 보드에 대한 감사의 표시로 하나 더 올려 봅니다.
아직 보드를 접한 시간이 얼마 안되어 많이 모르지만...
혹시 필요하신 분이 있으실까요?..^^
그러면 먼저 위의 예제 그림을 보시죠?..^^
소스의 특징은...
--------------------------------------
이미지 사이즈의 가로 폭이 380보다 작으면 자동으로 왼쪽 정렬이 되면서 내용이 우측에 오게 되고,
그보다 크게 되면 자동으로 가운데 정렬이 되면서 내용은 하단에 위치하게 됩니다.
-------------------------------------
그리고 만족스러우시다면...아래를 수정하세요.....
gbview.php 화일을 열어서...
185번째 줄에 보시면..아래와 같은 부분이 있습니다.
----------------------------------------
$file1_view = view_file_link($write[wr_file1]);
--------------------------------------------
그걸 아래와 같이 변경하시면 됩니다.
아래의 소스중에 380이라는 숫자는 각자 홈페이지 상황에 맞추어 변경해서 사용하시면 더욱 좋겠죠?..^^
------------------------------------------------
$size = getimagesize("./$cfg[dir_file]/$write[wr_file1]");
$file[$i]->source_width = $size[0];
$file[$i]->source_height = $size[1];
if($size[0] > 380) {
$file1_view = "<center><table border=0 cellpadding=0 cellspacing=0 ><tr><td>".view_file_link($write[wr_file1])."</td></tr></table></center>";
} else {
$file1_view="<table border=0 cellpadding=0 cellspacing=0 align=left><tr><td>".view_file_link($write[wr_file1])."</td></tr></table>"; }
-----------------------------------------
동일 화일의 201번째 줄도 고치시면 두번째 이미지 화일도 마찬가지로 사용하실수 있겠죠?..^^
다만 아래에 있는 다른 소스와 일부 중복되어 비효율적인지는 모르겠으나..
어쨌든 되긴 되는군요..
위 팁은 제로보드의 유용한팁에 제가 올렸던 팁을 그누보드에 맞게 고쳤습니다.^^
더 좋은 의견이 있으시면 여지없이 코멘트 남겨 주세요.......^^
그럼 행복하시길.............
p.s.>
위 스샷은 그누보드로 만든 게시판에서 찍은 것입니다..^^
제가 어설픈 실력으로 홈페이지 제작 팁 관련된 사이트를 운영하고 있는데..
비록 별볼일 없는 사이트이긴 하나....
혹시 여러분께 작은 보탬이 되실지 모르겠군요..^^
http://web.ggambo.com
훌륭한 보드에 대한 감사의 표시로 하나 더 올려 봅니다.
아직 보드를 접한 시간이 얼마 안되어 많이 모르지만...
혹시 필요하신 분이 있으실까요?..^^
그러면 먼저 위의 예제 그림을 보시죠?..^^
소스의 특징은...
--------------------------------------
이미지 사이즈의 가로 폭이 380보다 작으면 자동으로 왼쪽 정렬이 되면서 내용이 우측에 오게 되고,
그보다 크게 되면 자동으로 가운데 정렬이 되면서 내용은 하단에 위치하게 됩니다.
-------------------------------------
그리고 만족스러우시다면...아래를 수정하세요.....
gbview.php 화일을 열어서...
185번째 줄에 보시면..아래와 같은 부분이 있습니다.
----------------------------------------
$file1_view = view_file_link($write[wr_file1]);
--------------------------------------------
그걸 아래와 같이 변경하시면 됩니다.
아래의 소스중에 380이라는 숫자는 각자 홈페이지 상황에 맞추어 변경해서 사용하시면 더욱 좋겠죠?..^^
------------------------------------------------
$size = getimagesize("./$cfg[dir_file]/$write[wr_file1]");
$file[$i]->source_width = $size[0];
$file[$i]->source_height = $size[1];
if($size[0] > 380) {
$file1_view = "<center><table border=0 cellpadding=0 cellspacing=0 ><tr><td>".view_file_link($write[wr_file1])."</td></tr></table></center>";
} else {
$file1_view="<table border=0 cellpadding=0 cellspacing=0 align=left><tr><td>".view_file_link($write[wr_file1])."</td></tr></table>"; }
-----------------------------------------
동일 화일의 201번째 줄도 고치시면 두번째 이미지 화일도 마찬가지로 사용하실수 있겠죠?..^^
다만 아래에 있는 다른 소스와 일부 중복되어 비효율적인지는 모르겠으나..
어쨌든 되긴 되는군요..
위 팁은 제로보드의 유용한팁에 제가 올렸던 팁을 그누보드에 맞게 고쳤습니다.^^
더 좋은 의견이 있으시면 여지없이 코멘트 남겨 주세요.......^^
그럼 행복하시길.............
p.s.>
위 스샷은 그누보드로 만든 게시판에서 찍은 것입니다..^^
제가 어설픈 실력으로 홈페이지 제작 팁 관련된 사이트를 운영하고 있는데..
비록 별볼일 없는 사이트이긴 하나....
혹시 여러분께 작은 보탬이 되실지 모르겠군요..^^
http://web.ggambo.com
추천
5
5
댓글 전체
감사합니다.
오우, 찾던 건데 좋습니다. ^^
저만 그런지 모르겠네요.
첫줄 이미지 사이즈 읽어오는 경로에서요.
$size = getimagesize("./$cfg[dir_file]/$write[wr_file1]");
이부분을 다음과 같이 바꾸니 에러가 사라지네요
$size = getimagesize("$reldir/$cfg[dir_file]/$bo_table/$write[wr_file1]");
첫줄 이미지 사이즈 읽어오는 경로에서요.
$size = getimagesize("./$cfg[dir_file]/$write[wr_file1]");
이부분을 다음과 같이 바꾸니 에러가 사라지네요
$size = getimagesize("$reldir/$cfg[dir_file]/$bo_table/$write[wr_file1]");
박갑성님//
감사합니다.....^^
황규석님//
어느 위치인지 몇번째 줄인지까지 표시해 놓았는데..못 찾으시면...
음~~~ 저희 집으로 컴퓨터 들고 찾아 오세요..알려 드릴께요....ㅋㅋㅋㅋㅋㅋ
마스터 케빈님//
감사합니다.
김민수님//
아래와 같이 하시면 됩니다.
아래와 같이 변경하게 되면...
게시판 아이디가 xxx인 경우에만 위의 팁이 적용되고..
나머지 게시판에서는 원래 상태대로 유지하겠지요....^^
----------------------------------------
if($bo_table==xxx) {
$size = getimagesize("./$cfg[dir_file]/$write[wr_file1]");
$file[$i]->source_width = $size[0];
$file[$i]->source_height = $size[1];
if($size[0] > 380) {
$file1_view = "<center><table border=0 cellpadding=0 cellspacing=0 ><tr><td>".view_file_link($write[wr_file1])."</td></tr></table></center>";
} else {
$file1_view="<table border=0 cellpadding=0 cellspacing=0 align=left><tr><td>".view_file_link($write[wr_file1])."</td></tr></table>"; }
} else {
$file1_view = view_file_link($write[wr_file1]);
}
---------------------------------------------
김현철님//
위의 설명을 잘 읽어보시면...
두번째 사진에 대한 부분도 분명히 있습니다.
예전에 학교 다닐때 보면...
수업시간에 땡땡이 치는 학생이 꼭 엉뚱한 질문을 하더라는..........^^
아참...2개이상의 업로드는 다른 부분의 소스 수정이 불가피하게 많아야 하므로 생략합니다.
감사합니다.....^^
황규석님//
어느 위치인지 몇번째 줄인지까지 표시해 놓았는데..못 찾으시면...
음~~~ 저희 집으로 컴퓨터 들고 찾아 오세요..알려 드릴께요....ㅋㅋㅋㅋㅋㅋ
마스터 케빈님//
감사합니다.
김민수님//
아래와 같이 하시면 됩니다.
아래와 같이 변경하게 되면...
게시판 아이디가 xxx인 경우에만 위의 팁이 적용되고..
나머지 게시판에서는 원래 상태대로 유지하겠지요....^^
----------------------------------------
if($bo_table==xxx) {
$size = getimagesize("./$cfg[dir_file]/$write[wr_file1]");
$file[$i]->source_width = $size[0];
$file[$i]->source_height = $size[1];
if($size[0] > 380) {
$file1_view = "<center><table border=0 cellpadding=0 cellspacing=0 ><tr><td>".view_file_link($write[wr_file1])."</td></tr></table></center>";
} else {
$file1_view="<table border=0 cellpadding=0 cellspacing=0 align=left><tr><td>".view_file_link($write[wr_file1])."</td></tr></table>"; }
} else {
$file1_view = view_file_link($write[wr_file1]);
}
---------------------------------------------
김현철님//
위의 설명을 잘 읽어보시면...
두번째 사진에 대한 부분도 분명히 있습니다.
예전에 학교 다닐때 보면...
수업시간에 땡땡이 치는 학생이 꼭 엉뚱한 질문을 하더라는..........^^
아참...2개이상의 업로드는 다른 부분의 소스 수정이 불가피하게 많아야 하므로 생략합니다.
여러장의 사신을 올릴경우는 어떻게 되죠??
노하우가 정말 어려운것도 있지만 , 간단한것도 노하우지요. 쉽게 생각이 떠올라 사용할수도 있지만, 보고 나서 아~하고 생각하지만.. 스스로 떠올리지 못할때가 많으니까요.
근래 위에 적어놓은 팁과 비슷한 기능이 필요할때가 있었습니다.
사진과 더불어 글을 잘 배치 시켜야 되는것인데, 이리저리 시도해도 이뿌지가 않더군요.
전 그냥 기술적인 문제라기보다, 그냥 시각적인 배치라고 생각했기 때문에 소스변경을 생각해보지 않았던 것이지요.
아 그렇다고 그대로 쓰진 않을꺼 같습니다만, 참고하기에 좋은내용이었습니다.^^
근래 위에 적어놓은 팁과 비슷한 기능이 필요할때가 있었습니다.
사진과 더불어 글을 잘 배치 시켜야 되는것인데, 이리저리 시도해도 이뿌지가 않더군요.
전 그냥 기술적인 문제라기보다, 그냥 시각적인 배치라고 생각했기 때문에 소스변경을 생각해보지 않았던 것이지요.
아 그렇다고 그대로 쓰진 않을꺼 같습니다만, 참고하기에 좋은내용이었습니다.^^
어디인지 안보여요..
읔 ~ 엔지오의 노하우가 그누에서 살아나다......
넘 좋습니다.......강추*^^*
넘 좋습니다.......강추*^^*