-scofield-
27-03-2008, 02:47
hallo jungs ich wollte mal nachfragen ob es möglich ist eine flashdatei als header anzeigen zu lassen.
hier mal die css vom template. hab es nur bis zum header gemacht das ding ist noch länger.
/* CSS Document */
html {
height : 100%;
}
body {
line-height : 110%;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 13px;
padding : 0;
margin : 0;
color : #fafafa;
background-color : #20201f;
background-image : url(../images/bg.gif);
background-repeat : repeat;
}
body.contentpane {
color : #333333;
background : none;
background-color : #ffffff;
}
.clr {
clear : both;
}
.blog {
width : 100%;
}
#top_menu {
width : 100%;
float : left;
height : 40px;
padding : 0;
margin : 0;
overflow : visible;
background-color : #333333;
background-image : url(../images/top_menu.gif);
background-repeat : repeat-x;
}
#top_menu_inner {
overflow : visible;
height : 38px;
padding : 0;
margin : 0;
padding-top : 2px;
}
#top_menu_top {
float : left;
height : auto;
background-color : #101010;
margin : 0;
padding : 0;
width : 100%;
background-image : url(../images/top.gif);
background-repeat : repeat-x;
}
#top_menu_top_inner {
height : auto;
margin : 0;
overflow : hidden;
color : #fafafa;
padding-left : 5px;
padding-right : 5px;
margin-top : 5px;
padding-top : 5px;
}
#top_menu_top_two {
float : left;
height : 40px;
background-color : #333333;
margin : 0;
padding : 0;
width : 100%;
background-image : url(../images/top_menu_two.gif);
background-repeat : repeat-x;
}
#top_menu_top_two_inner {
height : 30px;
padding : 0;
margin : 0;
float : right;
padding-top : 2px;
}
#banner {
float : right;
color : #999999;
padding-top : 35px;
padding-right : 20px;
}
#banner_inner {
border : 4px solid #2c2c2c;
padding : 0;
margin : 0;
}
#banner_inner:hover {
border : 4px solid #444444;
}
#pathway {
height : 30px;
color : #2c2c2c;
margin-bottom : 4px;
margin-left : 4px;
margin-right : 4px;
background-color : #181818;
background-image : url(../images/pathway.gif);
background-repeat : no-repeat;
margin-top : 2px;
border : 1px solid #2c2c2c;
}
#pathway_text {
font-family : Geneva, Arial, Helvetica, sans-serif;
font-size : 13px;
overflow : hidden;
display : block;
height : 30px;
line-height : 30px !important;
line-height : 22px;
color : #dcdcdc;
float : left;
padding-left : 40px;
font-weight : normal;
font-variant : small-caps;
}
#pathway_text a:hover {
color : #efefef;
text-decoration : none;
}
#pathway_text img {
margin-left : 2px;
margin-right : 2px;
margin-top : 6px;
}
#buttons {
float : left;
margin : 2px;
padding : 2px;
width : auto;
}
ul#mainlevel-nav {
list-style : none;
padding : 0;
margin : 0;
font-size : 11px;
}
ul#mainlevel-nav li {
background-image : url(../images/top_nav.gif);
background-repeat : repeat-x;
color : #efefef;
font-family : Geneva, Arial, Helvetica, sans-serif;
font-weight : bold;
float : left;
margin : 0;
padding : 0;
border-right : 1px solid #2c2c2c;
font-size : 11px;
height : 35px;
line-height : 35px;
white-space : nowrap;
}
ul#mainlevel-nav li a {
text-align : center;
font-family : Geneva, Arial, Helvetica, sans-serif;
font-weight : bold;
font-size : 11px;
display : block;
padding-left : 30px;
padding-right : 30px;
text-decoration : none;
color : #ffffff;
background : transparent;
}
#buttons > ul#mainlevel-nav li a {
width : auto;
}
ul#mainlevel-nav li a:hover {
background-image : url(../images/top_nav_hover.gif);
background-repeat : repeat-x;
color : #efefef;
font-family : Geneva, Arial, Helvetica, sans-serif;
font-weight : bold;
padding-left : 30px;
padding-right : 30px;
float : left;
margin : 0;
font-size : 11px;
white-space : nowrap;
}
ul#mainlevel-nav li a#active_menu-nav {
background-image : url(../images/top_nav_active.gif);
background-repeat : repeat-x;
color : #ffffff;
font-family : Geneva, Arial, Helvetica, sans-serif;
font-weight : bold;
float : left;
margin : 0;
padding-left : 30px;
padding-right : 30px;
font-size : 11px;
height : 35px;
line-height : 35px;
white-space : nowrap
}
ul#mainlevel-nav li a#active_menu-nav:hover {
background-image : url(../images/top_nav_active_hover.gif);
background-repeat : repeat-x;
color : #efefef;
font-family : Geneva, Arial, Helvetica, sans-serif;
font-weight : bold;
text-decoration : line-through;
float : left;
margin : 0;
padding-left : 30px;
padding-right : 30px;
font-size : 11px;
height : 35px;
line-height : 35px;
white-space : nowrap
}
#search_inner_form {
padding : 2px;
margin : 2px;
float : right;
width : 180px;
height : 24px;
margin-top : 8px;
margin-right : 5px;
}
#search_inner {
padding : 2px;
margin : 2px;
color : #999999;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
float : right;
height : 24px;
width : 160px;
padding-top : 4px;
}
#header {
height : 140px;
float : left;
width : 100%;
padding : 0;
margin : 0;
background-color : #333333;
background-image : url(../images/header.jpg);
background-repeat : repeat-x;
background-position : center 0;
}
#content_top {
background-image : url(../images/content_top.gif);
background-repeat : no-repeat;
height : 28px;
}
#content_top_bar {
width : 100%;
}
auf einer normalen htmlseite kann ich die flashdatei anzeigen lassen.
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
WIDTH=1680 HEIGHT=140>
<PARAM NAME=movie VALUE="templates/Carbon_07/images/header.swf">
<PARAM NAME=menu VALUE=false>
<PARAM NAME=quality VALUE=high>
<PARAM NAME=wmode VALUE=opaque>
<PARAM NAME=scale VALUE=noscale>
<EMBED src=templates/Carbon_07/images/header.swf menu=false quality=high wmode=opaque
scale=noscale WIDTH=1680 HEIGHT=140 TYPE="application/x-shockwave-flash"
PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
</EMBED>
</OBJECT>
hier mal die css vom template. hab es nur bis zum header gemacht das ding ist noch länger.
/* CSS Document */
html {
height : 100%;
}
body {
line-height : 110%;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 13px;
padding : 0;
margin : 0;
color : #fafafa;
background-color : #20201f;
background-image : url(../images/bg.gif);
background-repeat : repeat;
}
body.contentpane {
color : #333333;
background : none;
background-color : #ffffff;
}
.clr {
clear : both;
}
.blog {
width : 100%;
}
#top_menu {
width : 100%;
float : left;
height : 40px;
padding : 0;
margin : 0;
overflow : visible;
background-color : #333333;
background-image : url(../images/top_menu.gif);
background-repeat : repeat-x;
}
#top_menu_inner {
overflow : visible;
height : 38px;
padding : 0;
margin : 0;
padding-top : 2px;
}
#top_menu_top {
float : left;
height : auto;
background-color : #101010;
margin : 0;
padding : 0;
width : 100%;
background-image : url(../images/top.gif);
background-repeat : repeat-x;
}
#top_menu_top_inner {
height : auto;
margin : 0;
overflow : hidden;
color : #fafafa;
padding-left : 5px;
padding-right : 5px;
margin-top : 5px;
padding-top : 5px;
}
#top_menu_top_two {
float : left;
height : 40px;
background-color : #333333;
margin : 0;
padding : 0;
width : 100%;
background-image : url(../images/top_menu_two.gif);
background-repeat : repeat-x;
}
#top_menu_top_two_inner {
height : 30px;
padding : 0;
margin : 0;
float : right;
padding-top : 2px;
}
#banner {
float : right;
color : #999999;
padding-top : 35px;
padding-right : 20px;
}
#banner_inner {
border : 4px solid #2c2c2c;
padding : 0;
margin : 0;
}
#banner_inner:hover {
border : 4px solid #444444;
}
#pathway {
height : 30px;
color : #2c2c2c;
margin-bottom : 4px;
margin-left : 4px;
margin-right : 4px;
background-color : #181818;
background-image : url(../images/pathway.gif);
background-repeat : no-repeat;
margin-top : 2px;
border : 1px solid #2c2c2c;
}
#pathway_text {
font-family : Geneva, Arial, Helvetica, sans-serif;
font-size : 13px;
overflow : hidden;
display : block;
height : 30px;
line-height : 30px !important;
line-height : 22px;
color : #dcdcdc;
float : left;
padding-left : 40px;
font-weight : normal;
font-variant : small-caps;
}
#pathway_text a:hover {
color : #efefef;
text-decoration : none;
}
#pathway_text img {
margin-left : 2px;
margin-right : 2px;
margin-top : 6px;
}
#buttons {
float : left;
margin : 2px;
padding : 2px;
width : auto;
}
ul#mainlevel-nav {
list-style : none;
padding : 0;
margin : 0;
font-size : 11px;
}
ul#mainlevel-nav li {
background-image : url(../images/top_nav.gif);
background-repeat : repeat-x;
color : #efefef;
font-family : Geneva, Arial, Helvetica, sans-serif;
font-weight : bold;
float : left;
margin : 0;
padding : 0;
border-right : 1px solid #2c2c2c;
font-size : 11px;
height : 35px;
line-height : 35px;
white-space : nowrap;
}
ul#mainlevel-nav li a {
text-align : center;
font-family : Geneva, Arial, Helvetica, sans-serif;
font-weight : bold;
font-size : 11px;
display : block;
padding-left : 30px;
padding-right : 30px;
text-decoration : none;
color : #ffffff;
background : transparent;
}
#buttons > ul#mainlevel-nav li a {
width : auto;
}
ul#mainlevel-nav li a:hover {
background-image : url(../images/top_nav_hover.gif);
background-repeat : repeat-x;
color : #efefef;
font-family : Geneva, Arial, Helvetica, sans-serif;
font-weight : bold;
padding-left : 30px;
padding-right : 30px;
float : left;
margin : 0;
font-size : 11px;
white-space : nowrap;
}
ul#mainlevel-nav li a#active_menu-nav {
background-image : url(../images/top_nav_active.gif);
background-repeat : repeat-x;
color : #ffffff;
font-family : Geneva, Arial, Helvetica, sans-serif;
font-weight : bold;
float : left;
margin : 0;
padding-left : 30px;
padding-right : 30px;
font-size : 11px;
height : 35px;
line-height : 35px;
white-space : nowrap
}
ul#mainlevel-nav li a#active_menu-nav:hover {
background-image : url(../images/top_nav_active_hover.gif);
background-repeat : repeat-x;
color : #efefef;
font-family : Geneva, Arial, Helvetica, sans-serif;
font-weight : bold;
text-decoration : line-through;
float : left;
margin : 0;
padding-left : 30px;
padding-right : 30px;
font-size : 11px;
height : 35px;
line-height : 35px;
white-space : nowrap
}
#search_inner_form {
padding : 2px;
margin : 2px;
float : right;
width : 180px;
height : 24px;
margin-top : 8px;
margin-right : 5px;
}
#search_inner {
padding : 2px;
margin : 2px;
color : #999999;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
float : right;
height : 24px;
width : 160px;
padding-top : 4px;
}
#header {
height : 140px;
float : left;
width : 100%;
padding : 0;
margin : 0;
background-color : #333333;
background-image : url(../images/header.jpg);
background-repeat : repeat-x;
background-position : center 0;
}
#content_top {
background-image : url(../images/content_top.gif);
background-repeat : no-repeat;
height : 28px;
}
#content_top_bar {
width : 100%;
}
auf einer normalen htmlseite kann ich die flashdatei anzeigen lassen.
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
WIDTH=1680 HEIGHT=140>
<PARAM NAME=movie VALUE="templates/Carbon_07/images/header.swf">
<PARAM NAME=menu VALUE=false>
<PARAM NAME=quality VALUE=high>
<PARAM NAME=wmode VALUE=opaque>
<PARAM NAME=scale VALUE=noscale>
<EMBED src=templates/Carbon_07/images/header.swf menu=false quality=high wmode=opaque
scale=noscale WIDTH=1680 HEIGHT=140 TYPE="application/x-shockwave-flash"
PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
</EMBED>
</OBJECT>
