yet another jpg->swf question SOLVED TY

Everything to do with Joomla! 1.5 templates and templating.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Locked
kevtheirish
Joomla! Apprentice
Joomla! Apprentice
Posts: 33
Joined: Fri Feb 29, 2008 7:18 pm

yet another jpg->swf question SOLVED TY

Post by kevtheirish » Mon Aug 16, 2010 7:17 am

running J! 1.5x
Template - kreatif_t02

Found this thread somewhat useful
http://forum.joomla.org/viewtopic.php?f ... f#p2226368
adriana23 wrote:After lots and lots of research i finally just found a working answer. No modules are required. Just add this code into index.php

<object codebase="http://download.macromedia.com/pub/shoc ... =9,0,124,0" width="900" height="160">
<param name="movie" value="<?php echo $mosConfig_live_site;?>/templates/nameoftemplate/images/logo.swf" />
<param name="quality" value="high" />
<embed src="<?php echo $mosConfig_live_site;?>/templates/nameoftemplate/images/logo.swf" quality="high" pluginspage="http://get.adobe.com/flashplayer/" type="application/x-shockwave-flash" width="900" height="160"></embed>
</object>

For those who do not know. You have to add this code into the div tag of the header (in index.php). in my case it was after <div id="header"> .be sure to change the css file too. change the header in the css file into for e.g. logo.swf and don't forget to add the swf file into the images folder of the template.
oh and, you have to change some things in the code in order for it to work for your template. such as the height and width and the name of your template as well as the file name.
however I dont have a
<div id="header">
in any of the .css files, so I am unsure of where to put the flash/swish coding at in index.php

my original Index.php

Code: Select all

<?php
// no direct access
/*------------------------------------------------------------------------

-------------------------------------------------------------------------*/
defined('_JEXEC') or die('Restricted access');
JHTML::_('behavior.mootools');
require_once dirname(__FILE__) . DIRECTORY_SEPARATOR . 'functions.php';
$document = null;
if (isset($this))
  $document = & $this;
$baseUrl = $this->baseurl;
$style = $this->params->get("style");
$title = $this->params->get("title");
$templateUrl = $this->baseurl . '/templates/' . $this->template;
?>
<!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<jdoc:include type="head" />
<?php include_once(JPATH_ROOT . "/templates/" . $this->template . '/lib/php/menu.php');?>
<link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" type="text/css" href="<?php echo $templateUrl; ?>/css/template.css" media="screen" />
<link rel="stylesheet" href="<?php echo $templateUrl; ?>/css/backgrounds/<?php echo $style ?>.css" type="text/css" media="screen" />
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="templates/<?php echo $this->template ?>/css/ie7.css" media="screen, projection" />
<![endif]-->
<script type="text/javascript" src="<?php echo $templateUrl; ?>/script.js"></script>
</head>
<body>
	<div id="main">
		<div class="container">
			<div id="search">
				<jdoc:include type="modules" name="user4" style="xhtml" />
			</div>
	<div class="Sheet">
    <div class="Sheet-tl"></div>
    <div class="Sheet-tr"></div>
    <div class="Sheet-bl"></div>
    <div class="Sheet-br"></div>
    <div class="Sheet-tc"></div>
    <div class="Sheet-bc"></div>
    <div class="Sheet-cl"></div>
    <div class="Sheet-cr"></div>
    <div class="Sheet-cc"></div>
    <div class="Sheet-body">
<div class="header">
<div class="header-left">
<h1 class="logo"><a href="index.php" title="<?php echo $title; ?>"><span><?php echo $siteName; ?></span></a></h1></div>

<div class="header-right">
<?php if (CountModules($document, 'breadcrumb')) echo Post(null, Modules($document, 'breadcrumb'));?>
<div class="topmenu"><jdoc:include type="modules" name="user3" /></div>
</div>
<div class="cleared"></div>
<div class="header-image">
				</div>
			</div>
<div id="menu_bg"><div id="horiz-menu" class="nav"><?php echo $main_navigation;?></div></div>
<div class="contentLayout">
<div class="<?php echo CountModules($document, 'right') ? 'content' : 'content-wide'; ?>">
<?php if (HasMessages()) : ?>
<div class="Post">
<div class="Post-body"><div class="Post-inner"><div class="PostContent"><jdoc:include type="message" /></div>
<div class="cleared"></div></div></div></div>
<?php endif; ?>
<jdoc:include type="component" />
<?php echo Positions($document, array('user1', 'user2'), 'article'); ?>
</div>
<?php if (CountModules($document, 'right')) : ?>
<div class="sidebar1"><?php echo Modules($document, 'right', 'block'); ?>
</div>
<?php endif; ?>

</div>
<div class="cleared"></div>
<div class="banner"><?php if (CountModules($document, 'footer'))
    echo Post(null, Modules($document, 'footer'));?></div>
<div class="Mainfooter">
	<div class="Mainfooter-inner">
		<div class="Mainfooter-text">
	</div>
</div>
<div class="Mainfooter-background"><div class="inner">
<?php include_once(JPATH_ROOT . "/templates/" . $this->template . '/copyright.php');?></div>
</div></div></div></div><jdoc:include type="modules" name="syndicate" />
</div>
<jdoc:include type="modules" name="debug" />
</div></body>
</html>

Original template.css

Code: Select all

-------------------------------------------------------------------------*/
@import "topmenu.css"; @import "mainmenu.css"; body{  margin: 0 auto; padding: 0; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; font-style: normal; font-weight: normal; color: #161616; } #main{  position: relative; border-top: 8px solid #C5081D; width: 100%; left: 0; top: 0; background-image: url(../images/search_bg.gif); background-repeat: no-repeat; background-position: top center; } .cleared{  float: none; clear: both; margin: 0; padding: 0; border: none; font-size:1px; } 
form{  padding:0 !important; margin:0 !important; } table.position{  position: relative; width: 100%; table-layout: fixed; } .container{  margin:0 auto; width: 986px; margin-bottom: 30px; } 
#menu_bg { width: 966px; margin: 0 auto; } 
#menu_bg { background: url(../images/mbg.gif) no-repeat 50% 0; height: 40px; margin-top: 0px; } .Sheet{  background-image: url(../images/topcorner.gif); background-repeat: no-repeat; background-position: top center; position:relative; z-index:0; width: 986px; } .Sheet-body{  margin-top:42px; position: relative; z-index:1; padding: 1px; } .Sheet-cc{  position:absolute; z-index:-1; top: 10px; left: 10px; right: 10px; bottom: 10px; border-left: 3px solid #e0e0e0; border-right: 3px solid #e0e0e0; background-color: #fbfbfb; } 
.Sheet{  margin-top: 10px !important; } div.header{  margin: 0 auto; position: relative; z-index:0; width: 964px; height: 520px; border-bottom: 1px solid #E0E0E0; } 
div.header-left{  float:left } 
div.header-right{  float:right } 
h1.logo, h1.logo-text { margin: 0; padding: 0; font-size: 300%; } h1.logo a { position:relative; width: 271px; display: block; background: url(../images/logo.gif) no-repeat; height: 102px; left: 10px; top: 10px; } h1.logo a span { position: absolute; top: -1000px; } h1.logo-text a { text-decoration: none; outline: none; position: absolute; } div.header-image{  float:left; position: relative; top: 5px; left: 10px; bottom: 30px; width: 900px; height: 410px; background-image: url(../images/header.jpg); background-repeat: no-repeat; } .contentLayout{  margin-left: 20px; position: relative;  } 
.contentLayout .content{  position: relative; margin: 10px 20px 0 0; border-right: 1px solid #dfdfdf; padding-right: 20px; float: left; overflow: hidden; width: 570px; } 
.contentLayout .content-wide{  position: relative; margin: 10px 20px 0 0; padding: 0; float: left; overflow: hidden; width: 950px; } 
h1.componentheading,
.componentheading { font-size:200%; color: #C5081D; font-family: Arial, Helvetica, Sans-Serif; text-decoration: none; font-weight:bold; text-align:left; } .contentdescription { padding-bottom: 30px; color: #666; } 
h2.contentheading,
.contentheading,
table.blog .contentheading { font-size:130%; color: #161616; font-family: Arial, Helvetica, Sans-Serif; text-decoration: none; font-weight:bold; text-align:left } 
a.contentpagetitle,
a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus { text-decoration: none !important; } .Block{  position:relative; z-index:0; margin:0 auto; min-width:31px; min-height:31px; } .Block-body{  position: relative; z-index:1; padding: 8px; border-bottom: 1px solid #e6e6e6; } .Block-tr, .Block-tl, .Block-br, .Block-bl, .Block-tc, .Block-bc,.Block-cr, .Block-cl{  position:absolute; z-index:-1; } .Block-tr, .Block-tl, .Block-br, .Block-bl{  width: 42px; height: 42px; } .Block-tl{  top:0; left:0; clip: rect(auto, 21px, 21px, auto); } .Block-tr{  top: 0; right: 0; clip: rect(auto, auto, 21px, 21px); } .Block-bl{  bottom: 0; left: 0; clip: rect(21px, 21px, auto, auto); } .Block-br{  bottom: 0; right: 0; clip: rect(21px, auto, auto, 21px); } .Block-tc, .Block-bc{  left: 5px; right: 5px; height: 15px; } .Block-tc{  top: 0; clip: rect(auto, auto, 21px, auto); } .Block-bc{  bottom: 0; clip: rect(21px, auto, auto, auto); } .Block-cr, .Block-cl{  top: 21px; bottom: 21px; width: 42px; } .Block-cr{  right:0; clip: rect(auto, auto, auto, 21px); } .Block-cl{  left:0; clip: rect(auto, 21px, auto, auto); } .Block-cc{  position:absolute; z-index:-1;  } .Blockheader{  position:relative; z-index:0; height: 20px; padding: 0 0; margin-bottom: 0px; } .Blockheader .t{  font-family: Arial, Helvetica, Sans-Serif; font-size: 16px; font-weight: bold; text-transform: none; color: #161616; white-space : nowrap; padding: 0; line-height: 20px; } .BlockContent{  position:relative; z-index:0; margin:0 auto; min-width:1px; min-height:1px; } .BlockContent-body{  position: relative; z-index:1; padding: 5px; } .BlockContent-body{  color:#5a5a5a; font-family: Arial, Helvetica, Sans-Serif; font-size: 100%; } .BlockContent-body a:link{  color: #C5081D; font-family: Arial, Helvetica, Sans-Serif; text-decoration: none; font-weight:bold; } .BlockContent-body a:visited, .BlockContent-body a.visited{  color: #C5081D; text-decoration: none; } .BlockContent-body a:hover, .BlockContent-body a.hover{  color: #C5081D; text-decoration: underline; } .BlockContent-body ul{  list-style-type: none; color: #1d1d1d; margin:0; padding:0; } .BlockContent-body li{  font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; } .BlockContent-body ul li{  padding:0px 0 0px 12px; background-image: url(../images/ContentBullets.png); background-repeat:no-repeat; margin:0.5em 0 0.5em 0; line-height:1.2em; } .Post{  position:relative; z-index:0; margin:0 auto; min-width:1px; min-height:1px; } .Post-body{  position: relative; z-index:1; padding: 7px; } 

.Post{  margin: 10px; } a img{  border: 0; } .article img, img.article{  border: solid 1px #C5C5AF; margin: 1em; } .metadata-icons img{  border: none; vertical-align: middle; margin:2px; } .article table, table.article{  border-collapse: collapse; margin: 1px; width:auto; } .article table, table.article .article tr, .article th, .article td{  background-color:Transparent; } .article th, .article td{  padding: 2px; border: solid 1px #68684B; vertical-align: top; text-align:left; } .article th{  text-align:center; vertical-align:middle; padding: 7px; } .PostheaderIcons, .PostheaderIcons a, .PostheaderIcons a:link, .PostheaderIcons a:visited, .PostheaderIcons a:hover{  font-family: Arial, Helvetica, Sans-Serif; font-size: 10px; font-style: italic; font-weight: normal; color: #4D4D38; } .PostheaderIcons a, .PostheaderIcons a:link, .PostheaderIcons a:visited, .PostheaderIcons a:hover{  margin:0; } .PostheaderIcons a:link{  font-family: Arial, Helvetica, Sans-Serif; text-decoration: underline; color: #607023; } .PostheaderIcons a:visited, .PostheaderIcons a.visited{  font-family: Arial, Helvetica, Sans-Serif; text-decoration: underline; color: #1d1d1d; } .PostheaderIcons a:hover, .PostheaderIcons a.hover{  font-family: Arial, Helvetica, Sans-Serif; text-decoration: none; color: #23240A; } 
.PostContent{    font-family: Arial, Helvetica, Sans-Serif;   text-align: justify;   color: #626247; } a{    font-family: Arial, Helvetica, Sans-Serif;   text-decoration: underline;   color: #1d1d1d; } ol, ul{  color: #171807; margin:1em 0 1em 2em; padding:0; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; text-align: left; margin-left: 5px; } li ol, li ul{  margin:0.5em 0 0.5em 2em; padding:0; } li {  margin:0.2em 0; padding:0; } ul{  list-style-type: none; } ol{  list-style-position:inside;  } 

.Post li{  padding:0px 0 0px 10px; line-height:1.2em; } .Post ol li, .Post ul ol li{  background: none; padding-left:0; } .Post ul li, .Post ol ul li {  background-image: url(../images/Bullets.png); background-repeat:no-repeat; padding-left:10px; } 
blockquote p{  color:#383829; font-family: Arial, Helvetica, Sans-Serif; font-style: italic; font-weight: normal; text-align: left; } blockquote{  margin:10px 10px 10px 50px; padding:5px 5px 5px 28px; background-color:#E1E1D6; background-image:url(../images/Quote.png); background-position:left top; background-repeat:no-repeat; } 
.banner{  margin-left: 25px; } .Mainfooter{  position:relative; z-index:0; overflow:hidden; width: 966px; margin: 0 auto 0px auto; } .Mainfooter .Mainfooter-inner{  float:left; height:121px; position: relative; z-index: 0; padding: 20px; } .Mainfooter .Mainfooter-background{  position:absolute; z-index:-1; background-repeat:no-repeat; background-image: url(../images/footer.gif); width: 966px; height:121px; bottom:0; left:0; } .Mainfooter-background .inner{  margin-top:15px; margin-left:15px; } 
.smallrss { display:block; background-image: url(../images/rss.gif); background-position: center left; background-repeat: no-repeat; font-size: 110%; color: #EEEEEE; margin-left: 20px; margin-top: 8px; text-decoration: none; width: 120px; } 
.copyright { float:right; margin-right: 20px; font-size: 100%; color: #9F9F9F; text-decoration: none; } 
.copyright a:link { color: #FFFFFF; font-weight:normal; text-decoration: none; } .copyright a:hover, .copyright a:active, .copyright a:visited { color: #FFFFFF; text-decoration: none; } 
.Mainfooter .Mainfooter-text p{  margin: 0; } .Mainfooter .Mainfooter-text{  display:inline-block; color:#1B1C08; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; font-style: italic; font-weight: normal; } .Mainfooter .Mainfooter-text a:link{  text-decoration: none; color: #DBDBCD; font-family: Arial, Helvetica, Sans-Serif; text-decoration: underline; } .Mainfooter .Mainfooter-text a:visited{  text-decoration: none; color: #1E1E15; font-family: Arial, Helvetica, Sans-Serif; text-decoration: underline; } .Mainfooter .Mainfooter-text a:hover{  text-decoration: none; color: #1E1E15; font-family: Arial, Helvetica, Sans-Serif; text-decoration: none; } .contentLayout .sidebar1{  position: relative; margin: 0; padding: 0; border: 0; float: left; overflow: hidden; width: 330px; } 
.contentLayout li{  float: none; } table.moduletable th{  font-size: 100%; padding: .5em 0em; } .breadcrumbs{  float:right; display: block; padding: .7em 0em; font-size:90%; font-weight: bold; } .contentpaneopen span.small, .contentpaneopen td.createdate, .open td.modifydate{  font-size: 75%; padding-bottom: 1em; } .column_separator {  padding-left: .4em; } .pagination span{  padding: 2px; } .pagination a{  padding: 2px; } div.offline{  background: #fffebb; width: 100%; position: absolute; top: 0; left: 0; font-size: 1em; padding: 5px; } span.pathway{  display: block; margin: 0; height: 10px; overflow: hidden; } .invalid{  border-color: #ff0000; } label.invalid{  color: #ff0000; } 
table.poll { border-collapse: collapse; padding: 0; width: 100%; } table.pollstableborder { background: none; border: none; padding: 0; text-align: left; width: 100%; } table.pollstableborder img { vertical-align: baseline; } table.pollstableborder td { background: none; border-collapse: collapse; border-spacing: 0; padding: 3px !important; } table.pollstableborder tr.sectiontableentry1 td { background: none; } 
.poll{  line-height:15px; } 
a.readon:link { color: #C5081D; font-weight:bold; text-decoration: none; } a.readon:hover, a.readon:active, a.readon:visited { color: #C5081D; font-weight:bold; text-decoration: underline; } 
a.readon:visited { color: #000000; font-weight:bold; text-decoration: none; } 
#search { float: right; margin-top: -35px; margin-right: 18px; } #mod_search_searchword { font-family: Arial, Helvetica, sans-serif; font-size: 90%; background: url(../images/icon-search.gif) no-repeat 175px 2px #ffffff; border: 0px; color: #999999; padding: 1px 2px; width: 190px; } 



again, just looking for where i need to edit/insert the flash/swish coding.

TYIA
Last edited by kevtheirish on Wed Aug 18, 2010 3:17 pm, edited 1 time in total.

User avatar
ashain
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 165
Joined: Wed Apr 29, 2009 8:23 am
Location: Dubai- U.A.E
Contact:

Re: yet another jpg->swf question

Post by ashain » Mon Aug 16, 2010 7:24 am

Thanks for your info, i will try this.
Thanks to Joomla made my web development EASY,

http://zionhills.org
http://sinhalaholybible.com

kevtheirish
Joomla! Apprentice
Joomla! Apprentice
Posts: 33
Joined: Fri Feb 29, 2008 7:18 pm

Re: yet another jpg->swf question

Post by kevtheirish » Mon Aug 16, 2010 6:01 pm

anyone?

User avatar
kreatifbz
Joomla! Fledgling
Joomla! Fledgling
Posts: 2
Joined: Tue Aug 17, 2010 6:30 am

Re: yet another jpg->swf question

Post by kreatifbz » Tue Aug 17, 2010 7:12 am

Hi!
First of all in the css uncomment the image background on
div.header-image
/* background-image: url(...);
background-repeat: no-repeat;*/

Then in the index.php find
<div class="header-image"></div>

Insert the code this way:

<div class="header-image">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"
width="945" height="410">
<param name="width" value="945" />
<param name="height" value="410" />
<param name="src" value="templates/nameoftemplate/images/logo.swf" />
<param name="quality" value="high" />
<embed type="application/x-shockwave-flash" width="945" height="410"
src="/templates/nameoftemplate/images/logo.swf" quality="high">
</embed>
</object>
</div>
conscentia in creando
http://www.kreatif-multimedia.com

kevtheirish
Joomla! Apprentice
Joomla! Apprentice
Posts: 33
Joined: Fri Feb 29, 2008 7:18 pm

Re: yet another jpg->swf question

Post by kevtheirish » Wed Aug 18, 2010 2:33 pm

tried that, nothing shows up in the banner though, the file dir is correct in the .php
template.css

Code: Select all

/*------------------------------------------------------------------------
# KREATIF MULTIMEDIA GMBH JOOMLA 1.5 TEMPLATE NR. 002
# ------------------------------------------------------------------------
# COPYRIGHT: (C) 2010 KREATIF MULTIMEDIA GMBH, All Rights Reserved.
# LICENSE: Creative Commons Attribution - Non opere derivate 2.5 ITALIA
# LICENSE URL: http://creativecommons.org/licenses/by-nd/2.5/it/
# AUTHOR: KREATIF MULTIMEDIA GMBH
# WEBSITE:  http://www.kreatif.it
# EMAIL:  info@kreatif.it
-------------------------------------------------------------------------*/
@import "topmenu.css"; @import "mainmenu.css"; body{  margin: 0 auto; padding: 0; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; font-style: normal; font-weight: normal; color: #161616; } #main{  position: relative; border-top: 8px solid #C5081D; width: 100%; left: 0; top: 0; background-image: url(../images/search_bg.gif); background-repeat: no-repeat; background-position: top center; } .cleared{  float: none; clear: both; margin: 0; padding: 0; border: none; font-size:1px; } 
form{  padding:0 !important; margin:0 !important; } table.position{  position: relative; width: 100%; table-layout: fixed; } .container{  margin:0 auto; width: 986px; margin-bottom: 30px; } 
#menu_bg { width: 966px; margin: 0 auto; } 
#menu_bg { background: url(../images/mbg.gif) no-repeat 50% 0; height: 40px; margin-top: 0px; } .Sheet{  background-image: url(../images/topcorner.gif); background-repeat: no-repeat; background-position: top center; position:relative; z-index:0; width: 986px; } .Sheet-body{  margin-top:42px; position: relative; z-index:1; padding: 1px; } .Sheet-cc{  position:absolute; z-index:-1; top: 10px; left: 10px; right: 10px; bottom: 10px; border-left: 3px solid #e0e0e0; border-right: 3px solid #e0e0e0; background-color: #fbfbfb; } 
.Sheet{  margin-top: 10px !important; } div.header{  margin: 0 auto; position: relative; z-index:0; width: 964px; height: 520px; border-bottom: 1px solid #E0E0E0; } 
div.header-left{  float:left } 
div.header-right{  float:right } 
h1.logo, h1.logo-text { margin: 0; padding: 0; font-size: 300%; } h1.logo a { position:relative; width: 900px; display: block; background: url(../images/logo.png) no-repeat; height: 102px; left: 10px; top: 0px; } h1.logo a span { position: absolute; top: -1000px; } h1.logo-text a { text-decoration: none; outline: none; position: absolute; } div.header-image{  float:center; position: relative; top: 5px; left: 10px; bottom: 30px; width: 945px; height: 410px; background-image: url(...); background-repeat: no-repeat; } .contentLayout{  margin-left: 20px; position: relative;  } 
.contentLayout .content{  position: relative; margin: 10px 20px 0 0; border-right: 1px solid #dfdfdf; padding-right: 20px; float: left; overflow: hidden; width: 570px; } 
.contentLayout .content-wide{  position: relative; margin: 10px 20px 0 0; padding: 0; float: left; overflow: hidden; width: 950px; } 
h1.componentheading,
.componentheading { font-size:200%; color: #C5081D; font-family: Arial, Helvetica, Sans-Serif; text-decoration: none; font-weight:bold; text-align:left; } .contentdescription { padding-bottom: 30px; color: #666; } 
h2.contentheading,
.contentheading,
table.blog .contentheading { font-size:130%; color: #161616; font-family: Arial, Helvetica, Sans-Serif; text-decoration: none; font-weight:bold; text-align:left } 
a.contentpagetitle,
a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus { text-decoration: none !important; } .Block{  position:relative; z-index:0; margin:0 auto; min-width:31px; min-height:31px; } .Block-body{  position: relative; z-index:1; padding: 8px; border-bottom: 1px solid #e6e6e6; } .Block-tr, .Block-tl, .Block-br, .Block-bl, .Block-tc, .Block-bc,.Block-cr, .Block-cl{  position:absolute; z-index:-1; } .Block-tr, .Block-tl, .Block-br, .Block-bl{  width: 42px; height: 42px; } .Block-tl{  top:0; left:0; clip: rect(auto, 21px, 21px, auto); } .Block-tr{  top: 0; right: 0; clip: rect(auto, auto, 21px, 21px); } .Block-bl{  bottom: 0; left: 0; clip: rect(21px, 21px, auto, auto); } .Block-br{  bottom: 0; right: 0; clip: rect(21px, auto, auto, 21px); } .Block-tc, .Block-bc{  left: 5px; right: 5px; height: 15px; } .Block-tc{  top: 0; clip: rect(auto, auto, 21px, auto); } .Block-bc{  bottom: 0; clip: rect(21px, auto, auto, auto); } .Block-cr, .Block-cl{  top: 21px; bottom: 21px; width: 42px; } .Block-cr{  right:0; clip: rect(auto, auto, auto, 21px); } .Block-cl{  left:0; clip: rect(auto, 21px, auto, auto); } .Block-cc{  position:absolute; z-index:-1;  } .Blockheader{  position:relative; z-index:0; height: 20px; padding: 0 0; margin-bottom: 0px; } .Blockheader .t{  font-family: Arial, Helvetica, Sans-Serif; font-size: 16px; font-weight: bold; text-transform: none; color: #161616; white-space : nowrap; padding: 0; line-height: 20px; } .BlockContent{  position:relative; z-index:0; margin:0 auto; min-width:1px; min-height:1px; } .BlockContent-body{  position: relative; z-index:1; padding: 5px; } .BlockContent-body{  color:#5a5a5a; font-family: Arial, Helvetica, Sans-Serif; font-size: 100%; } .BlockContent-body a:link{  color: #C5081D; font-family: Arial, Helvetica, Sans-Serif; text-decoration: none; font-weight:bold; } .BlockContent-body a:visited, .BlockContent-body a.visited{  color: #C5081D; text-decoration: none; } .BlockContent-body a:hover, .BlockContent-body a.hover{  color: #C5081D; text-decoration: underline; } .BlockContent-body ul{  list-style-type: none; color: #1d1d1d; margin:0; padding:0; } .BlockContent-body li{  font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; } .BlockContent-body ul li{  padding:0px 0 0px 12px; background-image: url(../images/ContentBullets.png); background-repeat:no-repeat; margin:0.5em 0 0.5em 0; line-height:1.2em; } .Post{  position:relative; z-index:0; margin:0 auto; min-width:1px; min-height:1px; } .Post-body{  position: relative; z-index:1; padding: 7px; } 

.Post{  margin: 10px; } a img{  border: 0; } .article img, img.article{  border: solid 1px #C5C5AF; margin: 1em; } .metadata-icons img{  border: none; vertical-align: middle; margin:2px; } .article table, table.article{  border-collapse: collapse; margin: 1px; width:auto; } .article table, table.article .article tr, .article th, .article td{  background-color:Transparent; } .article th, .article td{  padding: 2px; border: solid 1px #68684B; vertical-align: top; text-align:left; } .article th{  text-align:center; vertical-align:middle; padding: 7px; } .PostheaderIcons, .PostheaderIcons a, .PostheaderIcons a:link, .PostheaderIcons a:visited, .PostheaderIcons a:hover{  font-family: Arial, Helvetica, Sans-Serif; font-size: 10px; font-style: italic; font-weight: normal; color: #4D4D38; } .PostheaderIcons a, .PostheaderIcons a:link, .PostheaderIcons a:visited, .PostheaderIcons a:hover{  margin:0; } .PostheaderIcons a:link{  font-family: Arial, Helvetica, Sans-Serif; text-decoration: underline; color: #607023; } .PostheaderIcons a:visited, .PostheaderIcons a.visited{  font-family: Arial, Helvetica, Sans-Serif; text-decoration: underline; color: #1d1d1d; } .PostheaderIcons a:hover, .PostheaderIcons a.hover{  font-family: Arial, Helvetica, Sans-Serif; text-decoration: none; color: #23240A; } 
.PostContent{    font-family: Arial, Helvetica, Sans-Serif;   text-align: justify;   color: #626247; } a{    font-family: Arial, Helvetica, Sans-Serif;   text-decoration: underline;   color: #1d1d1d; } ol, ul{  color: #171807; margin:1em 0 1em 2em; padding:0; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; text-align: left; margin-left: 5px; } li ol, li ul{  margin:0.5em 0 0.5em 2em; padding:0; } li {  margin:0.2em 0; padding:0; } ul{  list-style-type: none; } ol{  list-style-position:inside;  } 

.Post li{  padding:0px 0 0px 10px; line-height:1.2em; } .Post ol li, .Post ul ol li{  background: none; padding-left:0; } .Post ul li, .Post ol ul li {  background-image: url(../images/Bullets.png); background-repeat:no-repeat; padding-left:10px; } 
blockquote p{  color:#383829; font-family: Arial, Helvetica, Sans-Serif; font-style: italic; font-weight: normal; text-align: left; } blockquote{  margin:10px 10px 10px 50px; padding:5px 5px 5px 28px; background-color:#E1E1D6; background-image:url(../images/Quote.png); background-position:left top; background-repeat:no-repeat; } 
.banner{  margin-left: 25px; } .Mainfooter{  position:relative; z-index:0; overflow:hidden; width: 966px; margin: 0 auto 0px auto; } .Mainfooter .Mainfooter-inner{  float:left; height:121px; position: relative; z-index: 0; padding: 20px; } .Mainfooter .Mainfooter-background{  position:absolute; z-index:-1; background-repeat:no-repeat; background-image: url(../images/footer.gif); width: 966px; height:121px; bottom:0; left:0; } .Mainfooter-background .inner{  margin-top:15px; margin-left:15px; } 
.smallrss { display:block; background-image: url(../images/rss.gif); background-position: center left; background-repeat: no-repeat; font-size: 110%; color: #EEEEEE; margin-left: 20px; margin-top: 8px; text-decoration: none; width: 120px; } 
.copyright { float:right; margin-right: 20px; font-size: 100%; color: #9F9F9F; text-decoration: none; } 
.copyright a:link { color: #FFFFFF; font-weight:normal; text-decoration: none; } .copyright a:hover, .copyright a:active, .copyright a:visited { color: #FFFFFF; text-decoration: none; } 
.Mainfooter .Mainfooter-text p{  margin: 0; } .Mainfooter .Mainfooter-text{  display:inline-block; color:#1B1C08; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; font-style: italic; font-weight: normal; } .Mainfooter .Mainfooter-text a:link{  text-decoration: none; color: #DBDBCD; font-family: Arial, Helvetica, Sans-Serif; text-decoration: underline; } .Mainfooter .Mainfooter-text a:visited{  text-decoration: none; color: #1E1E15; font-family: Arial, Helvetica, Sans-Serif; text-decoration: underline; } .Mainfooter .Mainfooter-text a:hover{  text-decoration: none; color: #1E1E15; font-family: Arial, Helvetica, Sans-Serif; text-decoration: none; } .contentLayout .sidebar1{  position: relative; margin: 0; padding: 0; border: 0; float: left; overflow: hidden; width: 330px; } 
.contentLayout li{  float: none; } table.moduletable th{  font-size: 100%; padding: .5em 0em; } .breadcrumbs{  float:right; display: block; padding: .7em 0em; font-size:90%; font-weight: bold; } .contentpaneopen span.small, .contentpaneopen td.createdate, .open td.modifydate{  font-size: 75%; padding-bottom: 1em; } .column_separator {  padding-left: .4em; } .pagination span{  padding: 2px; } .pagination a{  padding: 2px; } div.offline{  background: #fffebb; width: 100%; position: absolute; top: 0; left: 0; font-size: 1em; padding: 5px; } span.pathway{  display: block; margin: 0; height: 10px; overflow: hidden; } .invalid{  border-color: #ff0000; } label.invalid{  color: #ff0000; } 
table.poll { border-collapse: collapse; padding: 0; width: 100%; } table.pollstableborder { background: none; border: none; padding: 0; text-align: left; width: 100%; } table.pollstableborder img { vertical-align: baseline; } table.pollstableborder td { background: none; border-collapse: collapse; border-spacing: 0; padding: 3px !important; } table.pollstableborder tr.sectiontableentry1 td { background: none; } 
.poll{  line-height:15px; } 
a.readon:link { color: #C5081D; font-weight:bold; text-decoration: none; } a.readon:hover, a.readon:active, a.readon:visited { color: #C5081D; font-weight:bold; text-decoration: underline; } 
a.readon:visited { color: #000000; font-weight:bold; text-decoration: none; } 
#search { float: right; margin-top: -35px; margin-right: 18px; } #mod_search_searchword { font-family: Arial, Helvetica, sans-serif; font-size: 90%; background: url(../images/icon-search.gif) no-repeat 175px 2px #ffffff; border: 0px; color: #999999; padding: 1px 2px; width: 190px; } 


Index.php

Code: Select all

<?php
// no direct access
/*------------------------------------------------------------------------
# KREATIF MULTIMEDIA GMBH JOOMLA 1.5 TEMPLATE NR. 002
# ------------------------------------------------------------------------
# COPYRIGHT: (C) 2010 KREATIF MULTIMEDIA GMBH, All Rights Reserved.
# LICENSE: Creative Commons Attribution - Non opere derivate 2.5 ITALIA
# LICENSE URL: http://creativecommons.org/licenses/by-nd/2.5/it/
# AUTHOR: KREATIF MULTIMEDIA GMBH
# WEBSITE:  http://www.kreatif.it
# EMAIL:  info@kreatif.it
-------------------------------------------------------------------------*/
defined('_JEXEC') or die('Restricted access');
JHTML::_('behavior.mootools');
require_once dirname(__FILE__) . DIRECTORY_SEPARATOR . 'functions.php';
$document = null;
if (isset($this))
  $document = & $this;
$baseUrl = $this->baseurl;
$style = $this->params->get("style");
$title = $this->params->get("title");
$templateUrl = $this->baseurl . '/templates/' . $this->template;
?>
<!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<jdoc:include type="head" />
<?php include_once(JPATH_ROOT . "/templates/" . $this->template . '/lib/php/menu.php');?>
<link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" type="text/css" href="<?php echo $templateUrl; ?>/css/template.css" media="screen" />
<link rel="stylesheet" href="<?php echo $templateUrl; ?>/css/backgrounds/<?php echo $style ?>.css" type="text/css" media="screen" />
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="templates/<?php echo $this->template ?>/css/ie7.css" media="screen, projection" />
<![endif]-->
<script type="text/javascript" src="<?php echo $templateUrl; ?>/script.js"></script>
</head>
<body>
	<div id="main">
		<div class="container">
			<div id="search">
				<jdoc:include type="modules" name="user4" style="xhtml" />
			</div>
	<div class="Sheet">
    <div class="Sheet-tl"></div>
    <div class="Sheet-tr"></div>
    <div class="Sheet-bl"></div>
    <div class="Sheet-br"></div>
    <div class="Sheet-tc"></div>
    <div class="Sheet-bc"></div>
    <div class="Sheet-cl"></div>
    <div class="Sheet-cr"></div>
    <div class="Sheet-cc"></div>
    <div class="Sheet-body">
<div class="header">
<div class="header-left">
<h1 class="logo"><a href="index.php" title="<?php echo $title; ?>"><span><?php echo $siteName; ?></span></a></h1></div>

<div class="header-right">
<?php if (CountModules($document, 'breadcrumb')) echo Post(null, Modules($document, 'breadcrumb'));?>
<div class="topmenu"><jdoc:include type="modules" name="user3" /></div>
</div>
<div class="cleared"></div>
<div class="header-image">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"
width="945" height="410">
<param name="width" value="945" />
<param name="height" value="410" />
<param name="src" value="/templates/kreatif_t02/images/intro.swf" />
<param name="quality" value="high" />
<embed type="application/x-shockwave-flash" width="945" height="410"
src="/templates/kreatif_t02/images/intro.swf" quality="high">
</embed>
</object>
				</div>
			</div>
<div id="menu_bg"><div id="horiz-menu" class="nav"><?php echo $main_navigation;?></div></div>
<div class="contentLayout">
<div class="<?php echo CountModules($document, 'right') ? 'content' : 'content-wide'; ?>">
<?php if (HasMessages()) : ?>
<div class="Post">
<div class="Post-body"><div class="Post-inner"><div class="PostContent"><jdoc:include type="message" /></div>
<div class="cleared"></div></div></div></div>
<?php endif; ?>
<jdoc:include type="component" />
<?php echo Positions($document, array('user1', 'user2'), 'article'); ?>
</div>
<?php if (CountModules($document, 'right')) : ?>
<div class="sidebar1"><?php echo Modules($document, 'right', 'block'); ?>
</div>
<?php endif; ?>

</div>
<div class="cleared"></div>
<div class="banner"><?php if (CountModules($document, 'footer'))
    echo Post(null, Modules($document, 'footer'));?></div>
<div class="Mainfooter">
	<div class="Mainfooter-inner">
		<div class="Mainfooter-text">
	</div>
</div>
<div class="Mainfooter-background"><div class="inner">
<?php include_once(JPATH_ROOT . "/templates/" . $this->template . '/copyright.php');?></div>
</div></div></div></div><jdoc:include type="modules" name="syndicate" />
</div>
<jdoc:include type="modules" name="debug" />
</div></body>
</html>

kevtheirish
Joomla! Apprentice
Joomla! Apprentice
Posts: 33
Joined: Fri Feb 29, 2008 7:18 pm

Re: yet another jpg->swf question

Post by kevtheirish » Wed Aug 18, 2010 3:16 pm

got it figured out... this worked for me

Code: Select all

<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="945" height="410">
  <param name="movie" value="templates/kreatif_t02/images/intro.swf" />
  <param name="quality" value="high" />
  <param name="wmode" value="opaque" />
  <param name="swfversion" value="6.0.65.0" />
  <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
  <param name="expressinstall" value="Scripts/expressInstall.swf" />
  <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
  <!--[if !IE]>-->
  <object type="application/x-shockwave-flash" data="templates/kreatif_t02/images/intro.swf" width="945" height="410">
    <!--<![endif]-->
    <param name="quality" value="high" />
    <param name="wmode" value="opaque" />
    <param name="swfversion" value="6.0.65.0" />
    <param name="expressinstall" value="Scripts/expressInstall.swf" />
    <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
    <div>
      <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
      <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
    </div>
    <!--[if !IE]>-->
  </object>
  <!--<![endif]-->
</object>
<script type="text/javascript">
<!--
swfobject.registerObject("FlashID");
//-->
</script>


Locked

Return to “Templates for Joomla! 1.5”