*사용중인 Tirium(티리움) 스킨을 부분 편집했다

리플입력 부분에 자신의 사이트(블로그)등등을 입력할수 있는 필드삽입 

Vanns Kang 님의 티리움스킨을 부분부분 변형/추가 해가며 잘사용중이다

전반적은 아니지만 컨텐츠폭이라던가 사이드바부분 등등을 살짝 수정했다

(인용구 txt 컬러 사이드바 리플/최신글 목록출역  공지상항이 필요 없는 블로그이기에 

공지상항 입력란을 블로그 프로필 용으로 변형등등....)

전문 왭디자너가 아니다보니 HTML이나 CSS시트등을 마음대로 주무르긴 힘들지만

티스토리의 치환자등을 간단히 고민좀해보면 자신만의 사용환경을 충분히 만들어 갈수 있다고본다

특히 사용중인 스킨은 반응형이지만 많은 컨텐츠부분을 과감히 생략한 스킨이므로 

공백묘를 잘살리면 필요한 자신만의 블로그 스킨으로  탈바꿈이 가능 하리라 본다

이번엔 리플폼에 비로그인 방문자들이 필수가 아닌 선택적으로 자신들의 홈페이지나 블로그 혹은 카카오스토리 주소등을 남김으로서 

블로그간의 커뮤네이션이 원할할수 있도록 "홈페이지 입력폼"필드를 추가해 보았습니다.

물론 스킨의 원배포자분은 이스킨에 필요없는 많은 부분들을 과감히 삭제하므로서 간단하고 심플하게 포스팅하기 좋은 환경으로 

스킨의 subject 를두었지만 사용자마다 견해는 조금식 다르며 저의 "블로그 사용환경에서는 이부분은 필요하다" 판단하여 타사이트 서비스이용자 

분들의 편의제공을 위한 입력필드를 추가합니다.

*타사이트의 개인블로그 운영자분들의 logo 아이콘이 등록 되는 것입니다 

개인블로그들의 로고 등록 방법은 아레 링크의 엘포이야기 님의 블로그에 설명이 등제되어 있습니다

엘포 이야기님 블로그  

홈페이지 입력필드추가

이미지삽입 

기존의 필드인 이름 입력필드를 이용 (복사/수정) 치환자를 교체 함으로서 

간단하게 필드란을 추가해 보았습니다 

다행히 치환자 부분수정 만으로 필드추가가 가능해서 다행입니다

티스토리 스킨이 낯섫어서 수정때마다 고민좀 되거든요 ^^;;

홈페이지 필드의 추가

위에 이미지를 보시다시피 home page 필드가 성공적으로 추가 되었습니다.

필수가 아닌 선택이란 설명과함께...

이름과 비밀번호는 필수입력이지만 홈페이지나 블로그주소는 선택이 됩니다 즉 입력을 안해도 댓글 등록은 가능하다는 말이죠.

자 아래는 자신의 홈페이지를 등록한 댓글 예시 입니다 

제 개인블로그와 카카오스토리의 주소를 입력해 봤습니다 입력시 HTTP://..부분은 생략하고 자신의 블로그주소만 입력해도 됩니다,

내,,

사이트 주소를 입력하니까 제개인 블로그 아이콘은 자동으로 입력이 되는군요 

카카오스토리는 일단 아이콘등록은 안됩니다. 그러나 작성자의 사이트링크는 흔적이 남음으로서 블로그간의 방문이나 커뮤네이션이 가능해 졌습니다.

아래 이미지는 제가 수정한 스킨의 HTML 부분 이미지 입니다.

이수정은 관리  -> 스킨수정 으로 들어가셔서 HTML을 수정하시면 간단합니다.

스킨수정부분

이미지의 표시부분이 수정한 스킨HTML 부분 입니다

저같은경우는 위치환자의 "nane"소스를 드레그해서 아래 붙혀놓고는 치환자만 교환 했네요;

치환자의 도움말은 이곳에서 소스를 얻었습니다..

http://www.tistory.com/guide/skin/step3#2-8-6-2

Tistory의 스킨가이드 페이지 입니다

저도 시간날때마다 한번씩 들어가 읽어보곤 합니다..

이곳 치환자들이 예전 오마이뉴스의 치환자들과 비슷한듯도 하더군요;;;

마지막으로 제가 사용한 스킨의 수정부분 입니다.

*HTML

<!-- begin commentWrite -->

<!--//리플입력폼 수정할부분// -->

<s_rp_input_form>

<div class="commentWrite">

<div class="row">

<div class="col-md-12">

<form role="form">

<s_rp_member>

<s_rp_guest>

<div class="row">

<div class="form-group col-md-6">

<label for="_116">name*필수</label>

<input type="text" id="_116" name="" value="" class="form-control textField" placeholder="enter name">

</div>

<div class="form-group col-md-6">

<label for="_116">password*필수</label>

<input type="password" id="_116" class="form-control textField" maxlength="8" name="" value="" placeholder="password">

</div>

<!--//홈페이지 입력란 삽입부분//-->

<div class="form-group col-md-6">

<label for="_116">home page*선택</label>

<input type="text" id="_116" name="" value="" class="form-control textField" placeholder="http://">

</div>

<!--//end 홈페이지 입력란//-->

</div>

</s_rp_guest>

<div class="checkbox secret-line">

<input type="checkbox" name="" class="checkbox" id="_116" name="" value="1"/> secret

</div>

</s_rp_member>

<div class="row">

<div class="col-md-12 content-line">

<textarea id="_116" placeholder="enter comment" name="" class="form-control" rows="10"></textarea>

<button type="button" class="btn btn-default btnComment" onclick="">submit</button>

</div>

</div>

</form>

</div>

</div>

</div>

</s_rp_input_form>

<!--//end 리플입력 수정할부분// -->

<!-- end commentWrite --> 

저와 비슷한 환경에서 스킨을 사용하시는 분들께 작은 도움이나마 공유해 볼끼해서 기록을 남겨봅니다.

궁금하신 부분은 리플에 달아주시기 바랍니다.