.youtube-box { text-align:center; background-color: black; width: 640px; max-width: 100%; margin: 0 auto; overflow: hidden; position: relative; } .youtube-frame { background-color: black; width: 640px; height: auto; max-width: 100%; text-align: center; margin: 0 auto; } .youtube-img { position: relative; height: 100%; width: 100%; margin-top: -7%; margin-bottom: -8.5%; transform: scale(1.1); } .youtube-box span { display:block; position:absolute; top:0px; right:0px; bottom:0px; left:0px; } .youtube-box .gradient { background: transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9b27E6FxoyZjcajmNeZHP7srfMBHa9EG0f6Wkm-82ikbGSik5XNsdXlPrT2rxMIlbgEVhan9LplKwu8p9YfmFoWwr3iyNNJJz-9_3rEwbOcox7k3dH9M-d0b-cBuq2RhocJEqyvOubvQ/s1600/gradient.png') repeat-x top left; } .youtube-box .youtube-title { background: transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBT3ie3JRFbzltTD_1CirHdDd56nQwskTGcrUWnKIINPNvWfN5IosBVlOGOkMnLEwJvN4l-uip3Xa6b5qmL6xLptFT8zqup31pcQOJIHm75VCcKA3B978ijF41nvY0oldWJjYm1i1tji0/s1600/t-title-bg.png') no-repeat 98% 50%; font:normal 19px Arial,Sans-Serif; color:white; text-shadow:0px 1px 2px black; bottom:auto; line-height:40px; height:40px; overflow:hidden; padding:0px 15px; text-align: left; } .youtube-box .youtube-play { cursor:pointer; width:74px; height:52px; top:50%; left:50%; margin:-26px 0px 0px -40px; background:transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOPNzzmv-4RPh4WdHgYsHCE-A_m3rzsDMqaY8kMId91XtiyprqSvTnBc_tH7jEAeL-23NCJ_ucIoEJzmPY7PR2K9cTW_Q2uFRCcCZY-6DAP3nHyiC2WYcdZF6Ja8bzxz8WglyKHYBw-Qw/s1600/yt-play-new.png') no-repeat top left; } .youtube-box .youtube-play:hover { background-position:bottom left; } .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النص العربى، حيث يمكنك أن تولد مثل هذا النص أو العديد من النصوص الأخرى إضافة إلى زيادة عدد الحروف التى يولدها التطبيق
ليست هناك تعليقات:
إرسال تعليق