Tip & Tech

활용팁

홈 > 회원포럼 > 활용팁
활용팁

메인 AMINA 헤드부분...

1 디렉터 10 1003 4 0

안녕하세요~! 요즘 홈페이지 제작에 푹 빠진 왕초보입니당.

헤헤...제가 현재 만들고 있는 홈페이지는 그누보드5 아미나빌더 테마 기준으로

만들고 있는데염... 일단은 젤 중요한 베이스 테마를 깔아두고 소스 공부를 하다보니

너무너무 잘 되구염...간혹 막힐때는 아미나빌더 질문 게시판에 문의하니

한별님이나 여러 고수님들께서 즉각 문제점을 알려주시니 감히 말씀드리자면

하루하루 발전하고 있습니다(죄송해여...넘 제 스스로 띄우는듯)ㅎㅎ


일단 잡담은 여기까지 하구여...본론으로 들어가서

전 아미나빌더 테마의 바탕 베이스를 깔고 시작햇기에

소스 코드는 문서편집기(에디터플러스,노트패드++) 등으로

열면 일단 메인 테마의 부분 부분을 수정하는 작업을 하는 중입니다.

이리저리 소스 부분이 막힐때는 질문도 하고 원본 colorset.css 파일을 복사해놓고

에잇 모르겟다면서 이것 저것 만지다가 제가 필요햇던 부분들을 하나씩 수정할수

있게 되엇어여...아미나빌더 회원님들 다들 고수이시지만 혹시라도 저처럼

왕초보 회원님이 계신다면 참고하세여.


문서편집기(에디터플러스,노트패드++)를 실행하고 파일 열기에서

colorset.css (public_html\thema\Basic\colorset\Basic 안에 colorset.css 파일이 있습니당~) 파일을 엽니다.

그 다음 하실것은 위 제가 알려 드리는 부분의 수정 부분은 위 사진의 메인화면 헤드 부분 AMINA 검은색 큰 글자를

크기 변경과 글씨색 변경 및 글씨색 액션을 주는 부분입니다

변경 방법은 아래 코드입니다.


.pc-header .header-logo a { font-size:44px; line-height:44px; font-family:'Georgia', sans-serif; font-weight:bold; color:#000; }
.pc-header .header-logo a:hover { color:#000; }


위 코드입니다 코드줄 넘버는 62번줄과 63번줄 이네여.

위 코드를 잘 보시면 font-size:44px <===이부분이 글씨 크기 변경입니다. 즉 메인화면 header 부분의 font 중에 size 변경인데여

font-size:44px 이부분 44 숫자를 20으로 하시면 작게되고 60하시면 크게 됩니다 그러니까 홈피 메인화면 상단 부분의 AMINA 

검은색 큰 글씨 크기를 바꾸고자 하신다면 저걸 손대시면 되구여


그다음 색상 변경은  위 코드의 color:#000; 부분의 #000 부분을 원하시는 색상 코드로 바꾸시면 메인화면 상단 AMINA 글씨의

색상이 변경 될거에요...액션 주는 방법은  예를 들어 아래 코드처럼 변경 하시면 됩니당


.pc-header .header-logo a { font-size:35px; line-height:35px; font-family:'Georgia', sans-serif; font-weight:bold; color:#993800; }
.pc-header .header-logo a:hover { color:#2a0066; }

위 코드에 보믄 color:#000 이었던 코드를 color:#993800 , color:2a0066 두개를 수정 한거에여

AMINA 글씨에 마우스 포인트를 가져다 대시면 색상이 바껴여...ㅎㅎ
그리구 colorset.css 파일을 문서편집기로 편집하시고나서 저장 누르시고
홈피 가셔서 캐시 새로고침 (컨트롤+f5)키를 눌러서 새로고침 하셔야 적용되여
일단 제가 설명 드리는건 잘 못해서 일단 위에 코드 처럼 해보시면 아실거에여


참고로 색상표 코드 확인은 "네이버 검색에서 색상표 라고 검색하시면 나와여"

아미나빌더 회원님들 항상 고맙습니다.
다들 좋은하루 되세여...


10 Comments
1 디렉터 01.17 17:33  
아...그리구 홈페이지 메인화면 상위(헤드)부분의 AMINA 큰 글씨명을 바꾸고 싶으시면
똑같이 문서편집기(에디터플러스,노트패드++)를 사용해서 파일 열기로
public_html\thema\Basic 내컴퓨터 경로에 head.php 파일을 열어서
아래 소스의 64번줄에서 74번줄 사이에 AMINA 글자를 바꾸시면 됩니당...

<!-- PC Header -->
<header class="pc-header">
<div class="at-container">
<!-- PC Logo -->
<div class="header-logo">
<a href="<?php echo $at_href['home'];?>">
AMINA
</a>
<span class="header-desc">
세상을 바꾸는 작은힘 - 아미나
</span>
</div>

위 소스 보시면 영어로 AMINA 이부분을 원하는 내용으로 바꾸시면 되고
그리고 세상을 바꾸는 작은힘 - 아미나 이것도 원하는 글자로 바꾸시면
홈페이지 상단 헤드부분 AMINA 아래쪽에 내용이 바뀝니당
감사합니다...
5 이모음 01.18 03:47  
죄송한 이야기를 드려야 할것 같네요 이 가이드부분은 이미 제 블로그에 있는 가이드입니다
1 디렉터 01.18 11:30  
안녕하세여~ 이모음님...
아...그러시그낭...몰랏오염...여기 활용팁에는
검색해두 안나오길래 올려봤어염...
헤헤...감사합니다...
5 이모음 01.19 02:04  
원래는 활용팁이 아니라 회원 가이드에  있었는데
새롭게 만드는 가이드랑 겹치는 부분이 많아 삭제 시킨 상태입니다
다시 만드는 가이드가 이미지가 많이 포함되  여기에 못 올리고 있습니다.
이미지가  2개에서 3개정도 올리면 더 이상 못 올려서 반쯤 올리고 링크로 등록할까
고민 중에 있습니다.
그리고 가이드는 제가 최초로 먼저 시작했습니다
6 아이케 01.18 00:32  
초보가 초보를 상대로 말씀을 해주시는게 좀더 이해가 잘 되지요^^
저는 홈페이지 초보라고 하기엔 뭐하지만 아미나초보입니다!
좋은 글 감사합니다^^

Congratulation! You win the 24 Lucky Point!

13 잊지말자 01.18 08:49  
멋지네요
앞으로도 쭈욱 경험과 덧붙여 설명올려주시면 많은 도움이 될것 같아요
1 디렉터 01.18 11:31  
안녕하세여~ 왕초보 입니당...
헤헤...아미나빌더 회원님들 덕분에
하루하루 발전하구 잇어염...
정말정말 감사드립니다.
2 보컬제이 01.21 22:47  
아주 잘하셨네요 고치고 싶었는데 잘쓰겠습니다..*^^*
3 perzle 02.19 22:11  
덕분에 쉽게 접근 했습니다
1 이쁜2 04.04 23:30  
잘사용 하겠습니다
제목
최근 글
최근 댓글
Facebook Twitter GooglePlus KakaoStory NaverBand