Sketchbook5 게시판의 상단 네비게이션( image.png ) 부분  색상 변경 방법


관련파일> .../modules/board/skins/스킨명/css/테마명.css

 

/* Read Header */
.rd_hd .btm_area{color:#DDD}
.rd_hd small{color:#888}
.rd_hd .board .img{border-color:#333;background:#191919}
.rd_hd .top_area b,.rd_hd .btm_area b,.rd_hd .board .cate{color:#6F7974}
.bd .xe_v3 .top_area{background:#222;border-color:#111;box-shadow:0 1px 1px #000;}
.rd_hd .board .btm_area{border-color:#333}
.rd_hd .xe_v3 .btm_area{background:#161616}
.rd_hd .blog{border-top:2px solid #777}
.rd_hd .blog.v3{border:12px solid #333}
.rd_hd .top_area,.rd_hd .btm_area,.rd_hd h1,.rd_hd .blog .btm_area b{text-shadow:0 2px 0 #000 !important}
.rd_hd h1{color:#EEE !important}
.rd_hd .board .top_area{border-width:2px;border-color:#bbb;background:#2C2D2D;border-radius:50px;}   /* 본문 제목 영역 */
.rd_hd .top_area em{filter:alpha(opacity=100);opacity:1}
.rd_hd .blog .top_area span,.rd_hd .blog .np span{color:#CCC}
.rd_hd .top_area small{color:#777}

.rd_nav_style2 .rd_nav,.rd_nav_side .rd_nav,.rd_nav_style2 .rd_nav .edit,.rd_sign,.rd_sign .img,.rd_body .rd_file{background:#464845;border-color:#444}
.rd_nav .help strong,.rd_vote a.blamed{background:#222;border-color:#777}
.rd_nav a,.rd_sign h4,.rd_file a,.rd_trb .link,.rd_nav .tg_btn2{color:#999}


104 라인의 {background:#464845;border-color:#444} 부분을 아래와 같이 수정함 

...
.rd_nav_style2 .rd_nav,.rd_nav_side .rd_nav,.rd_nav_style2 .rd_nav .edit,.rd_sign,.rd_sign .img,.rd_body .rd_file{background:transparent;border: 0px solid #6B6C6B;border-radius: 12px;box-shadow: 0 1px 1px #424440 inset, 0 -1px 0px #777 inset;}
.rd_nav .help strong,.rd_vote a.blamed{background:#444;border-color:#777}
.rd_nav a,.rd_sign h4,.rd_file a,.rd_trb .link,.rd_nav .tg_btn2{color:#666}

 

댓글(0) 남기기...
사진 및 파일 첨부

여기에 파일을 끌어 놓거나 왼쪽의 버튼을 클릭하세요.

파일 크기 제한 : 0MB (허용 확장자 : *.*)

0개 첨부 됨 ( / )


Bootstrap grid

https://ckeditor.com/cke4/addon/btgrid


image.png   image.png

 

Col 1 content area

Col 2 content area

Col 3 content area

 

  1. btgrid_1.0b1.zip 를  /ckeditor/plugins/btgrid 위치로 업로드 후 압축 해제
  2. CKEditor config.js config.extraPlugins = 'btgrid'; 추가 
    더 보기...

    XE 라이믹스에서는  관리자> 고급> 에디터> 공통설정> 추가 플러그인 로드 부분에 btgrid 추가 

     

  3. /btgrid/styles/editor.css 를 최종적으로 보여질 html 파일에도 넣어줘야 최종 화면에서 모양이 유지됨

    더 보기...

    XE 라이믹스 에서는 관리자>... 레이아웃> html/css> css  부분에 css파일을 import

    @import url('//도메인/경로/ckeditor/plugins/btgrid/styles/editor.css');

     

     

<예시>
 

 

댓글(0) 남기기...
사진 및 파일 첨부

여기에 파일을 끌어 놓거나 왼쪽의 버튼을 클릭하세요.

파일 크기 제한 : 0MB (허용 확장자 : *.*)

0개 첨부 됨 ( / )


댓글(0) 남기기...
사진 및 파일 첨부

여기에 파일을 끌어 놓거나 왼쪽의 버튼을 클릭하세요.

파일 크기 제한 : 0MB (허용 확장자 : *.*)

0개 첨부 됨 ( / )


갑자기 폴더창의 색상을 그라디어트 적용하고 싶어졌음. 

image.png

 

/**
 * Navbar
 */
.elfinder .elfinder-navbar {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#202225+0,3b4047+100 */
background: #191a1c;
background: -moz-linear-gradient(67deg, #191a1c 50%, #535961 100%);
background: -webkit-linear-gradient(67deg, #191a1c 50%,#535961 100%);
background: linear-gradient(67deg, #191a1c 50%,#535961 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#191a1c', endColorstr='#535961',GradientType=1 );
  -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.6);
  border: none;
}

 

대각선 67도로 비스듬하게 색상변화 적용 

댓글(0) 남기기...
사진 및 파일 첨부

여기에 파일을 끌어 놓거나 왼쪽의 버튼을 클릭하세요.

파일 크기 제한 : 0MB (허용 확장자 : *.*)

0개 첨부 됨 ( / )


도메인이 바뀐경우 아파치서버에서 새로운 도메인으로 리다이렉션 함으로써

기존 도메인 접속

자를 새로운 도메인으로 유도하는 방법입니다. 

 

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{HTTP_HOST} ^(.+\.)?olddomain\.com$
RewriteRule (.*)$ http://newdomain.com$1 [R=301,L]
</Ifmodule>

 

olddomain.com   newdomain.com 으로 이동시켜 줍니다.

 

설정후에 아파치를 재시작해야 합니다. 

Stopping httpd:                                            [  OK  ]
Starting httpd:                                            [  OK  ]

 

댓글(0) 남기기...
사진 및 파일 첨부

여기에 파일을 끌어 놓거나 왼쪽의 버튼을 클릭하세요.

파일 크기 제한 : 0MB (허용 확장자 : *.*)

0개 첨부 됨 ( / )


목록
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 27 Next
/ 27
rhwlsghkcocndgus XE1.9.2 STAGE1.5.2
서버에 요청 중입니다. 잠시만 기다려 주십시오...