묻고답하기
모바일 페이지 로고이미지 변경 및 전화 링크걸기
2014.10.15 16:08
아무리 찾아봐도 제가 할 수있는 방법이 아닌거 같아서 이렇게 질문글을 올립니다ㅠ
첨부 이미지 상단에 로고 에코폰부산을 다른이미지로 바꾸거나 안되면 색상변경을 어떻게 해야 할까요?
또 밑에 주황색 이미지에 전화걸기 링크를 걸고 싶은데 어떻게 하는지 알고싶습니다
어려우시면 참고 할 수 있는 글이라도 부탁드리겠습니다.
(아래는 pc로 모바일 버전이 안들어가져서 html 같이 기재 하였습니다)
{@
Context::addHtmlHeader('<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">');
Context::addHtmlHeader('<meta name="format-detection" content="telephone=no" />');
Context::addHtmlHeader('<meta name="apple-mobile-web-app-capable" content="yes" />');
}
<!--// css -->
<load target="fonts/font-awesome/css/font-awesome.min.css" />
<load target="css/style.css" />
<!--// js -->
<load target="../../common/js/jquery.min.js" index="-100006" />
<load target="../../common/js/x.min.js" index="-100000" />
<load target="../../common/js/xe.min.js" index="-100000" />
<load target="js/js.js" />
<load target="js/custom.js" />
<block cond="$layout_info->editor_tool == 'no'">
<style>
.xpress-editor .tool {display: none;}
</style>
</block>
<div class="page">
{@
if (!$layout_info->header_bg) $header_bg = 'f-header-inverse';
if ($layout_info->header_bg) $header_bg = 'f-header-'.$layout_info->header_bg;
if (!$layout_info->brand_color) $brand_color = 'brand-color-danger';
if ($layout_info->brand_color) $brand_color = 'brand-color-'.$layout_info->brand_color;
}
<div id="header" class="header {$header_bg}">
<a class="mmenu" href="#menu"></a>
<!--@if($layout_info->logo_image)--><a class="mlogo" href="{$layout_info->index_url}"><img src="{$layout_info->logo_image}" alt="{$layout_info->logo_text}"|cond="$layout_info->logo_text" alt="logo"|cond="!$layout_info->logo_text" /></a><!--@else--><a class="mlogo {$brand_color}" href="{$layout_info->index_url}">{$layout_info->logo_text}</a><!--@end-->
<a href="#menu-right" class="friends right"></a>
</div>
<include target="mainpage.html" cond="$layout_info->mainPage == 'yes'" />
<!--// 컨텐츠 시작 -->
<div class="content" id="content">
{$content}
</div>
<include target="phiz_themes/footer/footer.html" cond="$layout_info->footer_copyright" />
<include target="phiz_themes/footer/footerInfo.html" cond="$layout_info->footer_info" />
<nav id="menu">
<ul>
<li loop="$main_menu->list=>$key1,$val1" class="active"|cond="$val1['selected']"><a href="{$val1['href']}" target="_blank"|cond="$val1['open_window']=='Y'">{$val1['link']}</a>
<ul cond="$val1['list']">
<li loop="$val1['list']=>$key2,$val2" class="active"|cond="$val2['selected']"><a href="{$val2['href']}" target="_blank"|cond="$val2['open_window']=='Y'">{$val2['link']}</a>
<ul cond="$val2['list']">
<li loop="$val2['list']=>$key3,$val3" class="active"|cond="$val3['selected']"><a href="{$val3['href']}" target="_blank"|cond="$val3['open_window']=='Y'">{$val3['link']}</a></li>
</ul>
</li>
</ul>
</li>
<li class="phiz-license"><a href="http://phiz.kr/" target="_blank">by ecpbusan</a></li>
</ul>
</nav>
<nav id="menu-right">
<ul>
<li cond="!$is_logged"><a href="{getUrl('act','dispMemberLoginForm')}"><i class="fa fa-key"></i> {$lang->cmd_login}</a></li>
<li cond="!$is_logged"><a href="{getUrl('act','dispMemberSignUpForm')}"><i class="fa fa-sign-in"></i> {$lang->cmd_signup}</a></li>
<li cond="!$is_logged"><a href="{getUrl('act','dispMemberFindAccount')}"><i class="fa fa-question-circle"></i> {$lang->cmd_find_member_account}</a></li>
<block cond="$is_logged">
<li><a href="{getUrl('act','dispMemberInfo','member_srl','')}"><i class="fa fa-user"></i> {$logged_info->nick_name}님</a></li>
<li><a href="{getUrl('act','dispMemberLogout')}"><i class="fa fa-sign-out"></i> {$lang->cmd_logout}</a></li>
<!--@if($logged_info->is_admin=="Y" && !$site_module_info->site_srl)-->
<li><a href="{getUrl('','module','admin')}" onclick="window.open(this.href);return false;"><i class="fa fa-cog"></i> {$lang->cmd_management}</a></li>
<!--@end-->
<li><a href="{getUrl('act','dispMemberInfo','member_srl','')}"><i class="fa fa-info-circle"></i> {$lang->cmd_view_member_info}</a></li>
<li cond="$layout_info->message == 'yes'"><a href="{getUrl('act','dispCommunicationMessages','member_srl','')}"><i class="fa fa-check-square-o"></i> {$lang->cmd_view_message_box}</a></li>
</block>
<li><a href="{getUrl('m',0)}"><i class="fa fa-desktop"></i> PC화면으로 보기</a></li>
<li cond="count($lang_supported)>1"><a href="{getUrl('act','dispModuleChangeLang','oldact',$act)}">LANG</a></li>
</ul>
</nav>
<p id="back-top">
<a href="#top"><span></span></a>
</p>
</div>
댓글 8
-
Double'U'
2014.10.15 16:29
-
Double'U'
2014.10.15 16:32
로고는 배경이 투명한 png파일로 올려야 할겁니다.
-
Double'U'
2014.10.15 16:34
주황색의 이미지에 전화번호 링크를 걸려면
아마 위젯 페이지로 보이는데....
이미지 있는 부분의 html에서 <a href="tel:010어쩌고"><img src="주소"></a>
이런식으로 해주면 클릭하면 전화번호로 링크가 넘어갑니다.
-
도징
2014.10.16 01:39
답변 정말 감사합니다.
위에껀 해결이 됐는데 pc로 모바일 페이지 접속이 안되서 이미지 있는 부분의 html을 못찾겠습니다ㅠ
<img src="주소"></a> 이부분에서 주소가 어떤 주소를 뜻하는지도 모르겠구요
어떻게 찾을 수 있을까요?
-
Double'U'
2014.10.16 10:30
관리자 로그인 후 페이지 수정 누르면 수정하는 페이지가 나옵니다.
주소는 이미지의 url을 말합니다.
다 다르니까요.
-
도징
2014.10.16 18:34
죄송한데 좀 더 여쭤보겠습니다ㅠ
위에가 레이아웃 html인데
html수정란이 어디있는지 모르겠다는게 아니라 저 이미지에 할당하는 html이 어디 적혀있는지 안보이네요ㅠ
그리고 이미지 url은 어떻게 확인해야 할까요?
-
CosignStudio
2014.10.16 18:41
오.. 좋은 팁 배워 갑니다.
-
Double'U'
2014.10.17 10:13
이미지 위에 마우스 오른쪽키 누르면 팝업창에 속성이라고 뜨죠...
아니면 크롬이나 ie최신버전에선 요소검사를 클릭하면 html소스 중에서 찾아줍니다.
$layout_info->logo_image
이부분이 있는 것을 보니 레이아웃 설정에서 로고파일 업로드 하면 되는 것으로 보입니다.
고급 - 설치된레이아웃 - 모바일 - 생성된 레이아웃 - 설정
또는
사이트제작편집 - 사이트디자인설정 - 모바일 - 레이아웃 - 상세설정
으로 가서 로고 업로드 하는 부분이 있을 것입니다.