질문이 있습니다.
  • 이재상
  • 2017.11.15 19:39:16
  • 조회 수: 49
  • 댓글: 1

바쁘신데도 작은문의들 답변해주셔서 큰 도움이 되고 있습니다.

이렇게 또 질문을 드리네요..

쉬크 레이아웃을 쓰고 있는데

아무래도 team 항목이 이 저의 홈페이지에는 어울리지 않을듯하여 (메일이나, sns아이콘이 나오는 용도가 아닌)

다른 용도로 즉 programs 용도로 사용하고자 하는데요..

즉, 그냥 갤러리처럼 마우스를 그림에 두었을때 클릭으로 다른 페이지로 가게 하는 방법으로요

제가 나름 수정해서 해보려고 하는데..잘 안되서..포기하고 이렇게 질문을 드립니다 ㅠㅠ

a href 테그를 사용했더니 링크는 되는데 글씨의 폰트의 속성이 사라져서요..

다음중 어디를 수정해주면..마우스를 그림이나 글씨에 클릭했을경우 폰트의 속성이 사라지지 않고 원하는 사이트로 이동이 될까요ㅠ ㅠ

바쁘신것 알지만도 염치 불문하고 질문드립니다. ㅠ

 

 

<li class="col-xs-12 col-sm-6 col-md-4 bg-cover <!--@if(!$li->team1_img)-->hidden-xs hidden-sm visible-md<!--@end-->" style="background-image: url({$li->team1_img})"|cond="$li->team1_img">

<div class="overlay06">

<div class="vertical-align pd-xs-30 pd-sm-40">

<div class="inner middle">

<figure class="effect-hera">

<figcaption>

<h2  class="h2 mg-b10" cond="$li->team1_name">{$li->team1_name}</h2><br><h4><small>{$li->team1_position}</small></h4>

<p>

<a href="tel:{$li->team1_phone}" cond="$li->team1_phone"><i class="fa fa-phone" aria-hidden="true"></i></a>

    <a href="mailto:{$li->team1_email}" cond="$li->team1_email"><i class="fa fa-envelope" aria-hidden="true"></i></a>

    <a href="{$li->team1_sns1_link}" cond="$li->team1_sns1">{$li->team1_sns1}</a>

    <a href="{$li->team1_sns2_link}" cond="$li->team1_sns2">{$li->team1_sns2}</a>

</p>

</figcaption>

 

 

ScreenClip.png

 

 

 

이 게시물을

댓글'1'
XE템플릿
  • 2017.11.16

<li class="col-xs-12 col-sm-6 col-md-4 bg-cover <!--@if(!$li->team1_img)-->hidden-xs hidden-sm visible-md<!--@end-->" style="background-image: url({$li->team1_img})"|cond="$li->team1_img">

밑에

<a href="#" class=""></a> 를 추가

class 값을 지정 해당 class에 position값은 absolute, width,height값은 100%로 지정해주면 링크가 걸릴듯합니다.

z-index는 3 정도 주시면 되겠습니다.

 

이렇게 해서 테스트해보시길 바랍니다.

이 댓글을

사진 및 파일 첨부

여기에 파일을 끌어 놓거나 왼쪽의 버튼을 클릭하세요.

파일 용량 제한 : 0MB (허용 확장자 : *.*)

0개 첨부 됨 ( / )

에디터 선택

※ 주의 : 페이지가 새로고침됩니다

이 댓글을 삭제하시겠습니까?

이 게시물을 삭제하시겠습니까?

공유하기

번호
제목
작성자
날짜