?
Solved

How do I add a flash header to Wordpress?

Posted on 2009-04-02
9
Medium Priority
?
1,255 Views
Last Modified: 2012-06-27
I've installed the Kimili plugin but I have NO idea how to put flash in to the header.

I'm just playing around with wordpress for now so I am using the default template.

How do I make that big blue header a flash header?

I've googled myself in to the Kimili plugin but I don't have any knowledge of PHP.  Can anyone provide an idiots guide to adding flash to my wordpress header?
0
Comment
Question by:fekdep
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 5
  • 4
9 Comments
 
LVL 14

Expert Comment

by:shobinsun
ID: 24056925
0
 

Author Comment

by:fekdep
ID: 24057202
I've seen this info before.

The first one just says replace your header.php text with this "_________"

Really though? The entire header PHP should be replaced with that code?

The second link contains nothing.  Embedding flash in a post is easy.  I can't get it in to the header.
0
 
LVL 14

Expert Comment

by:shobinsun
ID: 24057457
Hello,

You need to put the code just in header.php at Header image code ie, start with this code -
< img src = >.

Regards.
0
Certified OpenStack Administrator Course

We just refreshed our COA course based on the Newton exam.  With 14 labs, this course goes over the different OpenStack services that are part of the certification: Dashboard, Identity Service, Image Service, Networking, Compute, Object Storage, Block Storage, and Orchestration.

 

Author Comment

by:fekdep
ID: 24057729
I don't see this anywhere in the header.php

I do see where the header image is in the CSS though.  How would I add a flash movie if it were done in the css?

I've attached the header PHP.  I'll do the same for the CSS in a separate comment.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
 
<head profile="http://gmpg.org/xfn/11">
	<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
	
	<title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> &raquo; Blog Archive <?php } ?> <?php wp_title(); ?></title>
	
	<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
	<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
	
	<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
	<!--[if IE]><link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_directory'); ?>/ie.css" media="screen" /><![endif]-->
	
	<?php wp_head(); ?>
</head>
 
<body>
 
	<div id="header">
		<h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
                <h2><span><?php bloginfo('description'); ?></span></h2>
 
              <div id="nav">
		<ul>
			<li <?php if(!is_page()) echo 'class="current_page_item"'; ?>><a href="<?php echo get_option('home'); ?>/">Home</a></li>
			<?php wp_list_pages('title_li='); ?>
		</ul>
		
	      </div>
		
	</div>
 
	
	
	<div id="wrapper">

Open in new window

0
 

Author Comment

by:fekdep
ID: 24057733
and the css

/*
Theme Name: japan-style
Description: japan-style Wordpress Theme by<a href="http://blog.gooddesignweb.com/">Good Design Web</a>
Version: 1.2
Author: Good Design Web
Author URI: http://blog.gooddesignweb.com/
Tags: fixed width, two columns, right sidebar, valid XHTML, valid CSS
*/
 
/* Reset
-------------------------------------------------------------------*/
* { padding: 0; margin: 0; }
ul li, ol li { list-style: none; list-style-position: inside; }
ol ol, ul ul, ol ul, ul ol { margin-left: 20px; margin-bottom: 0; }
img { border: none; }
 
 
 
/* Body
-------------------------------------------------------------------*/
body { 
        margin: 0 auto;
        font: 12px/18px Verdana, Helvetica, Arial, Geneva, sans-serif; 
	color: #333; 
	background: #DED5BA url(images/bg.jpg) no-repeat center top; 
}
 
*:first-child+html body {background: #DED5BA url(images/bg.jpg) no-repeat center -8px;}
 
* html body {background: #DED5BA url(images/bg.jpg) no-repeat center -8px;}
 
h1, h2, h3, h4, h5, h6 { font-family: "Trebuchet MS", Helvetica, Arial, Geneva, Sans-Serif; color: #414d4c; }
h1 { font-size: 22px; line-height: 26px; margin-bottom: 10px; }
h2 { font-size: 12px; line-height: 24px; margin-bottom: 7px; font-weight: normal; }
h3 { font-size: 18px; line-height: 22px; margin-bottom: 5px; }
h4 { font-size: 16px; line-height: 20px; margin-bottom: 5px; }
h5 { font-size: 14px; line-height: 18px; margin-bottom: 5px; }
h6 { font-size: 12px; line-height: 16px; margin-bottom: 5px; }
 
h1 span { color: #999; }
 
a { color: #3b5a4a; }
a:hover { color: #3b5a4a; }
a:visited { color: #3b5a4a; }
 
p { margin-bottom: 10px; }
 
input, textarea { font: 12px Verdana, Helvetica, Arial, Geneva, sans-serif; }
 
blockquote { 
	font: italic 14px/22px Georgia, Serif; 
	padding: 5px 10px;
	margin-bottom: 20px;
	background: #e4ede2; 
}
 
 
 
/* Header
-------------------------------------------------------------------*/
#header { 
	width: 960px; 
	height: 300px; 
        margin: 0 auto;
	background: url(images/header_bg.jpg) no-repeat center; 
	position: relative; 
}
#header h1 { 
        width: 230px;
        position: absolute;
        top: 80px;
        left: 160px;
	font: 20px Verdana; 
	padding-top: 10px; 
	margin-bottom: 0; 
	color: #fff; 
}
#header h1 a { 
        color: #333; 
	text-decoration: none; 
}
#header span {
        position: absolute;
        top: 195px;
        left: 150px; 
	padding-left: 10px; 
	font-size: 12px; 
	color: #333; 
}
 
 
/* Container
-------------------------------------------------------------------*/
#wrapper { 
	width: 900px; 
	overflow: hidden; 
	background: url(images/container_bg.jpg) repeat-y;
        margin: 0 auto; 
}
 
 
 
/* Navigation
-------------------------------------------------------------------*/
#nav { 
	width: 800px; 
	height: 45px; 
	margin-left: 30px; 
	position: relative;
        top: 225px;
}
#nav ul { 
	margin-left: 10px; 
	position: absolute; 
	bottom: -1px; 
	overflow: hidden; 
	height: 45px; 
}
#nav ul li { 
	float: left; 
	margin-right: 3px; 
	padding-left: 3px; 
        font-weight: bold;
}
#nav ul li.current_page_item { 
        width: 122px;
        height: 45px;
}
#nav ul li a {
        width: 122px;
        height: 45px;
        background: url(images/nav_bg.jpg) no-repeat; 
	display: block; 
	text-decoration: none; 
	color: #333; 
	line-height: 45px; 
	text-align: center;
}
#nav ul li a:hover { color: #555; }
#nav ul li.current_page_item a { background: url(images/nav_bg.jpg) no-repeat; color: #ff0000; }
 
 
 
/* Content
-------------------------------------------------------------------*/
#content { 
	width: 600px; 
	float: left; 
	padding: 15px; 
}
#content .post { margin-bottom: 40px; }
#content .post p { margin-bottom: 20px; }
#content .post h3 a { text-decoration: none; font-size: 20px; padding-left: 20px; }
#content .post-list li { list-style: none; }
 
#content .post .post-info { 
	clear: both; 
	font-size: 11px; 
	color: #777; 
	padding: 15px 5px 5px 5px; 
	margin-bottom: 20px; 
        text-align: right;
	background: url(images/meta_bg.gif) top center no-repeat; 
}
#content .post .post-info a { color: #333; text-decoration:none; }
#content .post .post-info a:hover { color: #555; text-decoration:none; }
 
#content #pages { text-align: center; }
#content #pages a { font: bold 20px "Trebuchet MS"; color: #414d4c; text-decoration: none; }
#content #pages a:hover { color: #1e2726; }
 
#content ul, ol, dl { margin-bottom: 20px; }
#content ul { 
	list-style: disc;
	list-style-position: inside; 
}
#content ol { 
	list-style: decimal; 
	list-style-position: inside; 
}
#content dl dt { 
	font-weight: bold;
}
#content dl dd { 
	font-style: italic;
	margin: 0 0 5px 20px;
	color: #555;
}
 
.aligncenter { margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 5px 15px 10px 0; }
.alignright { float: right; margin: 5px 0 10px 15px; }
 
 
 
/* Sidebar
-------------------------------------------------------------------*/
#sidebar { 
	width: 235px;
	float: right;
	font-size: 11px; 
	margin: 0 10px 10px 0;
	color: #555;
}
 
#sidebar h3 { 
        font: normal 18px Verdana, Arial, Sans-Serif; 
        color: #444; 
        background: url(images/sidetitle_bg.gif) no-repeat;
        padding-left: 23px;
}
 
#sidebar a { color: #38463e; text-decoration: none; }
#sidebar a:hover { color: #38463e; }
 
#sidebar .block {
	width: 205px;
	padding: 15px; 
	border-bottom: 1px solid #bfccbf; 
	overflow: hidden;
	color: #555;
}
#sidebar .block li { 
	background: url(images/arrow.gif) no-repeat 2px 8px; 
	padding-left: 12px;
}
#sidebar .block a:hover { color: #777; }
 
/* Calendar */
#sidebar .block #calendar_wrap a { }
#sidebar .block #calendar_wrap .pad { background: none; }
#sidebar .block #calendar_wrap #prev { background: none; }
#sidebar .block #calendar_wrap #next { background: none; }
#sidebar .block #calendar_wrap table { width: 100%; margin: 0;padding: 0;}
#sidebar .block #calendar_wrap table th { width: 14.2%; }
#sidebar .block #calendar_wrap table td { width: 14.2%; background: #d6ded4; text-align: center; color: #888; }
 
 
 
/* Search
-------------------------------------------------------------------*/
#search {
	
}
 
#search input { border: 0; }
 
#search #s { 
	width: 150px;
        height: 26px;
	padding: 3px 0 4px 5px;
	margin-right: -4px;
	vertical-align: top;
	line-height: 0;
	font: normal 12px Verdana;
	vertical-align: top;
	color: #333;
	background: url(images/search_bg.jpg) no-repeat;
}
#search #searchsubmit { 
	width: 56px; 
	height: 26px;
        text-align: center;
	background: url(images/searchbt_bg.jpg) no-repeat;
        font-weight: bold;
}
.bt{
        cursor: pointer;
}
 
 
 
/* Comments
-------------------------------------------------------------------*/
.comments-title { 
	text-align: center; 
	font: bold 17px "Trebuchet MS", Helvetica, Arial, Geneva; 
	color: #414d4c; 
}
#comments .comment { 
	background: #E7E8EB; 
	margin-bottom: 10px; 
	overflow: hidden; 
	width: 600px; 
	padding-bottom: 5px; 
}
#comments .comment .comment-avatar { 
	float: left; 
	width: 50px; 
	padding: 5px 7px; 
}
 
#comments .comment .comment-content { 
	float: left; 
	padding: 10px 15px; 
	margin: 5px 5px 0 0; 
	width: 500px; 
	background: #F7F8F9; 
}
#comments .comment .comment-content a { color: #444; }
 
 
#comments .comment .comment-info { 
	font-size: 11px;
	color: #777;
	margin-bottom: 5px; 
}
#comments .comment .comment-info span {
	font: bold 16px "Trebuchet MS", Helvetica, Arial, Geneva;  	
	padding-right: 10px; 
	margin-bottom: 5px;
}
#comments .comment .comment-info a { 
	color: #444; 
	text-decoration: none;
}
 
 
 
 
/* Comment Form
-------------------------------------------------------------------*/
#commentform { 
	background: #F7F8F9; 
	border: 5px solid #E7E8EB; 
	padding: 10px; 
	color: #555; 
}
#commentform p { margin-bottom: 7px; }
#commentform textarea { 
	width: 565px; 
	border: 1px solid #aaa; 
	height: 120px;
}
#commentform input.text { 
	width: 150px; 
	border: 1px solid #aaa; 
	margin-right: 5px; 
	padding: 3px 3px; 
}
#commentform input#submit {
        width: 148px;
        height: 30px;
        background: url(images/submit_bg.gif) no-repeat;
        text-align: center;
        border: none;
}
 
 
 
 
/* Footer
-------------------------------------------------------------------*/
 
#footer { 
	width: 960px; 
        height: 295px;
	margin: 0 auto; 
	background: url(images/footer_bg.jpg) no-repeat;
        position: relative; 
}
 
.rss {
        float: right;
	width: 200px; 
        height: 73px;
}
 
#footer-inner {
 
        clear: both;
        text-align: center; 
	width: 900px; 
	margin: 0 auto;
        padding-top: 10px; 
}
#footer p { 
	font-size: 11px; 
	margin: 0; 
}
#footer a { color: #ff0000; }

Open in new window

0
 
LVL 14

Expert Comment

by:shobinsun
ID: 24057905
Hello,

Us ethe following code after <div id="header">

<object type="application/x-shockwave-flash" data="/path/to/your/movie.swf" width="700" height="180">

<param name="wmode" value="transparent" />

<param name="movie" value="/path/to/your/movie.swf" />

</object>


or

Use

<kml_flashembed movie="/path/to/your/movie.swf" height="value" width="value" />

Hope this will help you.

Regards.
0
 
LVL 14

Accepted Solution

by:
shobinsun earned 2000 total points
ID: 24057924
Hello,

Sorry

Use  
      [kml_flashembed movie="/path/to/your/movie.swf" width="550" height="400" /]

instead of

<kml_flashembed movie="/path/to/your/movie.swf" height="value" width="value" />

0
 

Author Comment

by:fekdep
ID: 24061732
Ah, there it is.  I have to put in the full URL for the flash file.

How do I place it? Right now it sits right at the very top.  Can I move that around?
0
 
LVL 14

Expert Comment

by:shobinsun
ID: 24065992
Hello,

There is so many <div id=""> parts in the body. so try to fix the code in that <div> parts to get your need.

Regards.
0

Featured Post

WordPress Tutorial 1: Installation & Setup

WordPress is a very popular option for running your web site and can be used to get your content online quickly for the world to see. This guide will walk you through installing the WordPress server software and the initial setup process.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article was originally published on Monitis Blog, you can check it here . Today it’s fairly well known that high-performing websites and applications bring in more visitors, higher SEO, and ultimately more sales. By the same token, downtime…
There are times when I have encountered the need to decompress a response from a PHP request. This is how it's done, but you must have control of the request and you can set the Accept-Encoding header.
The purpose of this video is to demonstrate how to Import and export files in WordPress. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp-login.php : Click on Too…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …
Suggested Courses

764 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question