Navigare rapidă

Ultimele subiecte
» 10 King
Scris de Erpel Vin 29 Mar - 16:31
» Bulletin ipb theme
Scris de MihaiExtremTutorials Sam 15 Dec - 0:24
» Wireless ipb theme [punBB]
Scris de D1esel Vin 30 Noi - 21:51
» Ying-Yang Tutorial
Scris de Lucifer Mar 24 Apr - 11:34
» Avatar forumotion toolbar
Scris de Lucifer Mar 24 Apr - 11:33
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:
Auto aliniere subforumuri Bb3%20column
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: Auto aliniere subforumuri Punbb
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!  Auto aliniere subforumuri 230108 



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
iAngel
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 Auto aliniere subforumuri 230108
Membru ET
H4cK3R*uL
la data de Sam 30 Noi - 10:11
H4cK3R*uL Membru ET
Conectat
Scripturile de la PunBB sunt functionabile si pe phpbb2?
Vizitator
Anonymous
la data de Sam 30 Noi - 10:16
Vizitator Vizitator
Conectat
Da Auto aliniere subforumuri 333276
Membru ET
H4cK3R*uL
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
400kg
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
Gregory House
la data de Vin 13 Dec - 14:49
Gregory House Membru ET
Conectat
Bravo Staark !
Membru ET
RedGames
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
Anonymous
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
mr.franta
la data de Lun 30 Dec - 22:07
mr.franta Membru dedicat
Conectat
Un tutorial foarte reusit,bravo staark
Membru ET
RedGames
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
Tarhi
la data de Dum 26 Ian - 20:13
Tarhi Membru ET
Conectat
Este foarte util
Membru activ
Teed
la data de Dum 26 Ian - 21:03
Teed Membru activ
Conectat
Bravo este foarte bun!
Membru ET
xAlecsu
la data de Lun 27 Ian - 14:14
xAlecsu Membru ET
Conectat
foarte bun acest cod multumesc!Auto aliniere subforumuri 230108
Membru ET
CaBRoN
la data de Lun 27 Ian - 23:34
CaBRoN Membru ET
Conectat
o sa incerc
Membru nou
GaByTzZzU
la data de Joi 27 Mar - 22:28
GaByTzZzU Membru nou
Conectat
mie nu imi merge dc