A quick and effective way to enhance and personalize a web page or section (body, div, table) is to add a video background. It can also increase depth than the flat color. For example, let's take a look at how to add a background image to the myspace page; Http://www.myspace.com/digify
MySpace allows users to add CSS codes to content areas on their pages. Adding tags to one of the text fields usually "About me" can change the appearance of many page attributes. Most standard CSS definitions are allowed, but it should be noted that changing attributes such as z-index is prohibited. Also, CSS codes that attempt to suppress or remove advertisements will be blocked or violated by the terms and conditions of MySpace.
If you have any specific "How Do I ..." requests to improve your MySpace (or other social networking) pages, feel free to comment or email. By sending a message to myspace_help@xhtmltips.co.uk, we will propose some solutions and publish additional articles "How to ...".
The main CSS code attached to the background image is:
Background image: url ('<a target="_new" rel="nofollow" href="http://www.xhtmltips.co.uk/myspace/purple_wave_800.jpg"> http://www.xhtmltips.co. Uk / myspace / purple_wave_800.jpg </a> ');
It will upload a purple gradient background. Video file location added via URL (''); A function that can be a local file or a full URI.
By default, the background image will be added to the upper left area and will be "tile" both horizontally and vertically. This can be done through two additional CSS codes to change this setting in order to achieve other various effects;
Background position:
Background repeat:
For example; If the gradient image starts with a solid color on the left side and faded to white, we can only want it to be tiled vertically, and leave it to the right as the background color is white.
Background repeat: repeat-y;
A background image with a color on the right and a white background on the left, both codes can be used as follows:
Background repeat: repeat-y;
Background position: right center;
Using these codes, we can now modify our myspace background, which will be a central violet gradient, tiled vertically and horizontally. Myspace css code is as follows:
<Style style = "text / css">
* {Background: transparent; Walls: 0px;)
body {
Background image: url ('<a target="_new" rel="nofollow" href="http://www.xhtmltips.co.uk/myspace/purple_wave_800.jpg"> http://www.xhtmltips.co. Uk / myspace / purple_wave_800.jpg ');
Background position: center;
}
</ Style>
MySpace allows users to add CSS codes to content areas on their pages. Adding tags to one of the text fields usually "About me" can change the appearance of many page attributes. Most standard CSS definitions are allowed, but it should be noted that changing attributes such as z-index is prohibited. Also, CSS codes that attempt to suppress or remove advertisements will be blocked or violated by the terms and conditions of MySpace.
If you have any specific "How Do I ..." requests to improve your MySpace (or other social networking) pages, feel free to comment or email. By sending a message to myspace_help@xhtmltips.co.uk, we will propose some solutions and publish additional articles "How to ...".
The main CSS code attached to the background image is:
Background image: url ('<a target="_new" rel="nofollow" href="http://www.xhtmltips.co.uk/myspace/purple_wave_800.jpg"> http://www.xhtmltips.co. Uk / myspace / purple_wave_800.jpg </a> ');
It will upload a purple gradient background. Video file location added via URL (''); A function that can be a local file or a full URI.
By default, the background image will be added to the upper left area and will be "tile" both horizontally and vertically. This can be done through two additional CSS codes to change this setting in order to achieve other various effects;
Background position:
Background repeat:
For example; If the gradient image starts with a solid color on the left side and faded to white, we can only want it to be tiled vertically, and leave it to the right as the background color is white.
Background repeat: repeat-y;
A background image with a color on the right and a white background on the left, both codes can be used as follows:
Background repeat: repeat-y;
Background position: right center;
Using these codes, we can now modify our myspace background, which will be a central violet gradient, tiled vertically and horizontally. Myspace css code is as follows:
<Style style = "text / css">
* {Background: transparent; Walls: 0px;)
body {
Background image: url ('<a target="_new" rel="nofollow" href="http://www.xhtmltips.co.uk/myspace/purple_wave_800.jpg"> http://www.xhtmltips.co. Uk / myspace / purple_wave_800.jpg ');
Background position: center;
}
</ Style>
Although this allows you to add a tile background, it is a pitiful consequence that some texts are not readable when white or light text is displayed in white or light.
Fortunately, with some amazing myspace specific CSS codes, this can be solved:
<Style style = "text / css">
Body.bodycontent table tr td {
Background: clear; Walls: 0px;
Color black! Important
}
Table.navigationBar * {
Background: SteelBlue;
}
Table.contactTable * {
Background: CornflowerBlue;
}
body {
Background image: url ('<a target="_new" rel="nofollow" href="http://www.xhtmltips.co.uk/myspace/purple_wave_800.jpg"> http://www.xhtmltips.co. Uk / myspace / purple_wave_800.jpg ');
Background position: center;
} </ Style>
If you copy the above codes, including '' and '' tags to one of your myspace content areas, for example, in the 'About me' box, you should see the appearance of your MySpace page.
View the myspace background example (http://www.myspace.com/digify) to see the finished effect.
Since 1997 Bill develops, maintains and promotes web pages and web applications. During this time, he has worked for a number of companies and agencies to improve his online activities through campaigns in the "blue chips", government and academic institutions.
0 comments:
Post a Comment