Schimbarea dimensiunii unui videoclip

Vezi subiectul anterior Vezi subiectul urmator In jos

Tutorial Schimbarea dimensiunii unui videoclip

Mesaj Scris de Zeus la data de Vin 28 Feb - 21:38

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:


1. Intrati in:
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(http://i57.servimg.com/u/f57/16/90/71/02/marest10.png)
no-repeat;
margin-left: -1px;
height: 22px;
cursor: pointer;
}

.buton {
background-image: url(http://i57.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:
http://i57.servimg.com/u/f57/16/90/71/02/micsor11.png - Reprezinta adresa URL a butonului de micsorare a videoclipului
http://i57.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
Tutorial scris de Zeus

Copyright ˆ Forumgratuit.ro Nici o parte a acestui tutorial nu poate fi reprodusa, transmisa sau stocata in orice forma fara acordul scris al detinatorului dreptului de autor, in conformitate cu articolul L122-1 apartinand ICC.
avatar
Zeus
Administrator
Administrator

masculin

Mesaje : 4153
Localizare : Bucuresti, Romania
Data înscrierii : 19/02/2012
Multumiri : 639
Niciun avertisment

https://github.com/zeusmaximus

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum