Foros del Web » Programando para Internet » PHP »

Cambiar banner en flash por una imagen estatica

Estas en el tema de Cambiar banner en flash por una imagen estatica en el foro de PHP en Foros del Web. Buenas a todos, estoy montando un blog en wordpress y con lo poco que se y lo que voy leyendo en muchos sitios estoy modificando ...
  #1 (permalink)  
Antiguo 20/09/2011, 03:17
 
Fecha de Ingreso: septiembre-2011
Mensajes: 5
Antigüedad: 13 años, 3 meses
Puntos: 0
Cambiar banner en flash por una imagen estatica

Buenas a todos, estoy montando un blog en wordpress y con lo poco que se y lo que voy leyendo en muchos sitios estoy modificando el aspecto visual del blog y me he encontrado con un problemilla.

La plantilla que tengo y que me gustaria usar tiene en la cabecera un banner flash que muestra una imagen o varias en formato 3D y no me convence y quiero el clasico banner estatico.

Por mis pocos conocimientos de php por no decir nulos no consigo modificarlo, he dado con el archivo slide.php el cual contiene esto:

<div id="slidearea">

<div id="flashcontent">
<p>You need to <a href="http://www.adobe.com/products/flashplayer/" target="_blank">upgrade your Flash Player</a> to version 10 or newer.</p>
</div><!-- end flashcontent -->

<script type="text/javascript">
var flashvars = {};
flashvars.xmlSource = "<?php bloginfo('template_url'); ?>/sliderXML.php";
flashvars.cssSource = "<?php bloginfo('template_url'); ?>/slider.css";
flashvars.imageSource = "<?php bloginfo('url'); ?>/wp-content/uploads/";
var attributes = {};
attributes.wmode = "transparent";
swfobject.embedSWF("<?php bloginfo('template_url'); ?>/piecemakerNoShadow.swf", "flashcontent", "980", "300", "10", "<?php bloginfo('template_url'); ?>/js/swfobject/expressInstall.swf", flashvars, attributes);
</script>


</div>

Y si no me equivoco lo llama desde el header.php mediante esto:

<?php include (TEMPLATEPATH . '/slide.php'); ?>


Sino estoy equivocado claro.....



Tengo entendido que tengo que crear un archivo en php con la informacion del banner que quiero poner, con el tamaño y la url del archivo, y es ahi donde me encuentro el problema, porque no se que codigo poner para definir el tamaño de la imagen, el codigo para la URL.....

Espero que me podais ayudar en algo.

Saludos
  #2 (permalink)  
Antiguo 20/09/2011, 04:17
Avatar de autonotel  
Fecha de Ingreso: junio-2003
Ubicación: Vigo
Mensajes: 480
Antigüedad: 21 años, 6 meses
Puntos: 13
Respuesta: Cambiar banner en flash por una imagen estatica

Quizá deberías poner el código del header porque hay dos opciones. O bién te cargas el include y pones una imagen donde la quieres, o bien en el archivo slide.php sustituyes lo que hay entre <script .. y </script> por una imagen con ancho 980 y alto 300. Si quieres conservar el link la encapsulas entre <a href="<?php bloginfo('template_url');?><img width="930" ....></a>
  #3 (permalink)  
Antiguo 20/09/2011, 04:27
 
Fecha de Ingreso: septiembre-2011
Mensajes: 5
Antigüedad: 13 años, 3 meses
Puntos: 0
Respuesta: Cambiar banner en flash por una imagen estatica

AQUI TIENES EL CODIGO DE HEADER.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 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 wp_title(''); ?><?php if(wp_title('', false)) { echo ' :'; } ?> <?php bloginfo('name'); ?></title>

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="<?php bloginfo('name'); ?> Atom Feed" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/slider.css" media="screen" />

<?php
wp_enqueue_script('jquery');
wp_enqueue_script('swfobject');
?>

<script type="text/javascript"><!--//--><![CDATA[//><!--
sfHover = function() {
if (!document.getElementsByTagName) return false;
var sfEls1 = document.getElementById("catmenu").getElementsByTa gName("li");
for (var i=0; i<sfEls1.length; i++) {
sfEls1[i].onmouseover=function() {
this.className+=" sfhover1";
}
sfEls1[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover1\\b"), "");
}
}
var sfEls1 = document.getElementById("menu").getElementsByTagNa me("li");
for (var i=0; i<sfEls1.length; i++) {
sfEls1[i].onmouseover=function() {
this.className+=" sfhover";
}
sfEls1[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
//--><!]]></script>

<?php wp_get_archives('type=monthly&format=link'); ?>
<?php //comments_popup_script(); // off by default ?>
<?php
if ( is_singular() ) wp_enqueue_script( 'comment-reply' );
wp_head(); ?>

<!-- Código del Icono -->
<link href="http://www.zonepsvita.com/wp-content/uploads/2011/09/favicon.ico" type="image/x-icon" rel="shortcut icon" />



</head>
<body>

<div id="masthead">
<div id="catmenucontainer">

<?php wp_nav_menu( array( 'container_id' => 'catmenu','theme_location' => 'primary','fallback_cb'=> '' ) ); ?>

</div>
<div id="top">

<div class="blogname">
<h1><a href="http://www.zonepsvita.com/">
<img src="http://www.zonepsvita.com/wp-content/uploads/2011/09/Zone-PS-Vita.jpg" />
</a></h1>
<h2><?php bloginfo('description'); ?></h2>
</div>
<?php include (TEMPLATEPATH . '/searchform.php'); ?>

<div class='feedlist'>

<ul>

<li class="getshort"><a href="http://feeds.feedburner.com/ZonePsVita" title="Subscribe to my feed" rel="alternate" type="application/rss+xml"><img src="http://www.feedburner.com/fb/images/pub/feed-icon32x32.png" alt="" style="border:0"/></a><a href="http://feeds.feedburner.com/ZonePsVita" title="Subscribe to my feed" rel="alternate" type="application/rss+xml"></a></li>

<li class="getshort"><a href="http://www.facebook.com/pages/Zone-PS-Vita/175733175837386<?php $face = get_option('pegas_face'); echo ($face); ?>"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/facebook.png" title="Facebook" alt="Facebook"/></a></li>

<li class="getshort"><a href="http://twitter.com/#!/ZonePSVita<?php $twit = get_option('pegas_twit'); echo ($twit); ?>"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/twitter.png" title="Twitter" alt="Twitter"/></a></li>

</ul>

</div>

</div>


</div>

<div id="wrapper">


<div id="casing" class="rounded dropshadow">
<div id="foxmenucontainer">
<?php wp_nav_menu( array( 'container_id' => 'menu', 'theme_location' => 'secondary','fallback_cb'=> '' ) ); ?>
</div>

<?php if (is_front_page()) { ?>
<?php include (TEMPLATEPATH . '/slide.php'); ?>
<?php } ?>
  #4 (permalink)  
Antiguo 20/09/2011, 05:05
Avatar de autonotel  
Fecha de Ingreso: junio-2003
Ubicación: Vigo
Mensajes: 480
Antigüedad: 21 años, 6 meses
Puntos: 13
Respuesta: Cambiar banner en flash por una imagen estatica

Yo probaría primero con el cambio en slide.php para conservar las características del div. Sustituye todo entre <div id="flashcontent">(conserva ese div) y </scritp>(incluido) es decir: todo lo que hay dentro del div flashcontent por
<img src="la ruta de tu imagen" width="930" height="300">
Si sabes de css lo podrás hacer mucho mejor aún.
Espero que te haya servido.
  #5 (permalink)  
Antiguo 20/09/2011, 05:23
 
Fecha de Ingreso: septiembre-2011
Mensajes: 5
Antigüedad: 13 años, 3 meses
Puntos: 0
Respuesta: Cambiar banner en flash por una imagen estatica

He echo lo que tu me has dicho y no funcionaba, entonces me he puesto a probar y a mirar el CSS y salia esto:

#slidearea{
height:330px;
overflow: hidden;
position: relative;
width:980px;
margin:0px auto;
background:url(images/shadow.png) bottom no-repeat;
}
#flashcontent{
margin:0px 0px 0px 0px;
width:980px;
height:420px;
outline:none;
}


entonces he cogido y he quitado todo el codigo de slide.php y he puesto este y funciona:


<div id="slidearea">

<div id="flashcontent">
<img src="http://www.zonepsvita.com/wp-content/uploads/2011/09/Stardrone_Hero1.jpg" width="980" height="330">

</div><!-- end flashcontent -->





</div>


es decir funciona dentro del flashcontent, y no se porque pero funciona jeje

muchas gracias por haberme ayudado

saludossss a todosss

Etiquetas: banner, estatica, flash
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 01:14.