※ 스크립트가 꺼져있습니다. 원활한 사이트 이용을 위해 스크립트를 다시 허용해주세요.

자유게시판

최신글 코드변경 문의드립니다.
2017-04-22 04:53
az
안녕하세요. 티스토리 Square 스킨 코드변경에 대해 질문드립니다.
이미지가 없는 게시글일 경우 최신글 목록에서 마우스를 롤오버하기 전까진 아무것도 보이지 않아서
첨부파일 사진의 아래쪽처럼 처음부터 게시글 제목을 표시하고싶은데 코드를 어떻게 건드리면 될까요?
댓글 + 4
  1. 김 태영 2017-04-22 22:53
    안녕하세요. 🙂
    #recent-post ul li .title { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; line-height: 155px; background-color: #555; color: #fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); /* IE 7 and olders */
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
    }
    #recent-post ul li:hover .title {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE 8 */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); /* IE 7 and olders */
    opacity: 0.9;
    }

    이 부분을 다음과 같이 변경해주세요.

    #recent-post ul li .title { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; line-height: 155px; background-color: #555; color: #fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE 8 */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); /* IE 7 and olders */
    opacity: 0.9;
    }
    • az 2017-04-23 03:56
      감사합니다! 두가지만 더 여쭤봐도 될까요? 알려주신걸 약간 응용해서 적용해봤는데 이미지에 마우스를 올렸을 때 회색배경만 사라지고 글씨는 그대로 남아있게 하고싶습니다. 이럴땐 어떻게 해야하나요?
      그리고 비로그인시 덧글창에 name과 password 인풋박스를 secret체크박스와 write 버튼이 있는 하단쪽에 나란히 두고싶은데 이것도 어떻게 수정해야하는지 알려주시면 감사하겠습니다ㅠㅠ 같은 줄에서 이름, 비밀번호는 왼쪽에 두고 체크박스랑 글쓰기버튼은 원래처럼 오른쪽에 두고싶습니다.
      • 김 태영 2017-04-24 23:37
        마우스오버 효과 변경은 이렇게 해보세요.

        #recent-post ul li:hover .title { 
        background-color: transparent;
        }

        마우스를 올리면 배경색만 투명하게 됩니다.

        현재 댓글과 방명록의 디자인이 동일하게 되어있기 때문에,
        원하시는 수정사항을 적용하기 위해선 댓글과 방명록의 CSS 코드를 분리, 댓글에 수정사항을 적용하기 위한 마크업 수정, 댓글 전용 CSS를 추가하는 등의 규모가 꽤 큰 작업이 진행됩니다.
        이런 작업의 경우 따로 도움을 드리고 있지 않습니다.

        감사합니다.
        • az 2017-04-25 04:04
          아 역시 바꿀게 많군요...ㅠㅠ 네 알겠습니다 도움주셔서 감사합니다! 예쁜 스킨 잘 쓰겠습니다~~