Cómo Cambiar el Header por uno en Flash?

Serena

Hola a todos! últimamente he intentado cambiarle el header a mi template y la verdad que me he liado mucho..

Quisiera poder poner un header en flash o bien un header de imagen fija.
Si alguien tiene un tutorial o bien me puede explicar como se cambia el header estría muy agradecida.
Aquí les dejo el código de mi template (trueblue):

Código PHP:


			
<!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 defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' ); ?>
<head>
<script type="text/javascript" 
src="<?php echo $mosConfig_live_site;?>/mootools/mootools-release-1.11.js"></script>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  <link href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->    getTemplate(); ?>/css/template_css.css" rel="stylesheet" type="text/css" media="all" />
  <link rel="shortcut icon" href="<?php echo $mosConfig_live_site;?>/images/favicon.ico" />
    <?php if ( $my->id ) { initEditor(); } mosShowHead(); ?>
    <!-- Add YOOtools extension styles here -->
<link href="<?php echo $mosConfig_live_site;?>/modules/mod_yoo_slider/mod_yoo_slider.css.php" rel="stylesheet" type="text/css" />
<link href="<?php echo $mosConfig_live_site;?>/modules/mod_yoo_login/mod_yoo_login.css.php" rel="stylesheet" type="text/css" />
<link href="<?php echo $mosConfig_live_site;?>/modules/mod_yoo_drawer/mod_yoo_drawer.css.php" rel="stylesheet" type="text/css" />
<link href="<?php echo $mosConfig_live_site;?>/modules/mod_yoo_carousel/mod_yoo_carousel.css.php" rel="stylesheet" type="text/css" />
<link href="<?php echo $mosConfig_live_site;?>/modules/mod_yoo_toppanel/mod_yoo_toppanel.css.php" rel="stylesheet" type="text/css" />
<link href="<?php echo $mosConfig_live_site;?>/modules/mod_yoo_accordion/mod_yoo_accordion.css.php" rel="stylesheet" type="text/css" />
<link href="<?php echo $mosConfig_live_site;?>/modules/mod_yoo_scroller/mod_yoo_scroller.css.php" rel="stylesheet" type="text/css" />

<link rel="apple-touch-icon" href="<?php echo $template_baseurl ?>/apple_touch_icon.png" />
</head>

<body id="normal">

<div id="head">

    <div class="center">

        <div class="left"><?php echo $mosConfig_sitename; ?></div>

        <div class="right"><?php mosLoadModules ( 'user4',-1); ?></div>

        <div class="topMenu"><?php mosLoadModules ( 'user3',-2); ?></div>

        <div class="clearer"></div>

    </div>

</div>

<div id="newsflash"><div class="center"><?php if(mosCountModules('top')) {mosLoadModules ('top');} ?></div></div>

<div id="main">

    <div class="center">

<?php if (mosCountModules('left') && mosCountModules('right')) :?>

        <div class="col3">

            <div class="left"><?php mosLoadModules('left',-2); ?></div>
            <div class="mid"><?php mosMainBody(); ?></div>
            <div class="right"><h3>Search</h3><?php mosLoadModules ( 'user4'); ?><?php mosLoadModules('right',-2); ?></div>

            <div class="clearer"></div>

        </div>

<?php elseif (mosCountModules('left')) : ?>

        <div class="col2">

            <div class="left"><?php mosLoadModules('left',-2); ?></div>
            <div class="mainright"><?php mosMainBody(); ?></div>

            <div class="clearer"></div>

        </div>

<?php else : ?>

        <div class="col2">

            <div class="mainleft"><?php mosMainBody(); ?></div>
            <div class="right"><?php mosLoadModules('right',-2); ?></div>

            <div class="clearer"></div>

        </div>

<?php endif;?>

    </div>

</div>

<div id="footer">Copyright &copy; 2007 <a href="http://www.layoutshack.net/wordpress/">Free Wordpress Themes</a> and <a href="http://www.layoutshack.net/">Free Layouts</a></div>

</body>

</html>

De antemano muchas gracias!

RC

al parecer el header no tiene tablas, esta encerrado en un contenedor:

Código PHP:


			
div id="head">

    <div class="center">

        <div class="left"><?php echo $mosConfig_sitename; ?></div>

        <div class="right"><?php mosLoadModules ( 'user4',-1); ?></div>

        <div class="topMenu"><?php mosLoadModules ( 'user3',-2); ?></div>

        <div class="clearer"></div>

    </div>

según el código annterior, el contenedor tiene una regla llamada #head

te sugiero que pongas el código de tu css acá en este mismo tema, pera resolver mejor tu duda.

Serena

Muchas gracias por responde tan rápido...

Aquí dejo mi CSS:

Código PHP:


			
html {
    height: 100%;
    padding-bottom: 0.1%;
}
html, body{
    font: 82% Arial, Arial, Helvetica, sans-serif;
    color: #505050;
}
body#normal {background: #FFF;}


h1,h2,h3,h4,h5,h6 {padding: 10px 0 5px 0; margin-bottom:10px;}
h1,.contentheading {font: normal 2.5em Arial, Verdana,sans-serif; color: #004661; line-height: 24px; padding-bottom: 8px;}
h2 {font: bold 2em Arial, sans-serif; letter-spacing: -1px; line-height: 18px; color: #111;}
h3 {font: normal 1.8em Arial, sans-serif; line-height: 20px; border-bottom:1px dotted #CCC;}
h4 {font: bold 1.4em Arial, sans-serif; line-height: 14px;}
h5 {font: bold 1.2em Arial, sans-serif; line-height: 13px;}
h6 {font: bold Arial, sans-serif; line-height: 12px;}

td{font-size: 1em;}
th{font-size: 1em;}

a {color: #0076a2; text-decoration: none;}
a:hover {color: #004661; text-decoration: underline;}
a.image, a.image:hover  {border:0;}
a.mainlevel {font: normal 1.2em sans-serif; line-height: 20px; background: url(../images/arrow.gif) no-repeat left center; padding:3px 3px 3px 10px; display:block; border-bottom:1px dotted #CCC; }
a.mainlevel:hover  {background-color:#F4F4F4; text-decoration:none; font-weight:bold;}
li{list-style: none; }
#main ul {clear: both; padding: 6px 20px 12px;}

fieldset {
    width: 470px;
    padding: 5px;
    border: 1px solid #eee;
}

#head {
    border-top: 2px solid #020202;
    background:url(../images/header_01.jpg) bottom repeat-x ;
    color: #FFF;
    padding: 24px 0;
}
#head .center {padding: 0;}
#head .left {font: normal 2.5em Arial, sans-serif; padding-left: 15px; line-height: 50px;}
#head .right {width: 150px;}
#head .search {padding-top: 15px;}
#head .topMenu {clear: both;}
#head .topMenu li {float: right; margin-left: 30px;}
#head a {color: #6cb9d6; font: normal 1.2em Arial, sans-serif; text-decoration: none; } 
#head a:hover {color: #FFF;text-decoration: underline;}
#head form {float: right; padding: 0; margin: 0;}

/* newsflash */
#newsflash {
    background: #000 repeat-x;
    color: #FFF;
    border-top:1px solid #FFF;
    text-align:left;    
}


#main {background: #FFF url(../images/maincopy.jpg) repeat-x; padding: 10px; 0;}
.mid li,.mainright li,.mainleft li {list-style: disc;}
#main p {padding: 3px 0 4px;}

.componentheading {
    font: normal 2.2em Arial,sans-serif;
    padding-bottom: 6px;
}
.sectiontableentry1,.sectiontableentry2 {padding: 2px 0;}

table.contentpaneopen {margin-right: 16px;}

.mosimage_caption {font-style: italic;}

.contenttoc {
    padding: 10px;
    text-align: left;
}
.contentpaneopen img {
    border: 1px solid #CCC;
    margin: 10px;
    padding:3px;
    background:#FFF;
}
.buttonheading img {border: none; margin: 0;}

#footer {
    background: #FFF url(../images/main.jpg) repeat-x;
    color: #858585;
    text-align:center;
    padding:20px;
}
#footer a {color: #858585;}


.left form {padding-bottom: 10px;}
form a {display: inline;}


.center {width: 950px; margin: 0 auto; padding: 12px 0;}
.clearer {clear: both; font-size: 0;}
.left {float: left;}
.right {float: right; padding-left:10px;}
.small {color: #333;}
.createdate {padding-bottom: 6px; color: #999;}


.col2 .mainleft,.col2 .mainright {width: 78%; float: left; border-right: 1px dotted #CCC;}
.col2 .mainright {float: right;}


.col3 .left,.col3 .right,.col2 .left,.col2 .right {width: 20%;}
.col3 .mid {float: left; width: 54%; margin: 0 2%;}
* {
    padding: 0px;
    margin: 0px;
}

RC

oka , acabo de revisar el código actualmente el contenedor div id="head"> toma la siguiente regla:

Código PHP:


			
#head .center {padding: 0;}
#head .left {font: normal 2.5em Arial, sans-serif; padding-left: 15px; line-height: 50px;}
#head .right {width: 150px;}
#head .search {padding-top: 15px;}
#head .topMenu {clear: both;}
#head .topMenu li {float: right; margin-left: 30px;}
#head a {color: #6cb9d6; font: normal 1.2em Arial, sans-serif; text-decoration: none; } 
#head a:hover {color: #FFF;text-decoration: underline;}
#head form {float: right; padding: 0; margin: 0;}

/* newsflash */
#newsflash {
    background: #000 repeat-x;
    color: #FFF;
    border-top:1px solid #FFF;
    text-align:left;    
}

para modificar agregarle un header y reemplazarlo por uno en flash simplemente debes reemplazar en la index de tu template:

Código PHP:


			
 div id="head">

    <div class="center">

        <div class="left"><?php echo $mosConfig_sitename; ?></div>

        <div class="right"><?php mosLoadModules ( 'user4',-1); ?></div>

        <div class="topMenu"><?php mosLoadModules ( 'user3',-2); ?></div>

        <div class="clearer"></div>

    </div>

lo cambias por:

Código PHP:


			
<!--Header by RC-->
<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="990" height="150" id="/templates/header" align="middle">
  <param name="allowScriptAccess" value="sameDomain" />
  <param name="allowFullScreen" value="false" />
  <param name="movie" value="header.swf" />
  <param name="quality" value="high" />
  <param name="bgcolor" value="#ffffff" />
  <embed src="header.swf" quality="high" bgcolor="#ffffff" width="990" height="150" name="header.swf" align="middle" allowscriptaccess="sameDomain" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
<!-- Header by RC -->

luego subes en la raíz de tu sitio el archivo en flash llamado header.swf las medidas son 990x150px,Espero que mi ayuda te haya sido útil.

Todo se puede hacer, invertar o modificar,solo debes saber como hacerlo, si quieres aprender, solo debes comprender XHTML y CSS, te recomiendo los siguientes libros.

Introducción a XHTML 190 páginas

Introducción a CSS 220 páginas

saludos.

Serena

Muchas gracias por la ayuda RC!! ahora lo pruebo y les cuento como me fue..

PD: prometo que voy a leer esos manuales.. ya los estoy descargando.

Cheers!

moyachiche

Misch! yo he buscado esto en todas partes y no daba pie con bola!... esta información me va a servir mucho, mucho.... lo voy a probar en mi localhost .. siempre quise saber la forma de poner un header en flash.. muchas gracias Ricardo, sabes harto.

RC

Claro, basicamente es lo mismo, pero varia dependiendo de cada template, es por ello que recomiendo saber antes de borrar algo y reemplazarlo por otra cosa, además de mantener un respaldo del archivo que se esta modificando. si no estan seguros "niños no hagan esto en casa" jajaja. leanse los libros.

saludos.

Serena

Siiiiiiiiiiii!! Ha funcionado a la perfección!
Eres un genio RC! mira que he recorrido los foros de Joomla y nadie me ha respondido como tu! aparte de que haber respondido rápido me has dado la solución justa, además de la ayuda extra al dejarme el link de los manuales.
Estoy sumamente agradecida.. wiiiiiiiiiiiiiiii

Ejecutor Hanzo

Cita:

Iniciado por RC

oka , acabo de revisar el código actualmente el contenedor div id="head"> toma la siguiente regla:

Código PHP:


			
#head .center {padding: 0;}
#head .left {font: normal 2.5em Arial, sans-serif; padding-left: 15px; line-height: 50px;}
#head .right {width: 150px;}
#head .search {padding-top: 15px;}
#head .topMenu {clear: both;}
#head .topMenu li {float: right; margin-left: 30px;}
#head a {color: #6cb9d6; font: normal 1.2em Arial, sans-serif; text-decoration: none; } 
#head a:hover {color: #FFF;text-decoration: underline;}
#head form {float: right; padding: 0; margin: 0;}

/* newsflash */
#newsflash {
    background: #000 repeat-x;
    color: #FFF;
    border-top:1px solid #FFF;
    text-align:left;    
}

para modificar agregarle un header y reemplazarlo por uno en flash simplemente debes reemplazar en la index de tu template:

Código PHP:


			
 div id="head">

    <div class="center">

        <div class="left"><?php echo $mosConfig_sitename; ?></div>

        <div class="right"><?php mosLoadModules ( 'user4',-1); ?></div>

        <div class="topMenu"><?php mosLoadModules ( 'user3',-2); ?></div>

        <div class="clearer"></div>

    </div>

lo cambias por:

Código PHP:


			
<!--Header by RC-->
<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="990" height="150" id="/templates/header" align="middle">
  <param name="allowScriptAccess" value="sameDomain" />
  <param name="allowFullScreen" value="false" />
  <param name="movie" value="header.swf" />
  <param name="quality" value="high" />
  <param name="bgcolor" value="#ffffff" />
  <embed src="header.swf" quality="high" bgcolor="#ffffff" width="990" height="150" name="header.swf" align="middle" allowscriptaccess="sameDomain" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
<!-- Header by RC -->

luego subes en la raíz de tu sitio el archivo en flash llamado header.swf las medidas son 990x150px,Espero que mi ayuda te haya sido útil.

Todo se puede hacer, invertar o modificar,solo debes saber como hacerlo, si quieres aprender, solo debes comprender XHTML y CSS, te recomiendo los siguientes libros.

Introducción a XHTML 190 páginas

Introducción a CSS 220 páginas

saludos.

Pero te echai 2 modulos pos! ojo con eso :P, los modulos user3 y user4 no podras volver a utilizarlos.

De todas maneras, no deja de ser util la respuesta de mi compadre :P.

Saludos!

RC

no me heche 2 modulos, me heche 2 posisiones de modulo que es diferente:

Código PHP:


			
<?php mosLoadModules ( 'user4',-1); ?>

Código PHP:


			
 <?php mosLoadModules ( 'user3',-2); ?>

además me mandó un mp diciendome que no le importaba perder dichas posisiones, me bajé la template, esas 2 posisiones estaban dentro del header anterior y no eran relevantes, pude haberlo hecho dejando las posisiones pero como es un header en flash no pueden haber posisiones encima de este.
En todo caso para que nadie quede llorando, las posisiones las pueden agregar debajo de:

Código PHP:


			
<div id="newsflash"><div class="center"><?php if(mosCountModules('top')) {mosLoadModules ('top');} ?></div></div>

agregar:

Código PHP:


			

<div class="center">

         <div class="right"><?php mosLoadModules ( 'user4',-1); ?></div>

        <div class="topMenu"><?php mosLoadModules ( 'user3',-2); ?></div>

       </div>

con esto las posisiones quedan debajo del news flash.

Excelente observación compadre

Saludos.

moyachiche

Cita:

Iniciado por RC

no me heche 2 modulos, me heche 2 posisiones de modulo que es diferente:

Código PHP:


			
<?php mosLoadModules ( 'user4',-1); ?>

Código PHP:


			
 <?php mosLoadModules ( 'user3',-2); ?>

además me mandó un mp diciendome que no le importaba perder dichas posisiones, me bajé la template, esas 2 posisiones estaban dentro del header anterior y no eran relevantes, pude haberlo hecho dejando las posisiones pero como es un header en flash no pueden haber posisiones encima de este.
En todo caso para que nadie quede llorando, las posisiones las pueden agregar debajo de:

Código PHP:


			
<div id="newsflash"><div class="center"><?php if(mosCountModules('top')) {mosLoadModules ('top');} ?></div></div>

agregar:

Código PHP:


			

<div class="center">

         <div class="right"><?php mosLoadModules ( 'user4',-1); ?></div>

        <div class="topMenu"><?php mosLoadModules ( 'user3',-2); ?></div>

       </div>

con esto las posisiones quedan debajo del news flash.

Excelente observación compadre

Saludos.

muy interesante este último dato

para agregar más posiciones de módulo... lo voy a tener en cuenta

Ejecutor Hanzo

Quise decir "posiciones" en vez de "modulos" sorry, xD.

Cita:

Iniciado por moyachiche

muy interesante este último dato

para agregar más posiciones de módulo... lo voy a tener en cuenta

hola :wub:

Mo3biuS

Hola, interesantisimo el tema porque quiero hacer el header en flash... Pero todavia no se exactamente con que programa. Pero este post lo guardo como joya hasta tener el programa... Gracias mil por la ayuda!!!

Mynos

Yo tengo el mismo problema, logre insertar el .swf como header , pero me desconfigura todo el template!! ya me siento desesperado porque no que hacer alguien me puede echar una mano? por favor

danoMachine

Cita:

Iniciado por Mynos

Yo tengo el mismo problema, logre insertar el .swf como header , pero me desconfigura todo el template!! ya me siento desesperado porque no que hacer alguien me puede echar una mano? por favor

Hola, te recomiendo hacer tu pregunta en un nuevo tema, así podremos ayudarte de mejor manera, saludos

clataya

hola he tratado de insertar un swf en el header pero no he podido le escribo el codigo de este foro pero no me funciona al publicarlo sale un rectangulo blanco....alguien sabe como es????'

LeitusMotard200

Buenas Noches a todos...
Mediante la explicación de RC pude poner mi banner flash en la web. El problema es que cuando voy a la pagina la veo corrida hacia la izquierda a pesar que mantuve las medidas de la foto que tená anteriormente.
Necesitaría saber como hacer para que vuelva a estar toda la web centrada ya que queda feito feito.
Mi web es Saladillo Online
Gracias por responder de antemano...

pirataleg

muy bueno me salio de diezzzzz ¡¡¡

yo habia hecho mi plantilla en Artiteer 2.3 y no tiene la opcion de insertar head de flash
los otros artisteer no funcionan bien, me refiero a los mas nuevos, como 3.0 y demas, no se si salio otro mas nuevo.

Gracias.
Un abrazo.
LeandrogG. desde argentina- fuera barrick de america latina-

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado

LinkBacks (?) LinkBack to this Thread: http://www.entrebits.cl/foros/joomla/11265-como-cambiar-el-header-por-uno-en-flash.html
Escrito Por	For	Type	Fecha
Header en Flash? - Foros Joomla! Spanish - Tu comunidad Joomla! en espaol	This thread	Refback	26-Oct-2011 08:39
Ayuda de Wordpress - Jaime Lopez-Chicheri - FriendFeed	This thread	Refback	03-May-2009 09:54
rofuica's Bookmarks on Delicious	This thread	Refback	19-Dec-2008 11:42
Header en Flash? - Foros Joomla! Spanish - Tu comunidad Joomla! en español	This thread	Refback	20-Nov-2008 15:46
Header en Flash? - Foros Joomla! Spanish - Tu comunidad Joomla! en español	This thread	Refback	27-Sep-2008 21:38
Header en Flash? - Foros Joomla! Spanish - Tu comunidad Joomla! en español	This thread	Refback	23-Sep-2008 17:45
Header en Flash? - Foros Joomla! Spanish - Tu comunidad Joomla! en español	This thread	Refback	11-Sep-2008 05:41

Temas Similares
Tema	Autor	Foro	Respuestas	Último mensaje
Muchos Trucos Para XP	Alex-18	Windows & Aplicaciones	14	22-Jul-2008 11:34
El Señor de los LADRILLOS (Parte I)	Hitman	Chistes	8	16-Jun-2008 15:32
Creación de una aplicación Flash	Kllejero	Flash	0	27-Dec-2007 14:08
Que podemos hacer en xp para...	Kllejero	Windows & Aplicaciones	10	09-Nov-2007 21:33
alquimia..	[[^v\|ernez\|\|13^]]	OffTopic	1	17-Mar-2007 19:40

Serena Desconectado Aprendiz Mensajes: 453 Agradecimientos: 0 Agradecido 0 veces en 0 mensajes Fecha de Ingreso: September-2007 Pais:	05-Apr-2008, 17:29 Muchas gracias por la ayuda RC!! ahora lo pruebo y les cuento como me fue.. PD: prometo que voy a leer esos manuales.. ya los estoy descargando. Cheers! Share Share this post on Digg Del.icio.us Technorati Twitter

moyachiche Desconectado amiga Mensajes: 3.256 Agradecimientos: 1 Agradecido 112 veces en 35 mensajes Fecha de Ingreso: March-2007 Genero: Mujer Pais:	05-Apr-2008, 17:36 Misch! yo he buscado esto en todas partes y no daba pie con bola!... esta información me va a servir mucho, mucho.... lo voy a probar en mi localhost .. siempre quise saber la forma de poner un header en flash.. muchas gracias Ricardo, sabes harto. Share Share this post on Digg Del.icio.us Technorati Twitter

Mo3biuS Desconectado Pajarito Nuevo Mensajes: 2 Agradecimientos: 0 Agradecido 0 veces en 0 mensajes Fecha de Ingreso: April-2009 Genero: Hombre Pais:	02-Apr-2009, 10:18 Hola, interesantisimo el tema porque quiero hacer el header en flash... Pero todavia no se exactamente con que programa. Pero este post lo guardo como joya hasta tener el programa... Gracias mil por la ayuda!!! Share Share this post on Digg Del.icio.us Technorati Twitter

Mynos Desconectado Pajarito Nuevo Mensajes: 4 Agradecimientos: 0 Agradecido 0 veces en 0 mensajes Fecha de Ingreso: May-2009 Genero: Hombre Pais:	10-May-2009, 13:55 *Yo tengo el mismo problema, logre insertar el .swf como header , pero me desconfigura todo el template!! ya me siento desesperado porque no que hacer alguien me puede echar una mano? por favor* Share Share this post on Digg Del.icio.us Technorati Twitter

clataya Desconectado Pajarito Nuevo Mensajes: 1 Agradecimientos: 0 Agradecido 0 veces en 0 mensajes Fecha de Ingreso: August-2009 Genero: Mujer Pais:	header flash en joomla - 19-Aug-2009, 14:19 hola he tratado de insertar un swf en el header pero no he podido le escribo el codigo de este foro pero no me funciona al publicarlo sale un rectangulo blanco....alguien sabe como es????' Share Share this post on Digg Del.icio.us Technorati Twitter