/ Published in: CSS
I needed a way to replace the default myspace headings with pictures.
It was easy enough to just superimpose jpg's over most of these with a {position:relative;} tag but the gigschedule proved a little harder as the distance between the top of the "bio" and the top of the "bandschedule" changes depending on the number of upcoming gigs.
It was easy enough to just superimpose jpg's over most of these with a {position:relative;} tag but the gigschedule proved a little harder as the distance between the top of the "bio" and the top of the "bandschedule" changes depending on the number of upcoming gigs.
Expand |
Embed | Plain Text
Copy this code and paste it in your HTML
/*this inserts the picture where it needs to be as a background */ div table td.text{ background-image:url('??'); /* insert url of pic */ background-position:bottom left; height:??px; /* set equal to the height of pic */ background-repeat:no-repeat; } /* this hides the default heading text "Upcoming Shows" and the link "(view all)" */ div table td.text span.whitetext12, div table span.whitelink {display:none;}
URL: http://www.myspace.com/skyeharbour