Schimbarea dimensiunii unui videoclip

Scris de Zeus Vin Feb 28, 2014 9:38 pm

Schimbarea dimensiunii unui videoclip

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.
Demonstratie pentru a vedea despre ce este vorba:
Schimbarea dimensiunii unui videoclip KS99TD3

1. Intrati in:

Schimbarea dimensiunii unui videoclip Go-jum10

P.A ~> Module ~> HTML&JAVASCRIPT ~> Gestiunea codurilor javascript ~> Creati un nou javascript

Adaugati urmatorul cod:

Cod:: $(function(){ $('<div class="youtube"></div>').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
https://i.servimg.com/u/f57/16/90/71/02/marest10.png - 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!