Media Shop & Gallery Layouts

Page 1

Media 1

Works In

Shops & Galleries

Tested With

Firefox, Google Chrome, IE

The Code

Select All

<style type="text/css" >
#footer, .sidebar, .adBox, .nfw, #ban, #ban_bottom, .ad_wrapper_fixed, hr, .adBox2,.footOverlay, #nst{display:none}
#header {background:none; border:none; width:0px}
.content {background:none; width:575px; float:left; }
#main, #content {background:none; width:500px; border:none; padding-top:300px; float:left; padding-left:45px; }
#bar{position:absolute;left:732px;top:10px;width:160px;z-index:2;overflow: auto;height: 800px;text-align:left;}
img { border-width: 0px;}
body {background:url(http://www.myjadedreality.com/x_neo/graphics/shops/media/1_bg.gif);background-attachment: fixed; background-repeat: repeat-y; background-color: #000;}
}
b {color:#000;font:8pt tahoma;}
a b{color:#000;font:8pt tahoma;}
a:hover b{color:#4A3517;font:8pt tahoma;text-decoration:underline;}
a:link{color:#000;font:8pt tahoma; text-decoration: none;} 
a:visited{color:#000;font:8pt tahoma; text-decoration: none;} 
a:hover {color:#4A3517;font:8pt tahoma; text-decoration: none;}
h1 {color:#E4E0D7;background-color:#4A3517;
font-size:16px;font-weight:bold;border-bottom:2px solid #000;border-top:2px solid #000;border-left:2px solid #000;border-right:2px solid #000;text-align:center;
}
.nav_image img{visibility:hidden;margin-left: -10px}
#navigation{position:absolute;top:400px;left:80px;z-index:5;  height:0px; width:800px;}
ul.dropdown {filter:alpha(opacity=85);opacity:.85;border: 1px solid #000;background-color:#E4E0D7;}
li:hover ul.dropdown a, li.over ul.dropdown a {color: #000;}
li:hover ul.dropdown a:hover, li.over ul.dropdown a:hover {color:#C64E1B;
}
.mjr1 {position:absolute; top:0px; left:75px;}
body, div, table, tr, td{color:#000;font:8pt tahoma;text-decoration:none;}
</style >

<div class="mjr1">
<img src="http://www.myjadedreality.com/x_neo/graphics/shops/media/1_header.png" width="629" height="729"></div>

<div id="bar">
<h1>Info</h1>
Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! 
</div>

Media 2

Works In

Shops & Galleries

Tested With

Firefox, Google Chrome, IE

The Code

Select All

<style type="text/css" >
#footer, .sidebar, .adBox, .nfw, #ban, #ban_bottom, .ad_wrapper_fixed, hr, .adBox2,.footOverlay, #nst{display:none}
#header {background:none; border:none; width:0px}
.content {background:none; width:575px; float:left; }
#main, #content {background:none; width:500px; border:none; padding-top:250px; float:left; padding-left:45px; }
#bar{position:absolute;left:732px;top:10px;width:160px;z-index:2;overflow: auto;height: 800px;text-align:left;}
img { border-width: 0px;}
body {background:url(http://www.myjadedreality.com/x_neo/graphics/shops/media/2_bg.gif);background-attachment: fixed; background-repeat: repeat-y; background-color: #000;}
}
b {color:#000;font:8pt tahoma;}
a b{color:#000;font:8pt tahoma;}
a:hover b{color:#B50128;font:8pt tahoma;text-decoration:underline;}
a:link{color:#000;font:8pt tahoma; text-decoration: none;} 
a:visited{color:#000;font:8pt tahoma; text-decoration: none;} 
a:hover {color:#B50128;font:8pt tahoma; text-decoration: none;}
h1 {color:#B50128;background-color:#000;
font-size:16px;font-weight:bold;border-bottom:2px solid #000;border-top:2px solid #000;border-left:2px solid #000;border-right:2px solid #000;text-align:center;
}
.nav_image img{visibility:hidden;margin-left: -10px}
#navigation{position:absolute;top:300px;left:80px;z-index:5;  height:0px; width:800px;}
ul.dropdown {filter:alpha(opacity=85);opacity:.85;border: 1px solid #000;background-color:#000;}
li:hover ul.dropdown a, li.over ul.dropdown a {color: #B50128;}
li:hover ul.dropdown a:hover, li.over ul.dropdown a:hover {color:#FFF;
}
.mjr1 {position:absolute; top:0px; left:75px;}
body, div, table, tr, td{color:#000;font:8pt tahoma;text-decoration:none;}
</style >

<div class="mjr1">
<img src="http://www.myjadedreality.com/x_neo/graphics/shops/media/2_header.png" width="629" height="623"></div>

<div id="bar">
<h1>Info</h1>
Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! 
</div>

Media 3

Works In

Shops & Galleries

Tested With

Firefox, Google Chrome, IE

The Code

Select All

<style type="text/css" >
#footer, .sidebar, .adBox, .nfw, #ban, #ban_bottom, .ad_wrapper_fixed, hr, .adBox2,.footOverlay, #nst{display:none}
#header {background:none; border:none; width:0px}
.content {background:none; width:575px; float:left; }
#main, #content {background:none; width:500px; border:none; padding-top:250px; float:left; padding-left:45px; }
#bar{position:absolute;left:732px;top:10px;width:160px;z-index:2;overflow: auto;height: 800px;text-align:left;}
img { border-width: 0px;}
body {background:url(http://www.myjadedreality.com/x_neo/graphics/shops/media/3_bg.gif);background-attachment: fixed; background-repeat: repeat-y; background-color: #FFF;}
}
b {color:#000;font:8pt tahoma;}
a b{color:#000;font:8pt tahoma;}
a:hover b{color:#A90B31;font:8pt tahoma;text-decoration:underline;}
a:link{color:#000;font:8pt tahoma; text-decoration: none;} 
a:visited{color:#000;font:8pt tahoma; text-decoration: none;} 
a:hover {color:#A90B31;font:8pt tahoma; text-decoration: none;}
h1 {color:#000;background-color:#FFF;
font-size:16px;font-weight:bold;border-bottom:2px solid #A90B31;border-top:2px solid #A90B31;border-left:2px solid #A90B31;border-right:2px solid #A90B31;text-align:center;
}
.nav_image img{visibility:hidden;margin-left: -10px}
#navigation{position:absolute;top:550px;left:80px;z-index:5;  height:0px; width:800px;}
ul.dropdown {filter:alpha(opacity=85);opacity:.85;border: 1px solid #A90B31;background-color:#FFF;}
li:hover ul.dropdown a, li.over ul.dropdown a {color: #A90B31;}
li:hover ul.dropdown a:hover, li.over ul.dropdown a:hover {color:#000;
}
.mjr1 {position:absolute; top:0px; left:75px;}
body, div, table, tr, td{color:#000;font:8pt tahoma;text-decoration:none;}
</style >

<div class="mjr1">
<img src="http://www.myjadedreality.com/x_neo/graphics/shops/media/3_header.png" width="629" height="649"></div>

<div id="bar">
<h1>Info</h1>
Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! Put your info here! 
</div>