Forum gratuit: forum de suport al utilizatorilor
Doriți să reacționați la acest mesaj? Creați un cont în câteva clickuri sau conectați-vă pentru a continua.

Schimbarea dimensiunii unui videoclip

Vezi subiectul anterior Vezi subiectul urmator In jos

Tutorial Schimbarea dimensiunii unui videoclip

Mesaj 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-jum10P.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:
Schimbarea dimensiunii unui videoclip Go-jum10P.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!  Felicitari
Zeus

Zeus
Membru onorific
Membru onorific

Mesaje : 4160
Varsta : 27
Localizare : Bucuresti, Romania
Data înscrierii : 19/02/2012
Mulțumiri : 644
Google Chrome phpBB3

https://github.com/zeusmaximus
Zeus a fost mulțumit de autorul acestui subiect.

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum