Navigare rapidă

Ultimele subiecte
» Light Bright Template
Scris de kresk0va^ Joi 14 Dec - 22:35
» Wireless ipb theme [punBB]
Scris de Madross Dum 3 Dec - 23:59
Cuvinte-cheie

edit  

Auto aliniere subforumuri


Salutare tuturor,

In tutorialul de astazi am sa va arat cum puteti pozitiona subforumurile pe 3 coloane. Aces tutorial se aplica pentru versiunile phpBB3 si punBB, deci haideti sa incepem.

Pentru forumurile phpBB3:
Demo:

Pasul 1:
Panou de administrare > Afisare > Pagina de start > Structura si ierarhie > Ierarhie

Link catre nivelele inferioare: BIFATI Da

Pasul 2:
Panou de administrare > Module > HTML & JAVASCRIPT > Gestiunea codurilor JavaScript > Creati un nou javascript
Titlu: Subforumuri
Amplasare: Index si Subforumuri
Cod JS:
Cod:
var CopyrightNotice = 'Copyright (c) 2013 Extrem-Tutorials.com, All Right reserved. Code created by StaarK*';
var bb3 = {
version: 'phpBB3',
num: '3', // Number of subforum on the column
numMax: '5' // Max subforum on the one column
};

eval(function(d,e,a,c,b,f){b=function(a){return(a<e?"":b(parseInt(a/e)))+(35<(a%=e)?String.fromCharCode(a+29):a.toString(36))};if(!"".replace(/^/,String)){for(;a--;)f[b(a)]=c[a]||b(a);c=[function(a){return f[a]}];b=function(){return"\\w+"};a=1}for(;a--;)c[a]&&(d=d.replace(RegExp("\\b"+b(a)+"\\b","g"),c[a]));return d}("$(3(){$('.n h.m.j 4.p').5(3(a){$(0).2('l.q 1 J.I + F').b('a[E]').7('<D d=\"6\" 8=\"s'+a+'\">')});$('.6').5(3(a){$(0).2('a:B(\"C\") + a').r('<t d=\"9\" />')});$('.6 .9').5(3(a){$(0).u('a').v($(0))});$('.6').5(3(a){$(0).2('.9').w('a').r('<4 d=\"y\" />');$(0).2('.9 .z').A();$(0).2('4:f('+e.c+')').7('<1 8=\"i\"></1>');$(0).2('#i').b('4:f('+e.c+')').7('<1 8=\"o\"></1>');$(0).2('#o').b('4:f('+e.c+')').7('<1 8=\"G\"></1>')});$('.n h.m.j 4.p l.q 1').5(3(){H x=0;x.k=x.k.K(/,/g,\"\")})});",
47,47,"this div find function li each subForums wrapAll id sclearfix  nextAll num class bb3 lt  ul col1 forums innerHTML dd topiclist forabg col2 row dterm wrap subforums_ span prev append parent  clearfix gensmall unwrap has img ol href br col3 var hierarchy h3 replace".split(" "),0,{}));

Pasul 3:
Panou de administrare > Afisare > Imagini si culori > Culori > Foaia de stil CSS
Cod:
.subForums #col2, .subForums #col1, .subForums #col3 {
float: left;
width: 15%;
}

Pentru forumurile punBB:
Demo:
Pasul 1:
Panou de administrare > Afisare > Pagina de start > Structura si ierarhie > Ierarhie

Link catre nivelele inferioare: BIFATI Da

Pasul 2:
Panou de administrare > Module > HTML & JAVASCRIPT > Gestiunea codurilor JavaScript > Creati un nou javascript
Titlu: Subforumuri
Amplasare: Index si Subforumuri
Cod JS:

Cod:
var CopyrightNotice = 'Copyright (c) 2013 Extrem-Tutorials.com, All Right reserved. Code created by StaarK*';
var punBB = {
version: 'punBB',
num: '3', // Number of subforum on the column
numMax: '5' // Max subforum on the one column
};

eval(function(d,f,a,c,b,e){b=function(a){return a.toString(f)};if(!"".replace(/^/,String)){for(;a--;)e[b(a)]=c[a]||b(a);c=[function(a){return e[a]}];b=function(){return"\\w+"};a=1}for(;a--;)c[a]&&(d=d.replace(RegExp("\\b"+b(a)+"\\b","g"),c[a]));return d}("$(3(){$('.6').7(3(e){$(0).1('a:u(\"v\") + a').k('<p f=\"4\" />')});$('.6 .4').7(3(e){$(0).m('a').n($(0))});$('.6').7(3(e){$(0).1('.4').o('a').k('<5 f=\"y\" />');$(0).1('.4 .q').r();$(0).1('5:8('+b.c+')').d('<2 9=\"h\"></2>');$(0).1('#h').i('5:8('+b.c+')').d('<2 9=\"j\"></2>');$(0).1('#j').i('5:8('+b.c+')').d('<2 9=\"s\"></2>')});$('.6').7(3(){t x=0;x.l=x.l.w(/,/g,\"\")})});",
35,35,"this find div function sclearfix li subForums each lt id  punBB num wrapAll data class  col1 nextAll col2 wrap innerHTML prev append parent span gensmall unwrap col3 var has img replace  clearfix".split(" "),0,{}));

Pasul 3:
Panou de administrare > Afisare > Imagini si culori > Culori > Foaia de stil CSS
Cod:
#col1 > li, #col2 > li, #col3 > li {
list-style: none;
list-style-type: inline;
}

#col1, #col2, #col3 {
float: left;
width: 20%;
}

Pasul 4:
Intrati in Panou de administrare > Afisare > Template-uri > General > index_box
cautati:
Cod:
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}


si inlocuiti cu:
Cod:
<ol class="subForums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</ol>

Inregistrati si publicati template-ul.

Si ai reusit!   



Tutorial scris de StaarK* si Rylled

Copyright Extrem-Tutorials.com -  Nici o parte a acestui tutorial nu poate fi reprodusa fara acordul autorului.

Comentariile utilizatorilor
Membru activ
avatar
la data de Lun 25 Noi - 14:44
iAngel Membru activ
Conectat
Destul de frumos,felicitari,si,vad ca nu trebe sa postez ca sa vad codurile
Membru ET
avatar
la data de Sam 30 Noi - 10:11
H4cK3R*uL Membru ET
Conectat
Scripturile de la PunBB sunt functionabile si pe phpbb2?
Vizitator
avatar
la data de Sam 30 Noi - 10:16
Vizitator Vizitator
Conectat
Da
Membru ET
avatar
la data de Sam 30 Noi - 23:31
H4cK3R*uL Membru ET
Conectat
Am incercat scripturile pe un forum si eu, dar nu stiu de ce imi apare un 7 in fata unui subforum
[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]
Ma poti ajuta sa scap de acel 7?
Membru ET
avatar
la data de Joi 12 Dec - 18:04
400kg Membru ET
Conectat
Multumim pentru acest tutorial , multi nu stiu sa faca subforumuri cu coduri ! .
Respect


Ultima editare efectuata de catre closed in Vin 20 Dec - 19:16, editata de 1 ori
Membru ET
avatar
la data de Vin 13 Dec - 14:49
Gregory House Membru ET
Conectat
Bravo Staark !
Membru ET
avatar
la data de Vin 20 Dec - 18:52
RedGames Membru ET
Conectat
Imi apare cam aiurea pe phpbb2 uite:

[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]

Cum fac sa se vada calumea? :|
Vizitator
avatar
la data de Vin 20 Dec - 18:56
Vizitator Vizitator
Conectat
Scriptul inca nu a fost optimizat pentru phpbb2 zilele astea o sa incerc sa il optimizez.
Membru dedicat
avatar
la data de Lun 30 Dec - 22:07
mr.franta Membru dedicat
Conectat
Un tutorial foarte reusit,bravo staark
Membru ET
avatar
la data de Lun 6 Ian - 12:57
RedGames Membru ET
Conectat
StaarK* a scris:Scriptul inca nu a fost optimizat pentru phpbb2 zilele astea o sa incerc sa il optimizez.

Inca astept , il puteti optimiza? sa mearga pe phpbb2,va rog astept de ceva timp..
Membru ET
avatar
la data de Dum 26 Ian - 20:13
Tarhi Membru ET
Conectat
Este foarte util
Membru activ
avatar
la data de Dum 26 Ian - 21:03
Teed Membru activ
Conectat
Bravo este foarte bun!
Membru ET
avatar
la data de Lun 27 Ian - 14:14
xAlecsu Membru ET
Conectat
foarte bun acest cod multumesc!
Membru ET
avatar
la data de Lun 27 Ian - 23:34
CaBRoN Membru ET
Conectat
o sa incerc
Membru nou
avatar
la data de Joi 27 Mar - 22:28
GaByTzZzU Membru nou
Conectat
mie nu imi merge dc