Author Topic: A border around a embedded youtube video (Read 1111 times)

Tence · « **on:** July 13, 2007, 06:03:46 PM »

Ok i got a lil question for ya.....i got a video on my myspace and i got it from youtube and its shrunk and embedded but it it possible to put some sort of frame around it.....that way it will look like your watching a old 50's style tv?

ImPaKt · « **Reply #1 on:** July 15, 2007, 08:54:36 AM »

Using CSS in Myspace works doesnt it

make the html table like this

___________________________________________________________________
|--------------------------------------------------------------------------------------------|
|--------------------------------------------------------------------------------------------|
|-----------------------------------------TV TOP-------------------------------------------|
|__________________________________________________________________|
|--------------|----------------------------------------------------------|------------------|
|--------------|----------------------------------------------------------|------------------|
|--------------|----------------------------------------------------------|------------------|
|--------------|----------------------------------------------------------|------------------|
|--------------|----------------------------------------------------------|------------------|
|--------------|----------------------------------------------------------|------------------|
|--------------|--------------------------YT VIDEO---------------------|------------------|
|-----LEFT----|----------------------------------------------------------|-----RIGHT-----|
|--------------|----------------------------------------------------------|------------------|
|--------------|----------------------------------------------------------|------------------|
|--------------|----------------------------------------------------------|------------------|
|--------------|----------------------------------------------------------|------------------|
___________________________________________________________________
|--------------------------------------------------------------------------------------------|
|--------------------------------------------------------------------------------------------|
|-----------------------------------------TV BASE-----------------------------------------|
|__________________________________________________________________|

Give each box a css style using

<table class="TV_TOP">

etc and then define each class with a css tag

.TV_TOP{
background: picture of top of tv;
border: none
}

Then place the embed link in the middle

Hope that helps

EDIT: Stupid forums fucked up my artwork -_-

Link · « **Reply #2 on:** July 15, 2007, 09:33:26 AM »

why css ?
Just make the table and make a bg image in each cell.

EDIT:
[codebox]<head>
</head>
<body>
<table width="100" height="100" border="0">
<tr>
<td background="images/"> </td>
<td background="images/"> </td>
<td background="images/"> </td>
</tr>
<tr>
<td background="images/"> </td>
<td background="images/">YOUTUBE LINK HERE</td>
<td background="images/"> </td>
</tr>
<tr>
<td background="images/"> </td>
<td background="images/"> </td>
<td background="images/"> </td>
</tr>
</table>
</body>[/codebox]

torekk · « **Reply #3 on:** July 15, 2007, 11:28:36 AM »

^ But don't forget to change the width and height of the table, or it will screw up.

Psycho · « **Reply #4 on:** July 15, 2007, 04:57:49 PM »

ImPaKt, just use courier