Threaded Mode | Mod liniar

09-27-2011 12:40 AM

Începând cu data de 27 septembrie 2011 am realizat un modul ce se dorește a fi o unealtă în vederea promovării acestei comunități și pe alte forumuri românești ce au la bază această platformă.

În ce constă această promovare? Păi noi oferim posibilitatea oricărui administrator de forum MyBB să poată pună cu ușurință un minibanner către noi, în cadrul subsolului forumului său. Pentru asta am creat un script ce se caracterizează prin ușurință în utilizare și flexibilitate.

Cerințe de funcționare

Pentru afișarea minibanner-ul este necesară biblioteca Prototype care este inclusă în platforma MyBB.

Cum puteți adăuga un minibanner pe forumul dvs.?

Pentru a adăuga un minibanner pe forumul dvs. va trebui să adăugați una sau două porțiuni de cod. Prima porțiune e cea mai importantă pentru că, cu ajutorul ei, are loc afișarea imaginii noastre. Aceasta este :

HTML Code

<script type="text/javascript" src="http://mybb.ro/ads/mini.js"></script>
<script type="text/javascript">
var div_id = "mybbro_minibanner";
var position = "bottom";
var image = "default";
Event.observe(document, "dom:loaded", function() {
       MyBBRo_MiniAds.init(div_id, position, image);
});
</script>

Secțiunea de cod de mai sus poate fi adăugată oriunde pe pagina dvs. (adică nu trebuie neapărat să o introduceți între tag-urile <head> și </head>). Mai mult decât atât prin editarea acestei secțiuni vă veți putea configura după bunul plac , asta cuprinzând modul de afișare și imaginea ce se va afișa. Variabila "div_id" specifică locul în care se va afișa imaginea, "position" poziția din cadrul div-ului (poate lua două valori : top - imaginea se va afișa înainte de alte tag-uri existente încadrul div-ului și bottom - imaginea se va afișa după toate tag-urile existente în cadrul div-ului specificat), iar variabila "image" specifică numele imaginii ce se va afișa pe ecran.

Așa cum am spus mai sus, variabila "div_id" are un rol foarte important. Ea stochează id-ul div-ului în care se va insera un tag a și unul img. În cazul în care doriți să creați un nou div, va trebui să adăugați ceva de genul următor :

HTML Code

<div id="mybbro_minibanner"></div>

unde valoarea mybbro_minibanner reprezintă id-ului elementului și trebuie să corespundă cu valoarea variabilei div_id.

Totuși puteți utiliza și un div deja existent, cum este cel cu id-ul copyright din footer.

Cum pot să-mi personalizez minibanner-ul?

Personalizarea minibanner-ului se poate face prin schimbarea imaginii ce va fi afișată, lucru posibil prin intermediul variabilei image cât și prin folosirea CSS-ului. Fiecare tag introdus de script are un id propriu ce este format din id-ul div-ului în care se află și numele său.

În mod implicit valoarea variabilei image este "default", adică imaginea implicită de pe server-ul nostru. Puteți să o schimbați introducând numele celei pe care doriți să o afișați în locul acesteia. În acest moment avem un număr de 2 imagini pe care le puteți folosi :

1.

- Nume : 89x31_1.jpg -
2. [Imagine: 89x31_2.jpg]

- Nume : 89x31_2.jpg -
3. [Imagine: 89x31_1.png]

- Nume : 89x31_1.png - ( este și cea implicită )
4. [Imagine: 89x31_2.png]

- Nume : 89x31_2.png -
5. [Imagine: 89x31_3.png]

- Nume : 89x31_3.png -
6. [Imagine: 89x31_4.png]

- Nume : 89x31_4.png -
7. [Imagine: 89x31_5.png]

- Nume : 89x31_5.png -
8. [Imagine: 89x31_6.png]

- Nume : 89x31_6.png -

Astfel dacă doriți, de exemplu, să utilizați imaginea cu numărul 2, va trebui în loc de :

HTML Code

var image = "default";

să puneți :

HTML Code

var image = "89x31_2.jpg";

Exemplu : Adăugarea minibanner-ul în subsol

În cele ce umează voi prezenta un exemplu concret : adăugarea minibanner-ului în subsolul forumului. Pentru aceasta va trebui să edităm conținutul șablonului "footer" ce se găsește în grupul "Footer Templates" a temei dvs. Vom crea un div special ce va avea id-ul "mybbro_minibanner". Codul javascript îl vom pune chiar înainte de div (se poate și după...). De asemenea vom utiliza a doua imagine din set.

Iată cum ar arăta o parte din codul șablonului "footer" :

HTML Code

<script type="text/javascript" src="http://mybb.ro/ads/mini.js"></script>
<script type="text/javascript">
var div_id = "mybbro_minibanner";
var position = "bottom";
var image = "89x31_2.jpg";
Event.observe(document, "dom:loaded", function() {
       MyBBRo_MiniAds.init(div_id, position, image);
});
</script>
<div id="mybbro_minibanner"></div>
<br class="clear" />
<!-- The following piece of code allows MyBB to run scheduled tasks. DO NOT REMOVE -->{$task_image}<!-- End task image code -->
{$auto_dst_detection}

După introducerea datelor urmează salvarea acestora. Din acest moment ar trebui ca în subsolul forumului să apară minibanner-ul!

Probleme, nelămuriri?
Dacă întâmpinați probleme în utilizarea acestui script atunci vă rog să postați aici. Vă voi ajuta cu drag!

09-28-2011 12:32 PM

Salutare! Am instalat si eu acest script si nu pot sa-l asez in linie. Ori se aseza sus,ori jos.

[Imagine: demobt.png]

09-28-2011 01:16 PM

Încearcă ceva în genul următor :

HTML Code

<div style="display: inline" id="mybbro_minibanner"></div>

în loc de :

HTML Code

<div id="mybbro_minibanner"></div>

09-28-2011 01:22 PM

Acum este foarte bine. Cred ca ar trebui sa perfectionezi acest script prin introducerea acestui cod

Cod:

<div style="display: inline" id="mybbro_minibanner"></div>

In loc de:

Cod:

<div id="mybbro_minibanner"></div>

09-28-2011 01:24 PM

Nu neapărat... Poate unii vor să îl afișeze în stil de bloc. Este totuși o idee de a adăuga această opțiune în scriptul JS. Astfel încât oamenii să poată alege... Eu vreau să fie cât mai flexibil și să poată fi folosit de oricine!

09-28-2011 01:26 PM

(09-28-2011 01:24 PM)Mihu Scris: Nu neapărat... Poate unii vor să îl afișeze în stil de bloc. Este totuși o idee de a adăuga această opțiune în scriptul JS. Astfel încât oamenii să poată alege... Eu vreau să fie cât mai flexibil și să poată fi folosit de oricine!

Da, corect, fiecare sa il afiseze asa cum vor insa tare mult mi-ar place ca cineva sa mai aduge cateva butoabe. Cele actuale nu prea arata a butoane oficiale. Voi incerca eu sa contactez un prieten sa vad daca ma ajuta cu 2-3 butoane mybb romania.

09-28-2011 01:29 PM

Până când mai apar și alte butoane poți să scoți acel div și nu se va mai afișa nimic...Eu am făcut sciptul ca să existe și fiecare să aleagă... Ar fi bine dacă am avea cât mai multe butoane pentru că sunt multe teme de forum și din păcate nu toate butoanele de potrivesc cu orice temă.

09-28-2011 10:13 PM

S-a adăugat minibanner-ul cu numărul #3.

10-01-2011 12:29 PM

(09-28-2011 10:13 PM)Mihu Scris: S-a adăugat minibanner-ul cu numărul #3.

Am observat ca s-a adaugat, dar desi scrie ca este cea implicita, la cel in care il adaugi in footer nu este default. Iar unde sunt cele 3 imagini, la a 3-a ai pus acelasi nume cu primul (89x31_1).

10-01-2011 02:38 PM

(10-01-2011 12:29 PM)ESFplayer Scris:
(09-28-2011 10:13 PM)Mihu Scris: S-a adăugat minibanner-ul cu numărul #3.

Am observat ca s-a adaugat, dar desi scrie ca este cea implicita, la cel in care il adaugi in footer nu este default. Iar unde sunt cele 3 imagini, la a 3-a ai pus acelasi nume cu primul (89x31_1).

Cred ca Mihu a numit acea imagine tot (89x31_1) deoarce are extensia .png iar celelalte sunt .jpg. La mine apare imaginea transparenta ca default insa mi-ar fi placut sa fie una cu bordura.

Threaded Mode \| Mod liniar Promovare
Autor	Mesaj