Extrem TutorialsConectare

Peste 500 tutoriale in limba romana.


Avatar forumotion toolbar

Adaugarea propriului avatar in bara de la forumgratuit.

jQuery Code :


CSS Code :


Demo la noi pe forum.
Trebuie sa postati pentru a vedea codurile.

Avatar User in Online List

Cred ca foarte multi dintre voi ati vrut sa aveti ceva nou pe forurile voastre, iata si solutia venind de la Extrem-Tutorials.Com


// phpBB3



// phpBB2


// punBB


// Invision


CSS Code:


Pentru punBB:

Cod:

#etAvOnline {
font-size: 0px;
}

Update :

Categorii retractabile

Pentru a putea folosi acest cod trebuie sa-l puneti in descrierea ultimului forum creeat astefel va merge la toate categoriile Javascript 230108
Am 2 coduri diferite.

PRIMUL COD:



*Are 2 imagini cu care poteti micsora/mari categoria.



Personalizare:
*Codul este usor personalizabil Javascript 230108
*Puteti...

Un nou stil pentru categorii [BB3]

Hello, friends.
Am sa va prezint un cod foarte greu de realizat pentru uni, dar ceva foarte usor pentru alti.
Sa incepem:
Codul CSS:
CSS Style :

m_Banners jQuery

In acest tutorial am sa va prezint o metoda de a va creea proprile bannere care sa ruleze automat intr-un anumit interval de timp.

Tutorial:



1. Pentru siguranta dumneavoastra incarcati ( hostati / uploadati ) fisierul urmator pe propriul host. ( Recomand Webs sau BraveHost )



2. Adaugati codul intre tagurile:

Adaugare link utilizator la imagini (ultimul mesaj)

Nume tutorial:  Adaugare url user imagini ultimul mesaj
Demonstartie: [Trebuie sa fiti înscris şi conectat pentru a vedea această imagine] si [Trebuie sa fiti înscris şi conectat...

Sliding Menu Bar V5

Sliding Menu Bar V5

Demo: [Trebuie sa fiti inscris si conectat pentru a vedea acest link]



Pentru a fi afisate codurile trebuie sa raspunzi la acest mesaj.

Informatii Primul Post [IPB Animate]

Salut,
Astazi am sa va prezint ceva nou pentru cei care utilizeaza tema animate.
Pentru Inceput:
1. Go ACP > Afisare > Template-uri > General
Acum inlocuiti viewtopic_body cu


2. Go ACP > Afisare > Imagini si culori > Culori > Foaie de stil CSS


Demo: [Trebuie sa fiti înscris şi conectat...

Adaugare in header adresa de email din profilul utilizatorului

Salutare tuturor,

Astazi am sa va arat cum puteti pune adresa de email a unui utilizator inregistrat in header. Pentru inceput va trebui sa facem niste editari in template-uri.

Demonstratie PunBB:
[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]
Demonstratie: PhpBB2:
[Trebuie...

ChatBox/ShoutBox Script

COD


Cod:

<div id="chatbox_ret_cont" onmouseout="stopINT()" onclick="stopINT()" onmousever="stopINT()" style="border-top: 7px solid rgb(223, 223, 223); border-left: 7px solid rgb(223, 223, 223); z-index: 10000; -moz-border-radius: 20px 0pt 0pt 0pt; background-color: #CCCCCC; position: fixed; bottom: 0pt; right: 0pt; border-color:...

Auto aliniere subforumuri [v1] [Update]

Salut,
Astazi am sa va arat ceva intresant, auto aranjare a subforumurilor pe versiunea pHpBB3, versiunea beta Javascript 333276





Acum setarile:
ACP > Afisare > Pagina de start > Structura si ierarhie:
Indisponibil

Demo: Indisponibil
Important: Pentru a vedea codurile trebuie sa postati Javascript 333276
Update codul sursa.

Board3 Clock

ceas flash


[Trebuie sa fiti inscris si conectat pentru a vedea acest link]
Spoiler :

Tutorial JQuery arata/ascunde

Acesta este un simplu cod javascript cu ajutorul caruia puteti ascude un continut etc...

Pasul:1

Codurile java script de mai jos le puteti pune in
Panou de administrare > Module > HTML & JAVASCRIPT > Javascript codes management>Create a new Javascript > Adaugati titlul , iar unde scrie Javascript Code adaugati cele 2 coduri javascript de mai jos , iar in cele din urma bibafi
[Trebuie sa fiti...

(Censor) Cuvinte cenzurate !

Descriere


Salut, ma gandeam ce ar fii daca am putea sa cenzuram anumite cuvinte postate pe forum? Poate si adrese de contact, email.
Cautand pe internet o solutie, am gasit si rezolvarea, din resurse proprii. Pentru inceput nu credeam ca va fii util, poate va ajuta pe voi !

Instalare & Configurare


Panou de administrare ~> MODULE ~> HTML & JAVASCRIPT ~> Gestiunea codurilor JavaScript
~> Creeaza un cod JavaScript

  • Titlu * : Censor Post Words
  • ...

Mutare Reclame ForumGratuit [Beta]

2. Mutare Reclame ForumGratuit - By Extrem-Tutorials.com
phpBB3:
jQuery Code :


punBB
jQuery...

[Tutorial] Cum sa animezi un SVG cu jQuery

In acest tutorial am sa va invat sa animati o orice svg simplu care contine numai paths, de genul asta [Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Pentru inceput avem nevoie de orice svg simplu, de preferat sa contina doar paths, adica sa nu aiba color fills.
Ce este un svg? well un SVG reprezinta prescurtarea pentru Scalable Vector Graphics,...

[All Version] Social Link/Icons

Buna Ziua,
Astazi am sa va ofer un cod destul de util pentru toate versiunile FG
Sa incepem.

Pasul 1.
PA > Afisare > Imagini si culori > Culori > Foaia de stil CSS


PA > Module > HTML & JAVASCRIPT > Gestiunea codurilor JavaScript > Coduri JavaScript > Creaza un nou JavaScript
(Amplasare: Toate Paginile)


Daca vreti imagini cautati

Cod:

<a href="#" class="facebook">FaceBook</a>
si inlocuiti cu

Cod:

<a href="#" class="facebook"><img...

Name up Avatar Photos (BB3)

phpBB3 - Name up Avatar Photos:

Cod:

var CopyrightNoticeET = "Copyright Extrem-Tutorials.com, All right reserved. Name above avatar phpbb3 version on Forumotion, code developed by Ethen. No part of this code can not be distributed.";
$(function() {
var x = $('.post').get();
$(x).each(function() {
var u = $(this).find('.postprofile dt strong')[0];
$(this).find('.postprofile dt a:eq(0)').insertAfter($(this).find(u));

Meniu inaine de Logo (pHpBB3)

Salut,
Am sa va arat cum puteti insera clasa ".headerbar" dupa meniu ".navbar";
Sa incepem.
ACP > Module > HTML & JAVASCRIPT > Gestiunea codurilor JavaScript > Creati un nou cod JavaScript

Ampsare: Toate paginile

Cod:

varCopyright = "(c) 2010 - 2012. Extream-Tutorials.com. All right reserved.";
$(function(e) {
$('.headerbar').insertAfter($('#page-header .navbar'));
$('#page-header .navbar').css('margin-bottom','5px');

Adaugare Copyright

Buna ziua!

Astazi o sa va arat un script mai frumos pentru copyright, acest script contine un effect hover de opacitate si un chenar verde.
Acest cod a fost modificat de mine prin codurile de CSS!

Pentru inceput trebuie sa adaugati in JavaScript:

Cod:

$(function(){
$('#wrap').after('
<div id="lcopyright" style="text-align: center; font-size: 11px; color: #000;">
TEXT AICI
</div>
');
});

Script pentru loterie.

Script pentru loterie.



Acest script va ajuta daca vreti sa organizati un concurs pe forumul dumneavoastra cam ca si o loterie.Codul este :

Cod:

<script type="text/javascript"><!--
var pers = new Array('Justin', 'Paul', 'Keir', 'GoodBoy', 'Alex');
var ix = Math.floor(Math.random()*pers.length);
alert(pers[ix]);
//--></script>

Subiecte si mesaje postate in mod instantaneu

Salutare tuturor,

In tutorialul de astazi am sa va arat cum dezactivati pagina cu mesajul "Mesajul a fost trimis cu succes". Cu dezactivarea acesteia, postarea mesajelor va deveni mult mai rapida si mult mai eficienta. Un artific destul de interesant (dupa parerea mea) care odata adaugat, mareste performanta postarii mesajelor. Acest cod nu face altceva decat sa opreasca redirectionarea spre message_body, deschizandul intr-un pop-up ascuns.
[Trebuie sa fiti înscris...

Fortarea schimbarii interfatei de desktop pentru telefoanele mobile

Salutare tuturor,

In tutorialul de astazi am sa va arat cum puteti dezactiva interfata de mobil pentru forumurile care apartin de Forumgratuit. Aceasta metoda se aplica numai smartphone-urilor care au activat JavaScript, deci ca urmare device-urile care au dezactivat JavaScript nu vor fi afectati de acest truc.
[Trebuie sa fiti înscris şi conectat...

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:
[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]
Pasul...

Informatii postator adaugate intr-un tabel

Salutare tuturor,

In tutorialul de astazi am sa va arat cum puteti adauga intr-un tabel titlul subiectului, data postarii si avatarul autorului.
Previzualizare Topic:
[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]

Adaugati in gestiunea codurilor javascript:
P.A...

Ajax Loading impreuna cu ToolBar

Demo:

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

Cod javascript ( amplasare: all pages )

Cod:

jQuery(function() {
              jQuery('body').prepend('<div id="ajax_loading" style=""><img src="http://i58.servimg.com/u/f58/17/89/00/23/ajax_l10.gif"...

Tool Tip [Actualizat]

Ce este un tooltip?

Un tooltip reprezintă un şablon suprapus ce apare când pui cursorul peste (hover) o imagine / text, conţinând o descriere încadrată înăuntrul acestuia.
Un exemplu aveti [Trebuie sa fiti inscris si conectat pentru a vedea acest link]


Cum putem avea pe forumul nostru un tooltip?

Categorii in tabel

Buna ziua, va voi arata un script pentru a va pune categoriile intr-un tabel!
Acest tabel are un cod in parte pentru fiecare versiune, sper sa va placa Javascript 3550950039

Pentru Invision:

Cod:

function tttf(n) {
var tables = document.getElementById("main-content").getElementsByTagName("table")[n].parentNode;
document.getElementById("ttid").innerHTML = tables.innerHTML;
}
$(function()...

White ToolTip

Am creat un tooltip simplu. Sper sa va placa. Javascript 230108
[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]

Executare cod:

Cod:

<span onmouseover="Tip('Continutul tau aici.<br>Continutul tau aici.')" onmouseout="UnTip()"><a href="LINK REDIRECTIONARE"><img...

Aspect nou pentru casuta de cautare

Salut,
In acest tutorial veti putea creea o casuta de cautare mult mai frumoasa decat cealalalta.
Demo:
Normal - https://i.servimg.com/u/f45/17/45/40/76/110.png
La apasarea butonului Avansat - https://i.servimg.com/u/f45/17/45/40/76/210.png

Pasul 1. Adaugarea codurilor CSS
Mergem in: Panoul de administrare => Afisare => Imagini si culori => Culori => Foaie de stil CSS si adaugam:

Cod:

/* Casuta de cautare */

#cautare...

Informatii profil Hover (phpBB3 si Invision)

Salut,
Am sa va arat cum puteti face un sistem de hover pentru versiunile phpBB3 si Invision

Mergem in Admin Control Panel
ACP > Module > HTML & JAVASCRIPT > Gestiunea codurilor JavaScript > Creaza un nou JavaScript
Amplasare: Topicuri / All pages ( Toate Paginile ) La alegere

Cod:


varCopyright = "(c) 2010 - 2012 - Extrem-Tutorials.com All right reserved. Simple code for hover profile user information. Code created by InFeRn0, Help by W3Schools.com";
$(document).ready(function(e){

[pHpBB3] Tabele simple pentru Statistici

Pasul 1.
JS
Functia folosita .wrapAll()
Titlu: ;;
Amplsare: Index Forum
Cod:

Cod:


/*
* Copyright (c) Extream-Suport.tk
* Code created by www.extream-suport.tk
* 2012 - pHpBB3 free forums.
* License 2012. All right Reserved.
*/
$(document).ready(function() {
$('#i_whosonline + p, .h3:contains(Cine este conectat?)').wrapAll('<div id="LGbox" class="onlinelist" />');
$('#LGbox p').addClass('onlinelist');

[All Version] Login Box

Buna Ziua,
Astazi ma gandit sa va arat cum puteti realiza un Login box pentru versiunea phpbb3.
Sa incepem.
Pasul 1. (JS)
ACP > Module > HTML & JAVASCRIPT > Gestiunea codurilor JavaScript > Creati un nou JavaScript
Title: Login Box
Amplsare: Toate Paginile
Cod JS:

Cod:

$(function() {
$('li:contains(Conectare)').replaceWith('<li><a class="mainmenu" id="login" href="#" rel="nofollow"><img id="i_icon_mini_login" src="http://2img.net/i/fa/empty.gif"...

Mutare Topicuri / Posturi sub mesaj [phpbb3]

Buna ziua, astazi va voi arata cum sa mutati Mesaj si Topicuri sub subiect!
Adaugati in JavaScript:

Cod:

$(function(){$('dd.lastpost span strong').prev('br').css('display','none');$('dd.lastpost span strong').css('margin-right','5px')});$(function(){if($('.forabg ul.forums')[0]){$('.hierarchy').next().remove();x=$('.forabg ul.forums dl.icon').get();for(i=0;i<x.length;i++){var...

Adaugare reclama in footer

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

Buna ziua!

Astazi va arat cum sa adaugati reclama in footer pentru versiunea phpbb3
Intrati in PA si mergeti la Javascript si apasati pe Creati un nou JavaScript
Nume: La alegere
Amplasare: Index

Codul:

Cod:

jQuery(document).ready(function()...

[phpBB3]Profil total schimbat

Salut Vizitator,

Astazi am sa va prezint un mic tutorial care o sa va schimbe interfata (designul) profilului din topic.

Sa incepem:

Adaugati in Gestiunea codurilor Javascript urmatorul cod:

Cod:

$(function(){
 var a=$('.postprofile').get();
  for(i=0;i<a.length;i++) {
    var b=a[i].getElementsByTagName('dt')[0].getElementsByTagName('a')[1];
    var unm=$(b).text();...

Inserare logo inainte de wrap [Tutorial-ForumGratuit]

Salut !

Astazi am sa va prezint un tutorial cu care puteti insera logo inainte de wrap [phpbb3] !

1. In primu rand trebuie sa creati codurile #wrap si #logo .

2. Intrati in panou administrare -> Module - > Gestiunea Codurilor JavaScripts .

3. Apasati pe : Creati un nou cod JavaScripts

4. La titlu adaugam logowrap ( sau orice vreti )

5. Bifam pe : Toate paginile

6. La Cod JavaScript adaugam urmatoru script :

Cod:

jQuery(document).ready(function() {

ChatBox conectat automat (phpBB2)

Salut, astazi va voi arata un script cu care puteti sa va conectati la chat fara sa mai dati "Conectare". Acest script este pentru versiunea phpBB2
Intrati in PA -> Module -> HTML & JAVASCRIPT -> Gestiunea codurilor javascript -> Creati un nou cod JavaScript.
Acum completati cu urmatoarele date:
Titlu: chatbox automat (sau ce vreti voi)
Amplasare: Toate paginile
Cod javascript:

Cod:

$(function(){
 if(document.getElementById('logout')) $.post('/chatbox/chatbox_actions.forum?archives','mode=send&sent=');

Script pentru imagini aleatorii

-Salutare, o sa va prezint un script java care va permite sa puneti imagini si care "el" o sa le schimbe in mod aleatoriu cand dati refresh la pagina.
(scriptul este bun pentru reclame)

DEMO: [Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Cod:


<script language="JavaScript">
imagine...

Tutorial -Cum adaugam mai multe fonturi la bbcode-ul Font

Buna,
De când sunt membru forumgratuit am văzut foarte multe subiecte/ topic-uri/ întrebări legate de bbcode-uri (se poate, nu se poate ) ... etc.. In data ce avem acces la javascript limitele forumului gratuit au devenit aproape nule... putem face orice (de la adăugare butoane bbcode-uri noi pana la coduri java simple de formatare) ...
Tutorialul de astăzi (sper ca l-am plasat bine) va permite sa adaugați familii de fonturi noi la bbcode-ul Font situat în baliza bbcode-uri deasupra editorul de subiecte (...

Sexy Bookmark

Previzualizare:

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



Cod:

<center style="margin-top: 40px; color: silver;"><div style="width: 600px;">
<script type="text/javascript" src="http://designbook.bravehost.com/sexyJquery.js"></script>

Script pentru a afisa titlul si descrierea unui site in forma animata

Daca doriti ca titlul site-ului dvs. sa apara animat in fila de la un browser, puteti folosi acest cod.

Cod:

  <script language=javascript>
msg = "Textul dorit";

msg = "..." + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos);
pos++;
if (pos >  msg.length) pos = 0
window.setTimeout("scrollMSG()",200);
}
scrollMSG();

[Invision] Meniu suplimentare invision

Demonstratie:[Trebuie sa fiti inscris si conectat pentru a vedea acest link]
Click pe lupa pentru a vedea demo.


Cum sa adaugati un TipsyTooltip pe forumul dvs.

Salut, Vizitator

În acest tutorial am vă va arăta cum să adăugaţi pe forum un Tipsy Tooltip - tot ce trebuie sa faceti este sa urmati pas cu pas acest tutorial.

Toate drepturile sunt rezervate catre http://onehackoranother.com/projects/jquery/tipsy/ Dar puteti sa-mi multumiti pentru ca v-am creeat acest tutorial.

Pasul 1 - Pentru a adăuga codul jQuery de care aveţi nevoie veti merge in Panou de administrare > Module > HTML & JAVASCRIPT > Javascript codes management > Create a new javascript.
Titlu * : Tipsy

Reguli inainte de postare [phpbb3]

Pana acuma acest mini-regulament se putea pune doar pe versiunile care permiteau editarea templeturilor , insa cu putin JQuery putem sa facem acest lucru si pe Phpbb3 , urmati urmatori pasi :

1. codul JQuery

Cod:

 jQuery(document).ready(function() {
jQuery('.pathname-box').after('<br> <b style="float: center;"><div class="mini-regulament">Regula 1 <br>Regula 2 <br>Regula 3  <br>Regula 4 <br> Regula 5</b></div> ');

Adaugare taguri noi la versiunea Phpbb3

Salutare tuturor,

Astazi am sa va arat o metoda foarte eficienta de a schimba tagurile la phpbb3. Cu schimbarea tagurilor, vor scadea numarul persoanelor care va copiaza forumul.

1. Cautati selectorul de pe site-ul dvs.

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

2. Dupa ce ati sters clasa...

Loading Bar and Redirect Counter Script

Acest script contine un cod de redirectionare catre o pagina aleasa de dumneavoastra,numaratoare inversa pana la redirectionare si o imagine ce reprezinda incarcarea paginii.
Previzualizare:[Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Cod:

<form...

Text saltaret

La ce ma refer ? L-as aceasta imagine sa vorbeasca pentru mine.

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

Cod:

<script language="Javascript1.2">

//configure message
message="Bine ati venit printre noi !"
//animate text in NS6? (0 will turn it off)
ns6switch=1

var ns6=document.getElementById&&!document.all

Script ce face modifica culoarea de fundal in cateva zeci de nuante si

Punand acest cod intr-o pagina HTML, veti observa ca acea culoare de fundal se modifica, trecand de la o nuanta la alta.


Cod:

    <script>
    // Select fade-effect below:
    // Set 1 if the background may fade from dark to medium
    // Set 2 if the background may fade from light to medium
    // Set 3 if the background may fade from very dark to very light light
    // Set 4 if the background may fade from light to very light
    // Set...

Cod Slider

Cod Slider


Cod:

<script type="text/javascript" src="http://tazyk.webs.com/Extrem%20Tutorials%20Files/jquery.min.js"></script>

<script type="text/javascript" src="http://tazyk.webs.com/Extrem%20Tutorials%20Files/slideshow.js">

/***********************************************
* Slideshow edited for www..forumgratuit.ro
* Slideshow updated by Crazy( www.extrem-tutorials.forum.st...
 
sort Sortează
Sortează dupăOrdine
school Moderatori

Nici unul

privacy_tip Permisiunile acestui forum:

Nu puteti posta subiecte noi in acest forum
Nu puteti raspunde la subiectele acestui forum