Forum Moderators: not2easy
********************************************************************
HTML:
<div id="Page">
<div id="TopMenuFlash">
</div>
<div id="StageArea">
<div id="HeaderArea">
</div>
<script type="text/javascript">
var so = new SWFObject("/Global/Flash/MainMenu.swf", "mainMenu", 900, 70, 9);
so.addParam("wmode", "transparent");
so.addVariable("xmlSource", "/Templates/Custom/XML/MainMenu.xml?id=4694");
so.addVariable("selectedValue", "/");
so.write("TopMenuFlash");
</script>
<div id="MainArea">
</div>
</div>
<div id="FlashArea">
<div id="StartContainer">
<a href="http://www.macromedia.com/go/getflashplayer">Denna sida kräver Flash spelare, klicka här för att ladda ner en gratis</a>
</div>
<script type="text/javascript">
var so = new SWFObject("/Global/Flash/Start.swf", "start", 900, 595, 9);
so.addParam("wmode", "transparent");
so.addVariable("xmlSource", "/Templates/Custom/XML/Hem_154.xml?id=3875");
so.write("StartContainer");
</script>
</div>
<div id="FooterArea">
<div id="FooterAreaCenter">
<div id="FooterHomepagePlacement">
<div id="FooterHomepage" onclick="gotoTopPage();">
</div>
</div>
<div id="FooterPlacement">
<div id="FooterLeft">
<a href="/Cookies/">Cookies</a>
</div>
<div id="FooterRight">
<snip>
</div>
</div>
</div>
</div>
</div>
********************************************************************
CSS:
/************************/
/* GLOBAL */
/************************/
img, div { behavior: url(/Templates/Custom/Scripts/iepngfix.htc) }
html, body, form {
height:100%;
overflow: hidden;
}
body {
margin:0;
padding:0;
font:76%/1.4 helvetica, verdana, arial, sans-serif;
overflow: hidden;
}
#Page
{
background: url(../Images/testbild_botten.jpg) no-repeat top;
position:relative;
height:100%;
min-height: 100%;
}
a
{
color: #000000;
text-decoration:none;
}
h1 {font-weight: bold; font-size: 24px; padding: 0; margin: 0; color: #333333; line-height: 1em}/*Recipe header*/
h2 {font-weight: bold; font-size: 20px; padding: 0; margin: 0; color: #B00000}/*News header*/
h3 {font-weight: bold; font-size: 14px; padding: 0; margin: 0;color: #B00000}/*Common header*/
h4 {font-weight: bold; font-size: 1em; padding: 0; margin: 0.4em 0;color: #B00000}/*MediaMenu header*/
h5 {font-weight: bold; font-size: 1em; padding: 0; margin: 0.4em 0;color: #B00000}/*MediaSubMenu header*/
h6 {font-size: 10px; padding: 0; margin: 0; color: #B00000}/*Media bank*/
#StageArea
{
/*border: solid 1px #747170;*/
position:relative;
height:89%;
text-align: center;
overflow:auto;
}
#HeaderArea
{
/*border: solid 1px #747170;*/
position: relative;
width:1024px;
height:150px;
margin:0 auto;
}
#MainArea
{
/*border: solid 1px #747170;*/
width:1024px;
margin:0 auto;
}
/************************/
/* FLASH */
/************************/
#TopMenuFlash
{
position:absolute;
top:0px;
width:100%;
text-align:center;
z-index: 200;
}
#FlashArea
{
/*border: solid 1px #747170;*/
position:absolute;
bottom:105px;
width:100%;
text-align:center;
}
/************************/
/* FOOTER */
/************************/
#FooterArea
{
background: url(../Images/bottendel_flode.png) repeat-x;
position:absolute;
bottom:0;
width:100%;
text-align:center;
}
#FooterAreaCenter
{
position:relative;
background: url(../Images/bottendel.png) no-repeat center;
height:126px;
margin:0 auto;
width:1024px;
text-align: left;
}
#FooterPlacement
{
position:absolute;
bottom:7px;
width:100%;
}
#FooterLeft
{
position:relative;
float:left;
margin-left: 10px;
}
#FooterRight
{
position:relative;
float:right;
margin-right: 10px;
}
#FooterRight,#FooterLeft
{
color: #4d4d4d;
font-size: 0.9em;
}
#FooterHomepagePlacement
{
position:absolute;
bottom:35px;
width:100%;
}
#FooterHomepage
{
position:relative;
float:right;
width:160px;
height:25px;
cursor:pointer;
}
/************************/
/* Contact */
/************************/
#ContactName
{
margin-bottom: 0.4em;
}
/**********************************/
/* Image classes for content */
/**********************************/
img.topleft
{
float: left;
margin: 0 1em 1em 0;
}
img.topright
{
float: right;
vertical-align: top;
margin: 0 0 1em 1em;
}
#StartContainer a
{
font-size: 24px;
color: #b00000;
}
#IntroContainer a
{
font-size: 24px;
color: #b00000;
}
[edited by: swa66 at 1:57 pm (utc) on Dec. 14, 2008]
[edit reason] removed specifics [/edit]