레셔널 질문드립니다. Array


Post by: 홍사
작성일 : 2017.01.31 18:19 2 조회 수: 73
* : 필수항목

1. http://www.maplels.com/index.php?mid=d02

 

문서 페이지에 링크를 걸면 COOLCELL® CELL FREEZING CONTAINERS 처럼 글씨 색이 하늘색으로 바뀌고 밑줄이 생기네요

없애려면 어떻게 해야하나요?

 

 

2. http://www.maplels.com/index.php?mid=p02_a

 

좌측 서브메뉴에서 롤오버 되었을때만 글씨 색이 바뀌는데 현재 보고있는 페이지에 글씨색만 다르게 하려면 어디를 수정해야 하나요?

지금 보고있는 페이지가 어떤건지 표시가 되지 않아서요~

 

 

 

3. hthttp://codesignlab.cafe24.com/ra_sub_product1

 

데모사이트도 그렇고 제가 만든 홈페이지도 마찬가지인데요 로고와 메뉴가 왼쪽으로 쏠려있어요~

밑에 서브메뉴 라인과 맞출 수 있나요? 자꾸 신경이 쓰이네요~

 

Untitled-1.jpg

 

 

 

4. http://www.maplels.com/index.php?mid=contactus

 

이건 구입한 테마와는 다른 질문이라서 꼭 답변 않해주셔도 됩니다.

xe 홈페이지에 질문을 해도 댓글이 달리지 않아 답답한 마음에  한번 여쭤봅니다.

컨택트어스 페이지를 기본 xe Contact us 모듈로 연결시켜서 메일 발송까지는 되는데요..

발송을 하고나서 발송완료 페이지로 넘어가는데 그렇지 않고 alert 창을 띄어서 전송이 완료되었습니다 메세지만 남기고

그 페이지를 유지하고 싶은데 가능한지요?

아래는 폼관련 소스입니다. 어렵지 않다면 답변 부탁드려볼께요. 수고하세요~

 

<div class="col-md-6">
<form action="./" id="form_contact" method="post">
<input name="error_return_url" type="hidden" value="/index.php?mid=contact">
<input name="mid" type="hidden" value="contact">
<input name="vid" type="hidden" value="">
<input name="ruleset" type="hidden" value="sendMail">
<input name="act" type="hidden" value="procContactSendEmail">
<input name="enable_terms" type="hidden" value="N">
<script>
 jQuery(function($){
  $('#formComponents input:text').css('width','260px');
  $('#formComponents input[class=\'tel\']').css('width','80px');
  if($('input.tel').length>0){
   $('input.tel').each(function(index,value){
    $(this).css('margin-right','2px');
   });
  }
  $('form#form_contact').submit(function(){
   // add phone number together
   if($('input.tel').length>0){
    var phone_number = "";
    $('input.tel').each(function(index,value){
     
     phone_number += $(this).attr('value') + " ";
    });
    $('input.tel').last().attr('value',phone_number);
   }
  });
 });

 

</script>


<input name="mid" type="hidden" value="contact">
<input name="module_srl" type="hidden" value="923">
<div class="row">
<div class="form-group">
<div class="col-md-6">

<label>Name *</label>
<input aria-required="true" class="form-control" data-msg-required="Please enter your name." id="name" maxlength="100" name="extra_vars1" required="" type="text" value=""></div>
<div class="col-md-6">

<label>E-mail *</label>
<input aria-required="true" class="form-control" data-msg-email="Please enter a valid email address." data-msg-required="Please enter your email address." id="email" maxlength="100" name="Email" required="" type="email" value=""></div>
</div>
</div>

<div class="row">
<div class="form-group">
<div class="col-md-12"><label>Subject</label> <input aria-required="true" class="form-control" data-msg-required="Please enter the subject." id="subject" maxlength="100" name="Subject" required="" type="text" value=""></div>
</div>
</div>

<div class="row">
<div class="form-group">
<div class="col-md-12"><label>Message</label><textarea aria-required="true" class="form-control" data-msg-required="Please enter your message." id="message" maxlength="5000" name="Comment" required="" rows="10"></textarea></div>
</div>
</div>

<div class="row">
<div class="col-md-12"><input class="btn btn-primary btn-sm" data-loading-text="Loading..." type="submit" value="SEND"></div>
</div>
</form>
</div>



댓글 (2)
Profile
Manager

2017.02.01 11:14

안녕하세요. 문의내용 확인하였습니다.
답변 드립니다.

1. 링크의 색상과 호버 시 나타나는 밑줄은 기본 설정입니다. 이를 바꾸시기 위해서는 해당 타이틀에 별도의 클래스를 주어 색상 및 마우스 효과를 없에는 방법과 현재 세팅된 기본 설정을 바꾸는 방법입니다. 후자로 하실 경우 전체 사이트에 바꾼 색상 및 효과가 적용되게 됩니다. 후자로 하실 경우 /layouts/layout_rational/css/skins/default.css 파일의 1줄에 기본 색상을 바꾸시구요 5줄 a:hover 부분에 text-decoration:none을 추가하시면 되겠습니다.

2. 현재 페이지만 적용하기 위해서는 조건문이 필요합니다. layout.html 파일에 아래의 소스를 적용해 보시기 바랍니다.
<block cond="$mid=='p02_a'">
<style>
aside ul.nav-list > li > a:hover, aside ul.nav-list > li.has-sub a:hover {
color: #000;
}
</style>
</block>

mid는 주소값입니다. 주소가 해당 값이면 아래의 스타일을 적용시킵니다.

3.layout.html 파일의 83줄부터를 다음 소스로 수정해 보시기 바랍니다.

<!-- 서브스타일 레이아웃 -->
<block cond="$layout_info->sidebar_position=='right' " >
<div class="row">
<div class="col-md-9">
<div class="ra-page-wrap">
{$content}
</div>
</div>
<div class="col-md-3">
<include target="_side_bar.html" />
</div>
</div>
</block>

<block cond="$layout_info->sidebar_position=='left' " >
<div class="row">
<div class="col-md-3">
<include target="_side_bar.html" />
</div>
<div class="col-md-9">
<div class="ra-page-wrap">
{$content}
</div>
</div>
</div>
</block>
<!-- 서브스타일 레이아웃 마침-->

4. 해당 소스로는 답변이 어렵습니다.
간단히 봐서는

<script>
jQuery(function($){
$('#formComponents input:text').css('width','260px');
$('#formComponents input[class=\'tel\']').css('width','80px');
if($('input.tel').length>0){
$('input.tel').each(function(index,value){
$(this).css('margin-right','2px');
});
}
$('form#form_contact').submit(function(){
// add phone number together
if($('input.tel').length>0){
var phone_number = "";
$('input.tel').each(function(index,value){

phone_number += $(this).attr('value') + " ";
});
$('input.tel').last().attr('value',phone_number);
}
});
});

</script>

의 .submit함수에 alert를 넣어주면 되는데요 이게 정확히 전달이 되었는지 그렇지 않은지 확인이 되지 않습니다.
정확히 전달 후 alert를 띄우기 위해서는 내부 구조를 파악하여 창을 띄워야 합니다.

댓글

홍사 Manager

2017.02.01 19:07

답변 감사합니다.
2번 질문의 경우 제 질문의 뜻이 잘못 전달이 된것 같네요ㅠ
http://www.maplels.com/index.php?mid=p02_a
이 페이지를 열었을때 좌측 서브메뉴에 p02_a에 해당하는 메뉴 즉 Ice Pan & Ice Buckets 이라는 메뉴의 색만
바뀌어 있게 할 수 있을까 하는 질문이였습니다.
스트라우트 테마의 경우 서브페이지를 보면 현재 보고있는 메뉴의 색상이 빨간색으로 표시가 되있잖아요?
이렇게 할 수 있나요?
스트라우프 테마를 구매했어야 했는데 여러모로 질문도 많아지고 귀찮게 해드리네요 ㅠㅠ

댓글


로그인 회원가입
CS Center

070.7526.3679

E-Mail Address

CONTACT@XELAYOUT.COM

Cacao Talk ID

Cosignstudio