leejohn02
08-26-2011, 10:00 PM
I made this for my site the other day, still havent got round to setting it up with all themes yet, so no demo, what this enables you to do is add a colored border to the youtube video so it looks more like an embedded video on the site
To make the border you will have to edit the additional.css code in the templates area of each theme, add this code to the bottom
.border1 {
border:3px solid blue;
width:425px;
height:350px;
}
you will need to change the width and height to the same size you wish to in the bb code
also the color and border size can be changed depending on what thickness you want
To create the bb code add the following in each field
Title : Youtube
bb code tag name : yt
Replacement : <div class="border1">
<object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/{param}"></param><embed src="http://www.youtube.com/v/{param}" type="application/x-shockwave-flash" width="425" height="350"></embed></object>
</div>
Example : J3vw7Cp_9Yk
Use : no
remove tags if empty : yes
the remaining to no
The parts in red between the bbcode and css have to be the same otherwise the border wont work correctly.
Hope this and helps and enjoy, please remember to mark and installed
If anyone wishes to reuse this code and expand on it please feel free
screenshot of red http://pureglitching.com/screen/donators/zhdigv.png
To make the border you will have to edit the additional.css code in the templates area of each theme, add this code to the bottom
.border1 {
border:3px solid blue;
width:425px;
height:350px;
}
you will need to change the width and height to the same size you wish to in the bb code
also the color and border size can be changed depending on what thickness you want
To create the bb code add the following in each field
Title : Youtube
bb code tag name : yt
Replacement : <div class="border1">
<object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/{param}"></param><embed src="http://www.youtube.com/v/{param}" type="application/x-shockwave-flash" width="425" height="350"></embed></object>
</div>
Example : J3vw7Cp_9Yk
Use : no
remove tags if empty : yes
the remaining to no
The parts in red between the bbcode and css have to be the same otherwise the border wont work correctly.
Hope this and helps and enjoy, please remember to mark and installed
If anyone wishes to reuse this code and expand on it please feel free
screenshot of red http://pureglitching.com/screen/donators/zhdigv.png