|
|
|
If you are looking for a custom blank module that you can enter your own module title and content within the module
and customize it fully to match your current modules just follow the instructions below. The sample codes below are
coded to display like in the example screen shot below of a default 2.0 page.
|
|
|
|
 |
|
|
|
Step 1: Add this to your About Me/Like To Meet module (section)
<div class="mscModule">
<h4>My Custom 2.0 Module Title</h4>
My custom 2.0 module text and images will go here.
My custom 2.0 module text and images will go here.
My custom 2.0 module text and images will go here.
</div>
Step 2: Add this to your CSS box in 2.0
.msc {http://www.myspace-compilation.com/custommodule2}
div.mscModule {position:absolute; left:20px; TOP:0px; height:150px; width:580px; background-color:white; border:4px solid
#E5E5E5; -moz-border-radius:4px; -webkit-border-radius:4px;}
div.mscModule h4 {height:15px; margin: 5px; padding:5px; background-color: #F8D49B; color: #464646;}
div.column1 {position:relative; padding-TOP:150px;}
In step two, you can adjust the height, width, background color, border size and color of the custom module.
If you want to change the color of the title background color then you will need to change the background-color and
color in the "h4" line of the code.
This sample code above puts the custom module on the very top right of your right side column. You can also
place this custom module at the very bottom of the right side column. Use this to do so:
.msc {http://www.myspace-compilation.com/custommodule2}
div.mscModule {position:absolute; left:20px; BOTTOM:0px; height:150px; width:580px; background-color:white; border:4px solid
#E5E5E5; -moz-border-radius:4px; -webkit-border-radius:4px;}
div.mscModule h4 {height:15px; margin: 5px; padding:5px; background-color: #F8D49B; color: #464646;}
div.column1 {position:relative; padding-BOTTOM:150px;}
You can place this custom module at the very top of the left side column (above Interests, etc) by pasting the code
in step one IN the Interests module (instead of the about me module). Then use this for step two:
.msc {http://www.myspace-compilation.com/custommodule2}
div.mscModule {position:absolute; left:20px; TOP:0px; height:150px; width:580px; background-color:white; border:4px solid
#E5E5E5; -moz-border-radius:4px; -webkit-border-radius:4px;}
div.mscModule h4 {height:15px; margin: 5px; padding:5px; background-color: #F8D49B; color: #464646;}
div.column0 {position:relative; padding-TOP:150px;}
Or you can also place this custom module at the very bottom of the left column. Use this for step two:
.msc {http://www.myspace-compilation.com/custommodule2}
div.mscModule {position:absolute; left:20px; BOTTOM:0px; height:150px; width:580px; background-color:white; border:4px solid
#E5E5E5; -moz-border-radius:4px; -webkit-border-radius:4px;}
div.mscModule h4 {height:15px; margin: 5px; padding:5px; background-color: #F8D49B; color: #464646;}
div.column1 {position:relative; padding-BOTTOM:150px;}
If you have questions/comments about this code you can ASK HERE.
|
|
|
|
|
|
|
|
