"Adding Sections Background Images"



Sections   Backgrounds


Mit den folgenden Codes kannst du jeder Sektion eine andere Hintergrund-Grafik zuweisen.
Du mußt nur IMAGE URL durch deine eigene URL ersetzen.
- Du kannst auch die angegebenen 'table classes' benutzen um den Tabellen Hintergrundfarben, Rahmen, etc. zuzufügen.


With the following codes you can assign to every section another background graphic.
You need only to replace IMAGE URL with your own.
- In addition, you can use the given below 'table classes' to add background colors, borders etc. to the tables.


Note :

- Für "Hintergrundfarben" ändere einfach:
- For "Background Colors" you have to change:

background-image:url(IMAGE URL);
background-color:transparent;

  in: / to:

background-color:Your Color !important;
background-color:transparent;




"Bild/Namen-Tabelle"
"Pic/Name Table"


°code°
<style type="text/css">
.K {Def. Pic. Background Image}
table.profileInfo {
background-image:url(IMAGE URL);}
table.profileInfo * {
background-color:transparent;}
</style>


"Kontakt Tabelle"
"Contact Table"


°code°
<style type="text/css">
.K {Contact Table Background Image}
table.contactTable {
background-image:url(IMAGE URL);}
table.contactTable * {
background-color:transparent;}
</style>

"Myspace URL Tabelle"
"Myspace URL Table"


°code°
<style type="text/css">
.K {URL Box Background Image}
table.userProfileURL {
background-image:url(IMAGE URL);}
table.userProfileURL * {
background-color:transparent;}
</style>

"Interessen Sektion"
"Interests Section"


°code°
<style type="text/css">
.K {Interests Background Image}
table.interestsAndDetails {
background-image:url(IMAGE URL);}
table.interestsAndDetails * {
background-color:transparent;}
</style>


"Details Sektion"
"Details Section"


°code°
<style type="text/css">
.K {Details Background Image}
table.userProfileDetail {
background-image:url(IMAGE URL);}
table.userProfileDetail * {
background-color:transparent;}
</style>


"Schulen Sektion"
"Schools Section"


°code°
<style type="text/css">
.K {Schools Background Image}
table.userProfileSchool {
background-image:url(IMAGE URL);}
table.userProfileSchool * {
background-color:transparent;}
</style>


"Firmen Sektion"
" Companies Section"


°code°
<style type="text/css">
.K {Companies Background Image}
table.userProfileCompany {
background-image:url(IMAGE URL);}
table.userProfileCompany * {
background-color:transparent;}
</style>


"Netzwerk Sektion"
"Networking Section"


°code°
<style type="text/css">
.K {Networking Background Image}
table.userProfileNetwork {
background-image:url(IMAGE URL);}
table.userProfileNetwork * {
background-color:transparent;}
</style>


"Erweitertes Netzwerk Sektion"
"Extended Network Section"


°code°
<style type="text/css">
.K {Extended Network Background Image}
table.extendedNetwork {
background-image:url(IMAGE URL);}
table.extendedNetwork * {
background-color:transparent;}
</style>


"Blog Tabelle"
"Blog Table"


°code°
<style type="text/css">
.K {Blog Background Image}
table.latestBlogEntry {
background-image:url(IMAGE URL);}
table.latestBlogEntry * {
background-color:transparent;}
</style>


"Kurzinfo Tabelle"
"Blurbs Table"


°code°
<style type="text/css">
.K {Blurbs Background Image}
table.blurbs {
background-image:url(IMAGE URL);}
table.blurbs * {
background-color:transparent;}
</style>


"Tabelle Der Top Freunde"
"Friend Space"


°code°
<style type="text/css">
.K {Friends Background Image}
table.friendSpace {
background-image:url(IMAGE URL);}
table.friendSpace * {
background-color:transparent;}
</style>


"Kommentar Tabelle"
"Comment Section"


°code°
<style type="text/css">
.K {Comments Background Image}
table.friendsComments {
background-image:url(IMAGE URL);}
table.friendsComments * {
background-color:transparent;}
</style>




Other   Sections :


°" URL, Calendar & Extended Network "°

URL Table
Calendar Section
Extended Network Section



Suggestion :


°" Add Images, Borders & Color Codes "°

Image Hosting
Table Border Styles
HTML 6-Digit Hex Color Codes



Eingestellt von KhAk