Salutare prieteni,
In tutorialul de astazi am sa va arat cum puteti adauga un buton pentru marirea/micsorarea unui videoclip. Acest tutorial functioneaza pentru toate versiuniile, deci haideti sa incepem.
1. Intrati in:
P.A ~> Module ~> HTML&JAVASCRIPT ~> Gestiunea codurilor javascript ~> Creati un nou javascript
Adaugati urmatorul cod:
Cod:
$(function(){
$('
').insertBefore('.postbody embed');
$('.postbody .youtube').click(function() {
$(this).toggleClass('buton').before;
$(this).next().toggleClass('toogle');
});
});
Setati vizualizarea scriptului pentru toate paginile si apasati pe validare .
2. Intrati in:
P.A ~> Afisare ~> Imagini si culori ~> Culori ~> Foaie de stil css
Adaugati urmatorul cod:
Cod:
.youtube,.buton{
background: transparent url(https://i.servimg.com/u/f57/16/90/71/02/marest10.png)
no-repeat;
margin-left: -1px;
height: 22px;
cursor: pointer;
}
.buton {
background-image: url(https://i.servimg.com/u/f57/16/90/71/02/micsor11.png);
}
.toogle{
width: 640px;
height: 390px;
}
Marimea videoclipului redimensionat:
width: 640px; - Reprezinta latimea videoclipului. Modificati valoarea 640 cu un numar mai mic sau mai mare, dupa propriile preferinte.
height: 390px; - Reprezinta inaltimea videoclipului. Modificati valoarea 390 cu un numar mai mic sau mai mare, dupa propriile preferinte.
Schimbarea imaginilor:https://i.servimg.com/u/f57/16/90/71/02/micsor11.png - Reprezinta adresa URL a butonului de micsorare a videoclipului
[Trebuie sa fiti inscris si conectat pentru a vedea acest link] - Reprezinta adresa URL a butonului de marire a videoclipului
3. Odata ce am terminat cu pasul al 2-lea, nu mai ramane decat sa inserati un videoclip intr-un subiect, mesaj sau semnatura folosind unul din urmatoarele coduri:
Cod:
[flash(525,350)]ADAUGATI AICI LINK YOUTUBE[/flash]
Sau
Cod:
[youtube]ADAUGATI AICI LINK YOUTUBE[/youtube]
Succes!