[PunBB] Skin CuGay3Mien

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down

[PunBB] Skin CuGay3Mien

Bài gửi by HelpsFMvi on Wed Mar 23, 2016 8:08 pm


Fix lỗi CSS skin: 
[You must be registered and logged in to see this link.]
Chào Khách viếng thăm ! Chúc bạn một ngày vui vẻ, bắt đầu đổi mới skin nào Very Happy

Skin cho phiên bản: PunBB
Đơn giản, đẹp mắt được thiết kế bởi RoZeX
Mình chỉ là cover sang FM thôi
* Yêu cầu không xóa hoặc chỉnh sửa tên người thiết kế, người rip, tuyệt đối không được sử dụng skin với mục đích nhằm thu lợi cá nhân hoặc dùng skin để giả mạo trang CuGay3Mien.
Thân ! [You must be registered and logged in to see this link.]

Giới thiệu về Skin:

Demo online:
Demo online: [You must be registered and logged in to see this link.] (Sau 7 ngày  demo online sẽ được xóa)
ID: nicktest
pass: nicktest123
Trang khi chưa đăng nhập:
[You must be registered and logged in to see this image.]
Trang khi đã đăng nhập:
[You must be registered and logged in to see this image.]
Footer đơn giản đẹp:
[You must be registered and logged in to see this image.]
Recent Topics Đơn Giản (Trình chưa đủ nên chưa RIP full Last được):
[You must be registered and logged in to see this image.]
Slide Ảnh Thành Viên:
[You must be registered and logged in to see this image.]
Thông báo chạy:
[You must be registered and logged in to see this image.]
Phần Bài Viết (Viewtopic):
[You must be registered and logged in to see this image.]
Thông tin người viết bài:

[You must be registered and logged in to see this image.]
[You must be registered and logged in to see this image.]
Button Phong Cách Đẹp:
[You must be registered and logged in to see this image.]
Cột Phải Tiện Ích:

[You must be registered and logged in to see this image.]
[You must be registered and logged in to see this image.]
[You must be registered and logged in to see this image.]

Hướng dẫn cài đặt skin:

Download Skin:
[You must be registered and logged in to see this link.]

Bạn tải File Skin trên về sau đó giải nén ra (Nếu bạn chưa biết giải nén thì tra Google nhé !)
* Sau khi giải nén ra trong các folder có code của từng templates các bạn vào
ACP >> Templates>> QLTT >>  Add code trong folder Main vào từng templates
Sau đó vào tiếp:
ACP >> Templates>> QLTT >> Portal >> Add tiếp code trong folder Portal vào
rồi tương tự phần post các bạn vào ACP >> Templates>> QLTT >> Post & Tin Nhắn >>
Thế là xong rồi nhé bây giờ bạn hãy ra xem thành quả nào ! Very Happy

Hướng Dẫn Tùy Biến Skin:

Sửa lỗi CSS: xem reply phía dưới [You must be registered and logged in to see this link.]
CSS:
CSS:
*Do CSS quá dài nên mình đã nén thành file rồi upload và quăng vào overall_header rồi nên bạn không cần phải add CSS gì cả
Các bạn muốn chỉnh sửa CSS thì vào Overall_Header tìm:
Code:
<link rel="stylesheet" href="https://sites.google.com/site/helpsforumvi/csscugay3mien.css" type="text/css" />
trong đó có đoạn:
[You must be registered and logged in to see this link.]
- Bạn chỉ cần chép cái link đó dán vào địa chỉ trình duyệt web và tải CSS về là được
- Sau khi tải về bạn mở lên bằng Notepad (Chuột phải vào file >> Open With >> Notepad )
- Mở file lên và bạn tiến hành sửa như bình thường thôi Very Happy
- Sau khi sửa xong css bạn lưu lại với tên khác nhé Smile (Chọn Save As...)
- Save xong thì các bạn Upload nó lên để lấy link và cho vào lại Overall_header (Bạn chưa biết Upload file css, javascript thì vào topic này: [You must be registered and logged in to see this link.]
- Sau khi có link bạn chỉ cần thay link cũ thành link mới của bạn là được (link này nè)
[You must be registered and logged in to see this link.]
* Còn về việc thêm CSS vào thì các bạn cứ thêm CSS như bình thường bằng cách vào ACP >> Pictures and Colors >> Colors >> CSS Stylesheet là OK thôi Very Happy
LOGO:
LOGO:
thay logo thì bạn vào Overall_Header tìm:
Code:
http://cugay3mien.vn/styles/cugaypro_theme/imageset/site_logo.png
Sửa lại thành link ảnh logo của bạn là được Very Happy
FOOTER:

FOOTER
Muốn sửa chữ phía ở footer thì các bạn vào Footer_Begin tìm:

Code:

<div class="prefooter-blocks">
 <div id="container3">
 <div id="container2">
 <div id="container1">
 <div id="col1">

 <!-- Column one content beginning --><h2>Tiêu chí của chúng tôi</h2>

<p>- Diễn đàn <strong>Cu gáy 3 miền</strong> hoạt động với tên miền cugay3mien.vn - Là một diễn đàn phi lợi nhuận, một sân chơi dành cho những người có cùng đam mê thú chơi chim cu gáy.</p>

<p>- Diễn đàn <strong> Cu gáy 3 miền </strong> được khởi tạo ngày <strong>12/08/2012</strong>, mà tiền thân chính là trang <strong>Cu Gáy Trà Vinh</strong>. Hiện nay diễn đàn <strong> Cu gáy 3 miền </strong> đã và đang không ngừng phát triển &amp; đổi mới để trở thành sân chơi lành mạnh cho những anh em có cùng đam mê ở khắp 3 miền đất nước</p>
 
<p>- Diễn đàn <strong> Cu gáy 3 miền </strong> được xây dựng và phát triển trên nền tảng văn hóa danh tính thực. Mọi hành vi giả mạo thông tin về tài khoản đều vi phạm Nội Quy của chúng tôi - Với tiêu chí là "<i> Chung niềm đam mê - Thắm tình đoàn kết </i>" Hy vọng diễn đàn <strong> Cu gáy 3 miền </strong> sẽ là nơi lựa chọn thật sự của các cu thủ.</p><!-- Column one content end -->

 </div>
 <div id="col2">
 <!-- Social icons block beginning -->
 <div class="footer-links">
 <h2>Liên kết nhanh</h2>
 <ul>
 <li><i class="fa fa-chevron-circle-right fa-fw"></i>&nbsp;<a href="http://cugay3mien.vn/viewforum.php?f=250" original-title="">Clips bẫy cu của Cu gáy Đồng Tháp</a></li>

<li><i class="fa fa-chevron-circle-right fa-fw"></i>&nbsp;<a href="http://cugay3mien.vn/viewforum.php?f=6" original-title="">Chuyên môn về chim cu gáy </a></li>

<li><i class="fa fa-chevron-circle-right fa-fw"></i>&nbsp;<a href="http://cugay3mien.vn/viewforum.php?f=116" original-title="">Hình ảnh, danh sách thành viên</a></li>

<li><i class="fa fa-chevron-circle-right fa-fw"></i>&nbsp;<a href="http://cugay3mien.vn/viewforum.php?f=25" original-title="">Những bài ký sự về bẫy cu gáy</a></li>

<li><i class="fa fa-chevron-circle-right fa-fw"></i>&nbsp;<a href="http://cugay3mien.vn/viewforum.php?f=152" "="">Chia sẻ kinh nghiệm của hong_sam</a></li>
 </ul>
 </div>
 <!-- Social icons block end -->
 </div>
 </div>
 </div>
 </div>
 </div>
 

Sửa chữ trong các đoạn này:
<!-- Column one content beginning --><h2>Tiêu chí của chúng tôi</h2>

<p>- Diễn đàn <strong>Cu gáy 3 miền</strong> hoạt động với tên miền cugay3mien.vn - Là một diễn đàn phi lợi nhuận, một sân chơi dành cho những người có cùng đam mê thú chơi chim cu gáy.</p>

<p>- Diễn đàn <strong> Cu gáy 3 miền </strong> được khởi tạo ngày <strong>12/08/2012</strong>, mà tiền thân chính là trang <strong>Cu Gáy Trà Vinh</strong>. Hiện nay diễn đàn <strong> Cu gáy 3 miền </strong> đã và đang không ngừng phát triển &amp; đổi mới để trở thành sân chơi lành mạnh cho những anh em có cùng đam mê ở khắp 3 miền đất nước</p>

<p>- Diễn đàn <strong> Cu gáy 3 miền </strong> được xây dựng và phát triển trên nền tảng văn hóa danh tính thực. Mọi hành vi giả mạo thông tin về tài khoản đều vi phạm Nội Quy của chúng tôi - Với tiêu chí là "<i> Chung niềm đam mê - Thắm tình đoàn kết </i>" Hy vọng diễn đàn <strong> Cu gáy 3 miền </strong> sẽ là nơi lựa chọn thật sự của các cu thủ.</p><!-- Column one content end -->

<li><i class="fa fa-chevron-circle-right fa-fw"></i>&nbsp;<a href="http://cugay3mien.vn/viewforum.php?f=250" original-title="">Clips bẫy cu của Cu gáy Đồng Tháp</a></li>

<li><i class="fa fa-chevron-circle-right fa-fw"></i>&nbsp;<a href="http://cugay3mien.vn/viewforum.php?f=6" original-title="">Chuyên môn về chim cu gáy </a></li>

<li><i class="fa fa-chevron-circle-right fa-fw"></i>&nbsp;<a href="http://cugay3mien.vn/viewforum.php?f=116" original-title="">Hình ảnh, danh sách thành viên</a></li>

<li><i class="fa fa-chevron-circle-right fa-fw"></i>&nbsp;<a href="http://cugay3mien.vn/viewforum.php?f=25" original-title="">Những bài ký sự về bẫy cu gáy</a></li>

<li><i class="fa fa-chevron-circle-right fa-fw"></i>&nbsp;<a href="http://cugay3mien.vn/viewforum.php?f=152" "="">Chia sẻ kinh nghiệm của hong_sam</a></li>

Thông báo chạy:

Vào Footer_begin tìm:
Code:

  <div class="slide-text"><marquee behavior="scroll" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" scrolldelay="20" direction="left" truespeed="truespeed"><span class="colorText1">Thành viên tham gia đăng ký vào diễn đàn với thông tin cá nhân ảo thì sẽ không được chấp nhận, khi kiểm duyệt BQT sẽ xử lý theo Quy định mà không cần thông báo</span> --&amp;--
<span class="colorText2"> Thành viên có thể xem Quy định tại: <a href="http://cugay3mien.vn/./viewtopic.php?f=107&amp;t=1542#p11343">Xử lý thành viên đăng ký thông tin ảo</a></span></marquee></div>
Sửa chữ vả link trong code đó lại là được

Slide Ảnh Thành Viên:

Tìm trong index_box:
Các đoạn tương tự như này:
Code:
<div class="slide">
 <a href="./memberlist.php?mode=viewprofile&u=2">
 <img src="http://illiweb.com/fa/pbucket.gif"/>
 </a>
 <p>
 <a href="./memberlist.php?mode=viewprofile&u=2">Lâm Quang Nhã</a>
 </p>
</div>
và thay link thành viên, link ảnh, tên lại trong từng đoạn là được

Sidebar (Quảng Cáo và Link bài viết hay):

Vào Index_Box:
- Quảng Cáo:
tìm:
Các đoạn như thế này:
Code:
<a href="http://cugay3mien.vn/viewforum.php?f=178">
 <i class="fa fa-chevron-circle-right"></i> Trung Tâm Quảng Cáo (Thương Gia)
 </a>
- Link bài viết hay:
tìm:
Code:
<li>
 <a href="http://cugay3mien.vn/./viewtopic.php?f=52&amp;t=249#p892"> Nội Qui Diễn Đàn Cugay3mien</a>
</li>

Chỉ cần thay lại link topic + tên là được

Icon Mini:

Vào CSS tìm:
Code:

/*!
 *  Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('http://cugay3mien.vn/styles/cugaypro_theme/theme/fonts/fontawesome-webfont.eot?v=4.2.0');src:url('http://cugay3mien.vn/styles/cugaypro_theme/theme/fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'),url('http://cugay3mien.vn/styles/cugaypro_theme/theme/fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'),url('http://cugay3mien.vn/styles/cugaypro_theme/theme/fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'),url('http://cugay3mien.vn/styles/cugaypro_theme/theme/fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:url("http://i84.servimg.com/u/f84/18/22/26/90/clock10.png");}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:url("http://icons.iconarchive.com/icons/custom-icon-design/mini/16/File-edit-icon.png");}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:url("http://icons.iconarchive.com/icons/custom-icon-design/flatastic-8/24/Navigate-left-icon.png");}.fa-chevron-right:before{content:url("http://icons.iconarchive.com/icons/custom-icon-design/flatastic-8/24/Navigate-right-icon.png");}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:url("http://i84.servimg.com/u/f84/18/22/26/90/chevro10.png");}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:url("http://i84.servimg.com/u/f84/18/22/26/90/people10.png");}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:url("http://i84.servimg.com/u/f84/18/22/26/90/calend10.png");}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:url("http://icons.iconarchive.com/icons/custom-icon-design/mini/16/Pools-icon.png");}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:url("http://icons.iconarchive.com/icons/custom-icon-design/mini-4/16/link-icon.png");}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:url("http://i84.servimg.com/u/f84/18/22/26/90/bullho10.png");}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:url("http://icons.iconarchive.com/icons/custom-icon-design/mini/16/Users-icon.png");}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:url("http://i84.servimg.com/u/f84/18/22/26/90/arrow-11.png");}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:url("http://icons.iconarchive.com/icons/custom-icon-design/mini-4/16/price-icon.png");}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:url("http://icons.iconarchive.com/icons/custom-icon-design/mini-4/16/gift-icon.png");}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}

Có một số link ảnh chưa được thay nếu các bạn muốn thay thì tìm các đoạn có dạng như này:
Code:
"\f..."
thay các đoạn đó lại thành:
Code:
url("LINK ẢNH ICON MINI");
Sửa
LINK ẢNH ICON MINI
lại thành link ảnh icon của bạn

Còn các bạn muốn sửa một số icon đã có sẵn thì chỉ việc tìm link ảnh icon của các bạn muốn thay là được thôi Very Happy

Xong !!
* Lưu ý: Các bạn nên thay lại toàn bộ link ảnh có trong diễn đàn (css, templates) để tránh trường hợp link ảnh die


Được sửa bởi HelpsFMvi ngày Thu Jul 07, 2016 10:17 am; sửa lần 7.


Cập nhật chữ ký !!
avatar
HelpsFMvi
Ban Quản Trị FMvi
Ban Quản Trị FMvi


Số bài : 104
HelpsPoints : 3552
Likes : 32
Ngày tham gia : 10/03/2016
Trạng thái :
Online
Offline

Tuổi : 20
Location : Ninh Thuận
Google Chrome
Phpbb3

[Click để xem tài sản HelpsFMvi]

Xem lý lịch thành viên http://helps.forumvi.com

Về Đầu Trang Go down

Re: [PunBB] Skin CuGay3Mien

Bài gửi by HelpsFMvi on Thu Mar 24, 2016 11:46 am


Fix lỗi không hiển thị CSS trên trình duyệt web:

Tình trạng lỗi:
Truy cập trang trên trình duyệt web Google Chrome thì bình thường nhưng khi truy cập bằng trình duyệt khác lại xảy ra lỗi css và Ngược Lại
Chào Khách viếng thăm ! Mình sẽ hướng dẫn bạn cách khắc phục lỗi này !

B1: Bạn vào Overall_header tìm:
Code:
<link rel="stylesheet" href="https://sites.google.com/site/helpsforumvi/csscugay3mien.css" type="text/css" />
 
xóa nó đi
B2: Bạn vào CSS cho toàn bộ đoạn này vào:
Tải code về ở link này:
[You must be registered and logged in to see this link.]

B3: Bạn tạo 1 trang HTML Page (ACP >> Modules >>HTML & JAVASCRIPT >>HTML Pages Management >>Creat in advanced mode (HTML)
Title: CSS
Do you wish to use your forum header and foooter: No
Use this page as homepage ?: No
Page body: cho đoạn code này vào (Tải về nhé)
Lin tải code đã viết:[You must be registered and logged in to see this link.]
- Sau đó bạn nhớ link của html page vừa tạo
B4: Tiếp theo bạn tạo 1 Javascript mới (ACP >> Modules >>HTML & JAVASCRIPT >>Javascript codes management >>Creat a new javascript:
Title: CSS
Placement: In all the pages
Javascript Code:
Code:
$(function() {
  $('head').append('<style id="externcss"></style>');
  $('#externcss').load('LINK HTML PAGE');
});

Thay LINK HTML PAGE bằng link vừa tạo ở B3
OK ! Chúc bạn thành công...
Nếu còn lỗi nào mong các bạn reply hoặc inbox cho mình để khắc phục nhé Very Happy THÂN !



Cập nhật chữ ký !!
avatar
HelpsFMvi
Ban Quản Trị FMvi
Ban Quản Trị FMvi


Số bài : 104
HelpsPoints : 3552
Likes : 32
Ngày tham gia : 10/03/2016
Trạng thái :
Online
Offline

Tuổi : 20
Location : Ninh Thuận
Google Chrome
Phpbb3

[Click để xem tài sản HelpsFMvi]

Xem lý lịch thành viên http://helps.forumvi.com

Về Đầu Trang Go down

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang


 
Permissions in this forum:
Bạn không có quyền trả lời bài viết
Free forum | © phpBB | Free forum support | Liên hệ | Report an abuse | Create a blog
Stylish responsive footer | Script Tutorials