게시물에서 찾기분류 전체보기

3065개의 게시물을 찾았습니다.

  1. 2008/02/01
    검색 오류(도와줘요 진보네!)(9)
    뎡야핑
  2. 2008/01/31
    진보불로그 방문자수(8)
    뎡야핑
  3. 2008/01/31
    병아리야;ㅅ;(15)
    뎡야핑
  4. 2008/01/31
    종이책(6)
    뎡야핑

덧글 박스 크기 조정 & 그림 넣기

  • 등록일
    2008/02/02 22:27
  • 수정일
    2008/02/02 22:27
  • 분류
    진보불로깅

이 글은 초보 진보불로거도 이해하게 작성되얏으니
베테랑 불로거들은 겸손하게 퐈이어...!!!
초보 중에서도 상초보를 위해 만들었심 캬캬캬캬컄
(맨밑에 더 쉬운 거 다시 썼으니 이게 뭐야... 싶으면 대충 보고 밑을 봐주세연)

로그인 -> 불로그 관리 -> 스킨편집|제작 누르고 CSS 클릭!!

클릭 후엔



'덧글 폼 속성'을 찾아내세염. 위의 그림과 같이 말입져.

거기 보면 위에 보이는 거랑 쪼매 다르게

/* 덧글 폼 속성-*/
.blog_formtext,.blog_formtextarea {
  border-style:solid;
  border-width:1;

이렇게 써있을텐데요.
.blog_formtext,.blog_formtextarea

(점 지우고)blog_formtext, textarea.blog_formtextarea { width:560px; height:230px; background: url('http://blog.jinbo.net/attach/292/051203101.jpg') no-repeat bottom right;}

이렇게 바꿔 주세요.

(점 지우고)blog_formtext,.blog_formtextarea {
  { 앞부분에 위에 걸 넣어야 해요!!!! 이 앞부분에!!!!
점 지운다는 건 말 그대로 . 을 없애버리라는 거에요!!!!!!!!


width 는 덧글 쓰기 박스의 가로크기
height 는 세로크긴데
저 숫자대로 갖다 넣고 대충 10~30 씩 고쳐보세염.

url('http://어쩌고저쩌고.jpg') 이렇게 된 부분의 '' 작은 따옴표 안에는 자기가 원하는 그림 주소를 넣으면 됩니다.
그림 주소 확인하는 방법은 오른쪽 마우스 누르고 속성 클릭해서 거기 써있는 http://어쩌고저쩌고 하는 주소를 복사해서 갖다 붙이면 됩니다.

쉽죠?! 쉽다규!!!! 다양한 그림을 보여달라구.
일단 제가 써놓은 걸 고대로 갖다 넣고 잘 되는지 확인한 후에 이미지를 바꾸고 덧글 폼 크기도 바꿀 것을 추천합니다.
다 썼으면 밑에 있는 적용하기 한 번 눌러주면 돼욤. 수정할 때마다 적용하기 한 번 누르면 됩니당.

아 쉽다 쉬워 쉬워랄라랄라찻차!!!

추가 : 내가 가지고 있는 이미지 넣기!!


이미지 올리기를 누르면 새창이 뜹니다.


찾아보기로 그림 찾아서 이미지 올리기 누르면 위에 이미지 목록에 첨가되어요.


이미지목록에 파일이 추가되었으면 경로복사만 살짝 눌러주면 그림 주소가 복사가 되어 있십니다 ㄳ



* 덧글 폼 속성-*/
.blog_formtext,.blog_formtextarea {
border-style:solid;
border-width:1;
background-color:#FFFFFF;
border-color:#CCCCCC;
SCROLLBAR-FACE-COLOR:#FFFFFF;
SCROLLBAR-HIGHLIGHT-COLOR:#FFFFFF;
SCROLLBAR-SHADOW-COLOR:#CCCCCC;
SCROLLBAR-3DLIGHT-COLOR:#CCCCCC;
SCROLLBAR-ARROW-COLOR:#CCCCCC;
SCROLLBAR-TRACK-COLOR:#FFFFFF;
SCROLLBAR-DARKSHADOW-COLOR:#FFFFFF;
}
/*덧글 폼밑에 경고 글 : 프로그램안에 으로 걸려 있음*/


이 부분을


/* 덧글 폼 속성-*/
.blog_formtext,select.blog_formtextarea {
border-style:solid;
border-width:1;
background-color:#FFFFFF;
border-color:#CCCCCC;
SCROLLBAR-FACE-COLOR:#FFFFFF;
SCROLLBAR-HIGHLIGHT-COLOR:#FFFFFF;
SCROLLBAR-SHADOW-COLOR:#CCCCCC;
SCROLLBAR-3DLIGHT-COLOR:#CCCCCC;
SCROLLBAR-ARROW-COLOR:#CCCCCC;
SCROLLBAR-TRACK-COLOR:#FFFFFF;
SCROLLBAR-DARKSHADOW-COLOR:#FFFFFF;
}
textarea.blog_formtextarea { width:560px; height:230px; background: url('http://blog.jinbo.net/attach/292/051203101.jpg') no-repeat bottom right; }
/*덧글 폼밑에 경고 글 : 프로그램안에 으로 걸려 있음*/


이걸로 통채로 오려다가 해당부분 지우고 붙여넣기 하세요.
그러고 나서 나머지 작업 하시면 돼요~~~~ 통재로 붙여넣기 할 거면 해당란에 원래 있던 건 지워줘야 해요.
/*덧글 폼 속성-*/부터  /*덧글 폼밑에 경고 글 : 프로그램안에 으로 걸려 있음*/까지 위에 걸로 바꿔 주세용.

이제 됐죠?!!!! 누가 나의 알기 쉬운 해설을 보고 아아 하고 만들어죠 우우

진보블로그 공감 버튼트위터로 리트윗하기페이스북에 공유하기

내 덧글폼 좀 봐주세요!!!!!

  • 등록일
    2008/02/01 18:37
  • 수정일
    2008/02/01 18:37
  • 분류
    진보불로깅

뉴규...

 

 

내 덧글폼 좀 봐요 너무 이쁘쟝>ㅆ< 꺅꺅꺅

 

어떻게 하는 거냐면 스킨편집관리 -> CSS 부분에 보면

 

 /* 덧글 폼 속성-*/

blog_formtext,.blog_formtextarea 

 

이렇게 돼있는 부분이 있어염. 여기 formtextarea 옆에다가

 

{ width:560px; height:230px; background: url('http://blog.jinbo.net/attach/292/051203101.jpg') no-repeat bottom right;}

이렇게 추가하면 됩니다< width는 덧글 박스의 가로 넓이, height는 세로 길이입니다. 적당한 숫자를 넣으세염.

 

줄친부분은 자기가 넣고 싶은 그림 속성 주소를 넣으면 되고요. 왼쪽에 고정하고 싶으면 right 대신 letf 를 쿠쿠쿠쿠쿳

 

아잉 이뻐이뻐>ㅅ< 내 덧글폼이 현재 1위임 제일 이쁨 캬캬캬캬컄

 

+

 .blog_formtextarea 앞에 textarea 추가해야 합니당!!!

envia님이 알려주셨어욤 이 분 덕에 지금 스프링노트도 만들었는데 후후후훗 ㄳㄳㄳㄳㄳㄳㄳㄳㄳ

 

내일 자세한 방법 다시 적을게요!!!!

 

 

 

진보블로그 공감 버튼트위터로 리트윗하기페이스북에 공유하기