Top subiecte apreciate

Optiuni experimentale
  • Foloseste AJAX in formulare ori de cate ori este posibil

Navigare rapidă

Ultimele subiecte
» Wireless ipb theme [punBB]
Scris de DenisPasca Mier 7 Dec - 23:51
» [Animate] Recent Topic IPB
Scris de DenisPasca Lun 5 Dec - 22:44
» Ipb Counter-strike Special FG
Scris de DenisPasca Sam 3 Dec - 22:52
» Special Theme Extrem Tutorials
Scris de cosminelu21 Vin 2 Dec - 23:48
Cuvinte-cheie

animate  profil  avatar  tutorial  punbb  phpBB2  chenar  radio  drop  subforumuri  subiecte  navigare  edit  Metin2  html  meniu  ultimele  cautare  tema  reclama  Mesaje  Bara  banner  legenda  Statistici  menu  

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
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
la data de Sam 30 Noi - 10:11
H4cK3R*uL Membru ET
Conectat
Scripturile de la PunBB sunt functionabile si pe phpbb2?
Vizitator
la data de Sam 30 Noi - 10:16
Vizitator Vizitator
Conectat
Da
Membru ET
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 inscris si conectat pentru a vedea aceasta imagine]
Ma poti ajuta sa scap de acel 7?
Membru ET
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
la data de Vin 13 Dec - 14:49
Gregory House Membru ET
Conectat
Bravo Staark !
Membru ET
la data de Vin 20 Dec - 18:52
RedGames Membru ET
Conectat
Imi apare cam aiurea pe phpbb2 uite:

[Trebuie sa fiti inscris si conectat pentru a vedea aceasta imagine]

Cum fac sa se vada calumea? :|
Vizitator
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
la data de Lun 30 Dec - 22:07
mr.franta Membru dedicat
Conectat
Un tutorial foarte reusit,bravo staark
Membru ET
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
la data de Dum 26 Ian - 20:13
Tarhi Membru ET
Conectat
Este foarte util
Membru activ
la data de Dum 26 Ian - 21:03
Teed Membru activ
Conectat
Bravo este foarte bun!
Membru ET
la data de Lun 27 Ian - 14:14
xAlecsu Membru ET
Conectat
foarte bun acest cod multumesc!
Membru ET
la data de Lun 27 Ian - 23:34
CaBRoN Membru ET
Conectat
o sa incerc
Membru nou
la data de Joi 27 Mar - 22:28
GaByTzZzU Membru nou
Conectat
mie nu imi merge dc