Mint 테마 메인 Index 수정 - 2016. 6. 10 수정
-
깊은경찰
- 0건
- 113회
- 16-06-03 15:14
민트 테마 상단을 위와 같이 수정 배치하고자 한다면...
theme/mint/css/mobile.css
109~110 Line
[code]#main_work ul{margin-left:0px}
#main_work ul li:first-child{float:left;width:34%;overflow:hidden}
#main_work ul li{float:left;width:33%;overflow:hidden}[/code]
수정 및 추가
theme/mint/mobile/index.php
[code]<div id="lt_slide">
<?php
// 이 함수가 바로 최신글을 추출하는 역할을 합니다.
// 사용방법 : latest(스킨, 게시판아이디, 출력라인, 글자수, 캐시타임, option);
// 테마의 스킨을 사용하려면 theme/basic 과 같이 지정
$options = array(
'thumb_width' => 800, // 썸네일 width
'thumb_height' => 450, // 썸네일 height
);
echo latest('theme/main_slide', '게시판 아이디', 4, 55, 1, $options);
?>
</div>
<div id="main_work">
<ul>
<li>
<a href="#" class="work_img">/bn1.gif" alt="배너이미지1"></a>
<a href="#" class="work_txt"><span class="work_txt_tit">사업설명 1</span><span class="work_txt_p">사업에 관한 간략 설명<br>회사에 대한 간략한 설명</span></a>
</li>
<li class="main_work_1">
<a href="#" class="work_img">/bn2.gif" alt="배너이미지2"></a>
<a href="#" class="work_txt"><span class="work_txt_tit">사업설명 2</span><span class="work_txt_p">사업에 관한 간략 설명<br>회사에 대한 간략한 설명</span></a>
</li>
<li>
<a href="#" class="work_img">/bn3.gif" alt="배너이미지3"></a>
<a href="#" class="work_txt"><span class="work_txt_tit">사업설명 3</span><span class="work_txt_p">사업에 관한 간략 설명<br>회사에 대한 간략한 설명</span></a>
</li>
</ul>
</div>[/code]
class="col_l_60 latest"
class="col_l_40 latest"
삭제
썸네일 칫수 수정
모바일에서도 각 항목을 원본처럼 100%로 출력합니다.
주먹구구식으로 수정했습니다.
더 바람직한 방법이 있으면 조언 바랍니다.
theme/mint/css/mobile.css
109~110 Line
[code]#main_work ul{margin-left:0px}
#main_work ul li:first-child{float:left;width:34%;overflow:hidden}
#main_work ul li{float:left;width:33%;overflow:hidden}[/code]
수정 및 추가
theme/mint/mobile/index.php
[code]<div id="lt_slide">
<?php
// 이 함수가 바로 최신글을 추출하는 역할을 합니다.
// 사용방법 : latest(스킨, 게시판아이디, 출력라인, 글자수, 캐시타임, option);
// 테마의 스킨을 사용하려면 theme/basic 과 같이 지정
$options = array(
'thumb_width' => 800, // 썸네일 width
'thumb_height' => 450, // 썸네일 height
);
echo latest('theme/main_slide', '게시판 아이디', 4, 55, 1, $options);
?>
</div>
<div id="main_work">
<ul>
<li>
<a href="#" class="work_img">/bn1.gif" alt="배너이미지1"></a>
<a href="#" class="work_txt"><span class="work_txt_tit">사업설명 1</span><span class="work_txt_p">사업에 관한 간략 설명<br>회사에 대한 간략한 설명</span></a>
</li>
<li class="main_work_1">
<a href="#" class="work_img">/bn2.gif" alt="배너이미지2"></a>
<a href="#" class="work_txt"><span class="work_txt_tit">사업설명 2</span><span class="work_txt_p">사업에 관한 간략 설명<br>회사에 대한 간략한 설명</span></a>
</li>
<li>
<a href="#" class="work_img">/bn3.gif" alt="배너이미지3"></a>
<a href="#" class="work_txt"><span class="work_txt_tit">사업설명 3</span><span class="work_txt_p">사업에 관한 간략 설명<br>회사에 대한 간략한 설명</span></a>
</li>
</ul>
</div>[/code]
class="col_l_60 latest"
class="col_l_40 latest"
삭제
썸네일 칫수 수정
모바일에서도 각 항목을 원본처럼 100%로 출력합니다.
주먹구구식으로 수정했습니다.
더 바람직한 방법이 있으면 조언 바랍니다.
등록된 댓글이 없습니다.