존슨 박스 및 만드는 방법

flaminglacer 2010년 2월 23일에 의해
도구

만약 여기 새로해서, 당신은 나의 RSS 피드에 가입하고자 할 수있습니다. 방문해 주셔서 감사합니다!

존슨은 상자에있는 것들 중 하나는 모든 사람에게 말합니다 그리고 모든 사람들이 그들에 대해 아는 모든 방법을 그들이 할 수 있다고 가정합니다 -하지만 그들은 하진 않지만 내 경험했다. '깨끗한 페이지에서'옵션에 따라 대부분의 사람들은 잠재적인 매출이 지난 주 발견 / 쥐어 짜기 페이지가 존슨에 대해 비트 박스와 함께 후속 조치를 논리적으로 보인다.

누군지 모르는 사람들을위한, 그들은 그 주위 고체 또는 깨진 라인을 강조 텍스트, 제품, 또는 판매 가격의 보통 혜택 - 아무것도 당신에게 관심을 끌고 싶지 함께 상자에 물들어있습니다. 그들은 증가 전환의 입증된 방법입니다. 그래서 내가 어떻게하면 그들이 어떻게해야합니까?

우선 당신이 그 스타일과 상자의 유형을 지정하여 custom_css.php에 가서 코드를 조금 필요, 그러면 귀하의 페이지에 텍스트에 뭔가를 집어에 네드 호출 상자.

간단한 버전은 여기에 주어집니다 - 당신이 제발 그러나 이것은 당신의 기본 상자를 줄 것이다 당신이 그것을 상세히 설명할 수

/*--Johnson-Box--*/
div#johnson-box{
display: center;
background: #YOUR-COLOR-CHOICE-HERE;
border: YOUR-BORDER-WIDTH-HEREpx solid #YOUR-COLOR-CHOICE-HERE;
width: YOUR-WIDTH-HEREpx;
height:YOUR-HEIGHT-HEREpx;
text-align: center;
}
/*--End Johnson-Box*/

이것을 중심으로 텍스트와 탄탄한 라인을 함께 라운드를 중심으로 상자를 줄 것이다. 솔리드 라인 4px보다 훨씬 덜 자주되고 싶어하지 않습니다. 만약 당신이 단지 '깨진 국경을 대체하려는' '점선와 고체. 만약 당신이 상자에 액체 높이가 싶으면, 그냥 높이 줄을보고 싶어요.

귀하의 페이지에 텍스트 상자에 다음과 같은 장소를 사용하려면, (,) WP 아니라 시각 HTML 편집기를 사용하여

<div id="johnson-box">
YOUR TEXT AND IMAGES HERE
</div>

이건 내가 생각 국경에 대한 더 많은 일반 색상 # cc0000는 아래의 상자에 무엇을 생성하는 데 사용됩니다

/*--Johnson-Box--*/
div#johnson-box{
display: block;
background: #f3edfc;
border: 4px dashed #cc99ff;
width: 600px;
height:60px;
text-align: center;
}
/*--End Johnson-Box*/

그리고이게 내가 내 페이지에 무엇을 집어넣 : -

<div id="johnson-box">
This is a Johnson Box
</div>

이것은 존슨 상자

만약 존슨 박스의 스타일을 더 한 후 다른 div 그냥 이름을 각 집합 포기하고자합니다.

또한 인라인 스타일을 사용할 수 있지만 내가하면 쉽게 설정을 템플릿 오전하지만 완성도를 위해서는 여기에 당신이 HTML 편집기에서 사용할 것이라고 코드는 CSS의 버전을 찾으십시오.

<div style="display: center; background: #YOUR-COLOR-CHOICE-HERE; border: 1px solid #YOUR-COLOR-CHOICE-HERE; width: YOUR-WIDTH-HEREpx; height:YOUR-HEIGHT-HEREpx; text-align: center;">
YOUR TEXT AND IMAGES HERE
</div>

이것은 일부에 대한 약간의 기본 일지 모르지만 나는 누군가에게 희망이 거기에 유용합니다.

comment } (1 개의 덧글)

논문 청소 페이지 옵션

flaminglacer 2010년 2월 18일에 의해
도구

난입니다 Truly, Madly, 학위 논문과 사랑에 깊이에 - 그것을 최고 WordPress의 테마는, 바 없음이다. 그것은 제가 돈을 매일 매일 충분한 가치가있습니다. 내가 더 많이 지불할 것이다. 그것은 아마도 내가 가장 가치있는 하나의 투자입니다 다시는 내 사업을 위해 만들어졌습니다. 하나의 기쁨이 얼마나 쉬운 그것 자체를 달리 보이게하는 것입니다. 나는 그것에 아무것도없이, 우리는 WordPress의 백엔드을 통해 소유권의 모든 기능을 가진 것을 기쁘게 생각 그래서 우리는 많은 것을 할 수있는 클라이언트에 대한 간단한 깨끗한 페이지가 필요합니다 논문은 다른 모든 것들 더하기 가져온다. 모두 우리가 원하는 좋은 테두리와 콘텐츠를 컨테이너를했다.

CSS는 내 큰 강점 중 하나가 아니지만 난이 작은 문제를 해결하기 위해 뭔가를 쓸 시간 때우기로 했죠.이 내 작품의 결과는, 난 당신을 찾을 희망 그것은 내가 가질만큼 유용합니다.의 회원에게 나의 감사 누구의 집단적 지혜를 달성하는 데 도움이 diythemes 포럼.

그래서 당신은 그것을, 그리고 자신의 무엇을 변경해야합니까보실 수 있도록 코드의 각 비트는 꼬리표를 붙이는가 색상 등등이 필요합니다.

이건 아니 헤더, 네비게이션, 사이드바 또는 바닥글와 청소, 빈 페이지를 생산할 예정이다.은 H1, H2 등 및 h3 큰 있어야하고 특정 색상의 스타일이 있고, 링크를 가리 키에 대한 컬러 배경으로 강조 표시됩니다하지만, 이러한 만약 당신이 정말 원하는 요소를 밖으로 남아있을 수있습니다. 마찬가지로 컨테이너의 크기와 테두리를 변경할 수있습니다. '댓글 폐쇄'도 제거되었습니다. 만약 당신이 그것을 상당히 당신을 없애려고 뭐가 필요한지 간단하게해야합니다 변경을 만들고 싶어.

/*---[Styling For Clean Page]---*/

. cleanpage # 헤더 (패딩 : 0; 국경 - 하단 : 0em;)
. cleanpage # 헤더 # 로고 (표시 : 없음;)
. cleanpage # 헤더 # 슬로건 (표시 : 없음;)
. cleanpage. 메뉴에서 (화면 : 없음; 테두리 : 없음;)
. cleanpage # 콘텐츠 (여백 : 0 자동차; 플로트 : 없음;)
. cleanpage # 사이드바 (표시 : 없음; 테두리 : 없음;)
. cleanpage # 탭 (표시 : 없음;)
. cleanpage # content_box (배경 : 없음;)
. cleanpage. comments_closed (표시 : 없음;)
. cleanpage # 바닥글 (패딩 - 하단 : 0; 테두리 최고 : 0em;)

/ *- 링크에 커서를 가져가하기 [색상 배경] -* /
(색깔 : # 귀하의 컬러 이곳의;) cleanpage.
. cleanpage : (색상 : 가져가; 배경 : # 귀하의 컬러 이곳의;)

/ *- [끝 색상의 배경에 대한 링크를 가져가] -* /

/ *- [헤더은 H1, H2 등, h3 서식] -* /

. cleanpage # 콘텐츠 h3 (글꼴 - 크기 : 18pt; 글꼴 - 무게 : 굵게, 색상 : # 귀하의 컬러 이곳의)
. cleanpage # 콘텐츠 H2를 (글꼴 - 크기 : 24pt; 글꼴 - 무게 : 굵게, 색상 : # 귀하의 컬러 이곳의)
. cleanpage # 내용은 H1 (글꼴 - 크기 : 30pt; 텍스트 정렬 : 센터; 글꼴 - 무게 : 굵게, 색상 : # 귀하의 컬러 이곳의)

/ *- [끝 헤더은 H1, H2 등 서식] -* /

/ *- [컨테이너] -* /

. cleanpage # 컨테이너 (너비 : 너비 귀하 - IN - HEREpx; 여백 - 가기 : 1em; 테두리 : 0.2em # 색상에 대한 여러분의 고체 - 여기;)

/ *- [끝 컨테이너] -* /

/ *- [끝 스타일링 청소 페이지] -* /

그것을 사용하려면, 색상 등 측면에서 코드를 custom_css 파일에 귀하의 사이트 및 붙여넣기의 느낌에 맞게 주어진 조정합니다. 때 페이지 자체를 만드는 단지 '페이지에서 CSS의 클래스 cleanpage 상자에 추가할 수있습니다.

Thesis Cleam page

여기 청소 페이지 논문은 실제 샘플 페이지를 볼 수있습니다

그것은 대부분의 코드의 우아하지 않을 수있습니다 - 난 민완가 아이가 거기에 있어요,하지만 아직 다시 멋진 방법을 다양 논문 주제입니다 보여줍니다. 만약 당신이 가지고 있지 않으면, 자신을 부탁하고 그것을받을 수 있나요 - 돈 잘 보냈군요.

comments } (5 코멘트)

누구를위한 웹사이트인가요?

2010년 1월 17일

저기 새단장 내 인생의 순간에가는 것을 많이오고있어 - 거실과 블로그. 거실을 향해 블로그를보다가 완료되면 최신의 일을 완성 준 생각을 일시 중지합니다.
어제 만들기 (정확하게), 거실에 커튼을 바꾸는 동안 그들이 [...]

→ 전체 기사 읽기

맛있는 Dropbox

2010년 1월 13일

친구가 나에게는 다른 날 때, 우리는 toolsmiths 몇 가지 새로운 geekery "에 대해"그는 매우 좋아했다. 난 새로운 반짝 이는 장난감과 도구를 사랑 해요. 우리는 시간을 구글에서 웨이브 *하지만 난 오늘 당신의 시선을 끌어들이고 싶은 도구입니다 Dropbox 대해 얘기하고 있었어요 - 누구를위한 환상적인 도구를 [...]

→ 전체 기사 읽기

작은 일이

2010년 1월 8일

내가 철학적 분위기 뭔가 오늘 오전. 그것은 일주일에 주로 나는 혐오 추운 날씨로 인해하지만, 위쪽 및 아래쪽이 3 가지는 오늘 내 집이 얼마나 작은 가지 문제가 가져 날의 추가 보너스를 준 일이있다 영감.
그런 일이 제일 먼저했다 [...]

→ 전체 기사 읽기

난 뒤로!

2010년 1월 6일

나는 오랜 시간 내 블로그에 아무것도 게시하지 않은.에는 많은 이유가있다 아무도이 때문에 오래 걸릴 것이라고하고 빠르게 구슬픈 통곡 자기 정당화되기로 갈입니다. 그건 그냥 그게 방법을 .
그러나 시대가 변하고있다, 난 계획이 블로그의 일부입니다 [...]

→ 전체 기사 읽기

웨스트 미들랜드 MeetUp

2009년 2월 21일
웨스트 미들랜드 MeetUp에 대한 축소판 이미지

난 그냥 웨스트 미들랜드 MeetUp Evesham에 피곤하지만 행복한 그들이 말하는대로 돌아 왔했습니다. 그것은 그 조직의 노력이 가치가 좋은 오후 잘했다.
우리의 경험을 널리 각기 다른 범위를 선택하십시오 밴드, 다른 기술 세트의 모든 종류의했지만 그게 조화를 다 만들어진 [...]

→ 전체 기사 읽기

웨스트 미들랜드 Meetup

2009년 2월 10일

나도 동안이 일을하고 협박 봤는데 드디어 정렬 해! MeetUps 한이왔다 아무도 들어 세계 곳곳에 개최, 어떻게 그들이 도움이 알게 될 - 그리고 재미도. 전 맨체스터 MeetUp는 30 일자에 도전 발사 행복한 추억을 가지고 [...]

→ 전체 기사 읽기

테이블 터닝

2009년 2월 5일

그것은 잘 알려진 사실 세스 Godin, 당신은 아마 뭐가 뭔지 모르는 상황에 대해 감탄을 억제할 수있다는 그런 내가 지난 몇 주 동안 달 점점 Numpties 사람의 운명은, 우울과 낙담 설교에 대한 나의 설교에서 황산염 지출되고 있는데, 다양한 미디어 - 난 여자가되고 싶은 사람 [...]

→ 전체 기사 읽기

피드 2009년 1월 14일에서

2009년 1월 14일

이 밖에 모든 웹 빌더에 대한 파이어 폭스 확장 기능입니다 예쁜 - ColorZilla 등등. 아주 내 손가락 끝을 이것을 가지고 기쁘게 웹사이트에 색상을 분석을위한 도구의 전체 뗏목을 제공합니다.
이것은 나의 놀랄 일이 아니라 온 - 난 이런 게 실감 나지 않았다 [...]

→ 전체 기사 읽기