얼마전에 배경이 막혔다는 말이 나오던데 <style>를 <STYLE>로 바꾸면 해결됩니다 잘 되요.
전에 올린 글에 뭔 소리인지 모르겠다는 분들이 많이 계시던데 그분들을 위해 다시 올립니다.
+
모든 수정은 우측 상단의 |정보변경| 탭에 들어가서 해주세요
꼬릿말 꾸미기
와 같이 img src 뒤에 이미지 주소만 넣어주시면 완료! 아주 간단합니다.
적정 크기는 800*200정도, 링크를 걸기 전에 이미지 크기를 적당히 조절해주시길 추천드립니다
링크 뒤에 width="가로" height="세로" 를 추가하는 것으로도 조절이 가능합니다.
*크기 변경은 알씨와 같은 프로그램을 사용하시면 편합니다.
이미지 링크 걸기
링크의 경우 사진을 우클릭 - 속성에 보시면 '이미지 URL'라고 나와있습니다. 복붙ㄱㄱ
오유 게시글이나 덧글에 달려있는 이미지도 괜찮고 따로 올릴만한 곳이 없는 경우
▼여기서부터는 맨 앞에 <STYLE> 맨 뒤에 </STYLE> <style> // 맨뒤에 </style><style> 맨 뒤에 </style>를 꼭 붙이셔야 하며
중간에 엔터(줄바꾸기)를 사용하시면 안 됩니다. 그냥 한 줄로 작성하세요.
배경이미지 꾸미기
<STYLE>div.whole_box {background-image:url(링크를 넣으세요); background-attachment:fixed; background-repeat:no-repeat; background-position:left bottom;}</STYLE>
<style> div.whole_box {background-image:url(이미지 링크); background-attachment:fixed; background-repeat:no-repeat; background-position:left bottom;}</style>
*왼쪽 아래에 작은 이미지를 넣고 싶은 분은 링크만 추가하신 후 사용하시면 됩니다
이미지 링크
div.whole_box {background-image:url(이미지 링크);
고정설정 = background-attachment:fixed;
스크롤을 따라 움직이게 하려면 fixed 대신 scroll 사용
반복설정 = background-repeat:no-repeat;
no-repeat 대신 repeat로 설정해주면 윈도우 바탕화면의 바둑판식 배열처럼 반복되서 표시됩니다
위치설정 = background-position:left bottom;
보통 작은 이미지는 좌측하단-left bottom / 우측하단-right bottom을 사용해서 위치를 지정해주며
큰 이미지의 경우 이부분을 생략해도 좋습니다.
덧글창 바꾸기
이미지 링크
꽉차게 만드시려면 적정 사이즈는 적정 사이즈는 836*112
위치 설정
background-position:bottom right;
배경이미지와 동일합니다.
덧글창의 경우 top right 혹은 top left처럼 위치를 바꾸셔도 좋습니다.
닉네임 꾸미기
로그인 닉네임
#login_span span b a:before{content: "모태솔로♥"} #login_span span b a:after{content: "♥"}
앞 뒤로 넣고 싶으시다면 이런식으로 쓰시면 됩니다. 하나씩 골라서 쓰셔도 되구요.
덧글창 닉네임
#memo_insert_form div b:before{content: "모태솔로"} #memo_insert_form div b:after{content: "♥"}
위에꺼랑 동일합니다.
전부 적용 시킨 상태는 현재 페이지의 [소스전체보기]를 눌러서 참고해주세요
무슨 소리인지 모르겠다는 분은 그냥 밑에꺼
복사 + 붙여넣기 하신 후 이미지 링크만 바꿔서 쓰시면 됩니다
그래도 못하겠으면 말씀하세요. 간단한 소스정도는 만들어 드릴게요.
-
원본 글이 너무 많은 기능을 적혀 있어서
제가 딱 필요한 부분만 골라서 설명을 적어놨는데요
이해 안가는 부분이나 궁금하신 것 있으시면 덧글 달아주세요.
이 글은 컴게 인민에x님 글을 참고해서 작성 했음을 알려드리구요.
너무 많이 바꾸면 지저분해 보이니 움짤같은건 되도록 넣지 마시고
적당히 꾸미시길 바랍니다!!
추천 버튼 바꾸기 등 더욱 더 자세한 정보를 원하시는 분은 아래 원본 글을 참고해주세요
글쓰기