Oficjalne forum pomocy serwisu PUN.pl

Niestety, nikt nie powie Ci czym jest FluxBB - musisz go poznać sam!

Nie jesteś zalogowany na forum.

#1 2015-02-11 18:46:27

pro14ab
Moderator
Skąd: C:\users\pro14ab
Dołączył: 2013-01-20
Liczba postów: 1,198
WWW
Windows XPChrome 40.0.2214.111

[JS]sidebar

OiEMtKk.png
Skrypt dodaje nam boczny panel tzw. sidebar który możemy zamieścić jakieś ważne treści. Box możemy ukrywać i pokazywać a nasz wybór zapisuje się w cookie więc nie trzeba co odświeżenie ustawiać.

1. Jeżeli nie mam w stylu wbudowanego skryptu na ukrywanie kategorii( OGfhh1H.png  idEvayH.png) dodajemy ten kod np. do stopki:

Ukryta wiadomość
<script type="text/javascript" src="js/collapse.js"></script>
<script type="text/javascript">
/* <![CDATA[ */
if (typeof FluxBB === 'undefined' || !FluxBB) {var FluxBB = {};}
FluxBB.vars = {
	collapse_cookieid: "flux_cookie_0ca40a_",
	collapse_folder: "img/"
};
FluxBB.collapse.init();
/* ]]> */
</script>

2.Tworzymy nową kategorie która ustawiamy jaką  pierwsza i dodajemy do niej przynajmniej 1 forum
3.W opisie stworzonego forum piszemy to co chcemy by się wyświetlało w boxe
4.Do ogłoszenia wklejamy:

Ogłoszenie
<script>
//sidebar napisał pro14ab
jQuery(document).ready(function(){
jQuery("body").on("click","#punindex #idx1 .conr img[alt='+']",function() {
  jQuery("#punindex #idx1").css("width","2%");
  jQuery("#punindex .blocktable:not(#idx1)").css("width","98%");
});
jQuery("body").on("click","#punindex #idx1 .conr img[alt='-']",function() {
  jQuery("#punindex #idx1").css("width","24%");
  jQuery("#punindex .blocktable:not(#idx1)").css("width","75%");
});
jQuery("#punindex #idx1 .conr img[alt='+']").val(function() {
  jQuery("#punindex #idx1").css("width","2%");
  jQuery("#punindex .blocktable:not(#idx1)").css("width","98%");
});
jQuery("#punindex #idx1 .conr img[alt='-']").val(function() {
  jQuery("#punindex #idx1").css("width","24%");
  jQuery("#punindex .blocktable:not(#idx1)").css("width","75%");
});
});
</script>

5.Do CSS:

CSS
/* sidebar by pro14ab */
#punindex #idx1 H2{background:none;}
#punindex #idx1 H2 span:not(.conr){display:none;}
#punindex #idx1  H3{display:none;}
#punindex #idx1 .tc2{display:none;}
#punindex #idx1 .tc3{display:none;}
#punindex #idx1 .tcr{font-size:0;width: 0px;padding:0px;}
#punindex #idx1 th{background:none;font-size: 0px;}
#punindex #idx1 .icon{display:none;}
#punindex #idx1 .tclcon{ padding:0px;}
#punindex .blocktable:not(#idx1){ float:left;}
#punindex  #idx1{max-width:24%;float:right;}
#punindex #idx1 .conr img{transform:rotate(90deg)float: right;;}
#brdstats{display: block;float: left;width: 100%;}

JEŻELI POSIADASZ CHATBOX UŻYJ TEGO KODU:

Zamiast kodu z punkty 4 wklejamy ten do ogłoszenia:

ogłoszenie
<script>
//sidebar napisał pro14ab
jQuery(document).ready(function() {
jQuery('#brdheader #brdwelcome .conl li strong').val(function() {
jQuery('#idx2').addClass('sidebar');
jQuery("body").on("click","#punindex #idx2 .conr img[alt='+']",function() {
  jQuery("#punindex #idx2").css("width","2%");
  jQuery("#punindex .blocktable:not(#idx2)").css("width","98%");
});
jQuery("body").on("click","#punindex #idx2 .conr img[alt='-']",function() {
  jQuery("#punindex #idx2").css("width","24%");
  jQuery("#punindex .blocktable:not(#idx2)").css("width","75%");
});
jQuery("#punindex #idx2 .conr img[alt='+']").val(function() {
  jQuery("#punindex #idx2").css("width","2%");
  jQuery("#punindex .blocktable:not(#idx2)").css("width","98%");
});
jQuery("#punindex #idx2 .conr img[alt='-']").val(function() {
  jQuery("#punindex #idx2").css("width","24%");
  jQuery("#punindex .blocktable:not(#idx2)").css("width","75%");
});
});
jQuery("#brdheader #brdwelcome .conl:contains('Nie jesteś zalogowany na forum.')").val(function() {
jQuery('#idx1').addClass('sidebar');
jQuery("body").on("click","#punindex #idx1 .conr img[alt='+']",function() {
  jQuery("#punindex #idx1").css("width","2%");
  jQuery("#punindex .blocktable:not(#idx1)").css("width","98%");
});
jQuery("body").on("click","#punindex #idx1 .conr img[alt='-']",function() {
  jQuery("#punindex #idx1").css("width","24%");
  jQuery("#punindex .blocktable:not(#idx1)").css("width","75%");
});
jQuery("#punindex #idx1 .conr img[alt='+']").val(function() {
  jQuery("#punindex #idx1").css("width","2%");
  jQuery("#punindex .blocktable:not(#idx1)").css("width","98%");
});
jQuery("#punindex #idx1 .conr img[alt='-']").val(function() {
  jQuery("#punindex #idx1").css("width","24%");
  jQuery("#punindex .blocktable:not(#idx1)").css("width","75%");
});
});
});
</script>

Zamiast kodu z punkty 5 do CSS wklej to:

ogłoszenie
/* sidebar by pro14ab */
#punindex .sidebar H2{background:none;}
#punindex .sidebar H2 span:not(.conr){display:none;}
#punindex .sidebar  H3{display:none;}
#punindex .sidebar .tc2{display:none;}
#punindex .sidebar .tc3{display:none;}
#punindex .sidebar .tcr{font-size:0;width: 0px;padding:0px;}
#punindex .sidebar th{background:none;font-size: 0px;}
#punindex .sidebar .icon{display:none;}
#punindex .sidebar .tclcon{ padding:0px;}
#punindex .blocktable:not(.sidebar){ float:left;}
#punindex  .sidebar{max-width:24%;float:right;}
#punindex .sidebar .conr img{transform:rotate(90deg)float: right;;}
#brdstats{display: block;float: left;width: 100%;}

Discord: pro14ab#3318
>> GitHub <<
Polecam

Offline

Użytkowników czytających ten temat: 0, gości: 1
[Bot] claudebot

Stopka

Forum oparte na FluxBB

Darmowe Forum
metin2mody - mythofempire - forum-xytheria2 - nowydom - gminachorkowka