Ir para conteúdo
Fórum Script Brasil
  • 0

Trocar imagem

Andre de souza

Perguntado por Andre de souza,

 Share

Pergunta

Andre de souza

Andre de souza

Postado
Postado

Ola pessoa desculpe se estou postando essa duvida repetida.. mais não achei uma que tirase minha duvida.

e o seguinte .. queria mudar uma imagem do site conforme a hora

exemplo - de 6:00 as 12:00 uma imagem e de 13:00 as 18:00 e de 19:00 as 5:00 outra.

mais eu queria fazer no css .. sera qe tem como ..

meu raciocinio era o seguinte um scrip que trocava todo o css do site. mais seria muito complicado..

sera qe tem jeito de fazer o css fazer isso ?????

por favor me ajudem.. obrigado.

Link para o comentário
Compartilhar em outros sites

20 respostass a esta questão

Posts Recomendados

  • 0
Pedro Gaz

Pedro Gaz

Postado
Postado

Só com CSS posso afirmar que não, pois CSS não faz condições, você pode usar o CSS para mostrar a imagem, como background por exemplo, mas para montar a condição terá que usar PHP ou até javascript, se for usar javascript poderá conseguir algo interessante com o framework JQuery.

Segue um exemplo para explicação com PHP:

switch ($hora){
 case 6:
 $img = "img1.jpg";
 break;

 case 8:
 $img = "img2.jpg";
 break;

}

<div style="background-image:url('<?php echo $img; ?>')">

</div>

Fiz um exemplo bem simples, precisa de adaptações é só para você entender a lógica..

Link para o comentário
Compartilhar em outros sites
  • 0
Andre de souza

Andre de souza

Postado
  • Autor
Postado
Entende alguma coisa de PHP? Está usando servidor local, apache, ou algo do tipo?

Sou novato na Area , mais dou meus pulos e tento ..... enquanto ao servidor local uso sim.. um aplicativo chamado WampServe que roda tudo. apache ,mysql , php ...

.

E ai sera que tem possibilidade. de fazer isso acontecer . porque se der certo vou colocar no meu site, meu site e em phpfusion gestor de conteudos estou dando umas modificadas no template. e essa parada de trocar de imagem do site conforme a hora que queria fazer..

obrigado pela atençao a todos.. se puderem me ajudar.. e qualquer coisa estamos ai. tb.

Só com CSS posso afirmar que não, pois CSS não faz condições, você pode usar o CSS para mostrar a imagem, como background por exemplo, mas para montar a condição terá que usar PHP ou até javascript, se for usar javascript poderá conseguir algo interessante com o framework JQuery.

Segue um exemplo para explicação com PHP:

switch ($hora){
 case 6:
 $img = "img1.jpg";
 break;

 case 8:
 $img = "img2.jpg";
 break;

}

<div style="background-image:url('<?php echo $img; ?>')">

</div>

Fiz um exemplo bem simples, precisa de adaptações é só para você entender a lógica..

Digamos assim traduzindo isso .. onde eu colocaria esse esquema ai ?? :wacko: :$ :blush:

Link para o comentário
Compartilhar em outros sites
  • 0
*FIT*

*FIT*

Postado
Postado

Bom na verdade o Pedro usou apenas como exemplo, para que você entendesse a lógica.

tente algo do tipo.

Coloque isso no começo do código:

<?php
$hora = date("H");

if(($hora > 5) && ($hora < 13))
{
 $css = "css1.css"; // coloque o nome do seu css
}
elseif(($hora > 12) && ($hora < 19))
{
 $css = "css2.css"; // coloque o nome do seu css
}  
else
{
 $css = "css3.css"; // coloque o nome do seu css
}
<?
Na hora de chamar o css, no lugar do nome do css, coloque 
<?php echo $css; ?>

Abraços

Link para o comentário
Compartilhar em outros sites
  • 0
Andre de souza

Andre de souza

Postado
  • Autor
Postado (editado)

Muito legal... Vou tentar colocar pra rodar e posto aqui o resultado.

so uma pergunta besta..

Como o site e todo em php .. devo colocar esse codigo no index do Template ?

*porque meu site tem opção de escolher template . ?

desculpe ai gente a ingnorancia no assunto. mais e melhor ser burro por segundos do que a vida toda.. por isso pergunto.. valeu...

obrigadoo ai galera.

Print da pagina , e a imagem marca e a que quero trocar.

o site e esse aqui http://www.rdsinfor.com

print.JPG

Editado por Andre de souza
Link para o comentário
Compartilhar em outros sites
  • 0
Pedro Gaz

Pedro Gaz

Postado
Postado

Todo mundo passa por algumas dificuldades para aprender alguma coisa.. Você deve colocar o código na página que você deseja chamar a função, se a imagem for mostrada no index, coloque o código no index e assim por diante.. É difícil falar onde colocar sem saber a estrutura do código do site.

Link para o comentário
Compartilhar em outros sites
  • 0
*FIT*

*FIT*

Postado
Postado

Vendo a imagem, acredito que tenha que colocar o código em todos as páginas que receba a imagem, na ordem que falei à cima.

Mude o nome css1.css pelo nome do arquivo que queira puxar naquele intervalo de hora, e assim por diante.

Link para o comentário
Compartilhar em outros sites
  • 0
Andre de souza

Andre de souza

Postado
  • Autor
Postado

ae galera.. valeu mais uma vez..

Vamos.. la.

O site e um gestor de conteúdo como falei.. já tem tudo pronto. e atraves de um mod posso trocar os Templates.

na raiz do meu site tem uma pasta chamada themes onde que eu baixo os temas e faço o upload delas. e os temas vem com os arguivos : index, theme, style css , pasta imagem etc..

vou fazer melhor vou postar os arquivos do tema .

o tema e este ai.

http://rdsinfor.com/ghost.rar

index.php

<?php
header("Location: http://www.phpfusion-tr.com");
?>
theme.php 
<?php
/*------------------------------------------------------------------
Ghost V1
by Joe Allen (http://www.JoeAllenPro.com/)
You Can Use And Share the theme as much as you want
but please don't remove copyright of theme
-------------------------------------------------------------------*/
if (!defined("IN_FUSION")) { die("Access Denied"); }
require_once INCLUDES."theme_functions_include.php";

define("THEME_WIDTH", "990");
define("THEME_BULLET", "&middot;");

//v7 sublinks function is a bit more for this, so taken from v6 and tweaked
function thesublinks($sep="&middot;",$class="") {
    $i = 0; $res = "";
    $sres = dbquery("SELECT * FROM ".DB_PREFIX."site_links WHERE link_position>='2' AND ".groupaccess('link_visibility')." AND link_url!='---' ORDER BY link_order ASC");
    if (dbrows($sres)) {
        while($sdata = dbarray($sres)) {
                    if ($i != 0) { $res .= " ".$sep."\n"; } else { $res .= "\n"; }
                    $link_target = $sdata['link_window'] == "1" ? " target='_blank'" : "";
                    $link_class = $class ? " class='$class'" : "";
                    if (strstr($sdata['link_url'], "http://") || strstr($sdata['link_url'], "https://")) {
                        $res .= "<a href='".$sdata['link_url']."'".$link_target.$link_class.">".$sdata['link_name']."</a>";
                    } else {
                        $res .= "<a href='".BASEDIR.$sdata['link_url']."'".$link_target.$link_class.">".$sdata['link_name']."</a>";
                    }
                
                $i++;
        }
    }
    if ($i != 0) { return $res; } else { return "&nbsp;"; }
}

function render_page($license=false) {
global $settings, $main_style;

//Header
echo "<table cellpadding='0' cellspacing='0' width='".THEME_WIDTH."' align='center'><tr><td>

<table cellpadding='0' cellspacing='0' width='".THEME_WIDTH."' style='border: 0px; margin: 0px auto'>
<tr><td>
<p align='right' style='padding-right:20px;'><font color='#ffffff' size='4'>".stripslashes($settings['sitename'])."</font><br/></p>";
echo "</td></tr></table>\n";

//sublinks css
    echo "<table width='".THEME_WIDTH."' border='0' cellspacing='0' cellpadding='0'><tr><td>";
    echo "<div id='altlinkler'>";
    echo "<ul><li>".thesublinks("</li>\n<li>");
    echo "</li></ul><div class='clear-both'>&nbsp;</div></div>";
if ($settings['siteintro'] != "") {
    echo "</td></tr><tr><td class='welc'><center>".stripslashes($settings['siteintro'])."</center></td></tr></table>";
    } else {
    echo "</td></tr></table>";
}
    
//Content
    echo "<table cellpadding='0' cellspacing='0' width='".THEME_WIDTH."' class='barry'>\n<tr>\n";
    if (LEFT) { echo "<td class='side-border-left' valign='top'>".LEFT."</td>"; }
    echo "<td class='main-bg' valign='top'>".U_CENTER.CONTENT.L_CENTER."</td>";
    if (RIGHT) { echo "<td class='side-border-right' valign='top'>".RIGHT."</td>"; }
    echo "</tr>\n</table>\n";

//Footer
echo "<div id='footer'><table cellpadding='0' cellspacing='0' width='".THEME_WIDTH."' class='footermain'>
<tr>
<td class='footerleft'>".showcopyright()."</td>
<td class='footerright'>
Ghost theme by <a href='http://www.joeallenpro.com/'>Joe Allen</a><br/>
<a href='http://www.template4all.com/'>Template4all.com</a>
</td>
</tr>
</table>
</div>

</td></tr></table>
\n";
}


function render_news($subject, $news, $info) {

    echo "<div class='capmain'>$subject</div>\n";
    echo "<div class='main-body floatfix'>".$news."</div>\n";
    echo "<div class='news-footer'>\n";
    echo newsposter($info,"&middot;").newsopts($info,"&middot;").itemoptions("N",$info['news_id']);
    echo "</div>\n";
}

function render_article($subject, $article, $info) {
    echo "<div class='border tablebreak'>";
    echo "<div class='capmain'>$subject</div>\n";
    echo "<div class='main-body floatfix'>".($info['article_breaks'] == "y" ? nl2br($article) : $article)."</div>\n";
    echo "<div class='news-footer'>\n";
    echo articleposter($info,"&middot;").articleopts($info,"&middot;").itemoptions("A",$info['article_id']);
    echo "</div>\n";
    echo "</div>";
}

function opentable($title) {

echo "<table cellpadding='0' cellspacing='0' width='100%' class='border tablebreak'>
<tr>
<td class='capmain'>$title</td>
</tr>
<tr>
<td class='main-body'>\n";

}

function closetable() {

echo "</td>
</tr>
</table>\n";

}


function openbox($title) {
echo "<table border='1' cellpadding='0' cellspacing='0' class='round'>
  <tr>
    <td></td>
    <td class='rounded-tl'></td>
    <td class='rounded-t'></td>
    <td class='rounded-tr'></td>
    <td></td>
  </tr>
  <tr>
    <td class='rounded-l'></td>
    <td class='rounded-main' colspan='3'>";
}
function closebox() {
    echo "</td>
    <td class='rounded-r'></td>
  </tr>
  <tr>
    <td></td>
    <td class='rounded-bl'></td>
    <td class='rounded-b'></td>
    <td class='rounded-br'></td>
    <td></td>
  </tr>
</table>";
}



function openside($title, $collapse = false, $state = "on") {
    echo "<div class='border tablebreak'>";
    global $panel_collapse; $panel_collapse = $collapse;
    
    echo "<div class='border'>\n";
    echo "<div class='scapmain'>";
    if ($collapse == true) {
        $boxname = str_replace(" ", "", $title);
        echo "<div style='float:right;'>".panelbutton($state,$boxname)."</div>";
    }
    echo $title."</div>\n<div class='side-body floatfix'>\n";
    if ($collapse == true) { echo panelstate($state, $boxname); }

}

function closeside($collapse = false) {

    global $panel_collapse;

    if ($panel_collapse == true) { echo "</div>\n"; }
    echo "</div>\n</div>\n";
    echo "</div>";

}

?>
Css 
/*-------------------------\
Ghost v1
By Joe Allen
www.JoeAllenPro.com
\--------------------------*/

a, a.white, li.white a {
    color: #DC3200;
    text-decoration : underline;
}

a:hover.white, li.white a:hover {
    color: #DC3200;
    text-decoration : underline;
}

a.side {
    color : #000000;
    text-decoration : none;
}

a:hover.side {
    color: #DC3200;
    text-decoration : underline;
}

body {
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 11px;
    background-image: url(images/page_bg_img.jpg);
    background-position: top center;
    background-repeat: repeat-x;
    background-color: #333A44;
    margin: 0px auto;
}

form {
    margin : 0px;
}

hr {
    height : 1px;
    border : 1px solid #eee;
}

hr.side-hr {
    height : 1px;
    border : 1px solid #fff;
}

td {
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 11px;
}

pre {
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 11px;
}

.alt {
    color : #000000;
}

img {
    border: 0px;
}

#main {width: 990px;}

.main {
    width: 990px;
    background-image: url(images/cont.png);
    background-repeat: repeat-y;
}

.barry {
    background-image: url(images/cont.png);
    background-repeat: repeat-y;
}

#barry {
    background-image: url(images/cont.png);
    background-repeat: repeat-y;
}

.footermain {
    background-image: url(images/footerbg.png);
    background-repeat: repeat-x;
    height: 82px;
    text-align: center;
}

.footerleft {
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 11px;
    padding: 1px 1px 1px 15px;
    width: 50%;
    text-align: left;
    color: #000000;
}
#footer a {
    color: #DC3200;
    text-decoration: none;
}

.footerright {
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 11px;
    color : #000000;
    border : 0px;
    padding : 1px 15px 1px 1px;
    height: 82px;
    width: 50%;
    text-align: right;
    
}

li.first-link .bullet{
    display: none;
}

.button {
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 10px;
    color : #000000;
    background-color : #ffffff;
    height : 20px;
    border : 1px solid #ccc;
    margin-top : 2px;
}

.bbcode {
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 10px;
    color : #555;
    background-color : #fff;
    border : 1px solid #ccc;
    margin-top : 2px;
}

.textbox {
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 10px;
    color : #000000;
    background-color : #ffffff;
    border : 1px solid #ccc;
}

.main-body {
    font-size : 11px;
    color : #000;
    padding : 4px 0px 5px 0px;
}

.setuser_body{
    background: #00528e;
    color : #555;
}

.main-bg {
    color : #555;
    padding : 10px 5px 10px 5px;
}

.border {
    border : 0px solid #ffffff;
}

.admin-message {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: center;
    color: #555;
    background-color: #f6f6f6;
    border: 1px solid #e1e1e1;
    padding: 3px 4px 5px 4px;
    margin-bottom: 5px;
}

.side-body {
    width: 154px;
    text-align: left;
    font-size : 10px;
    color : #777;
    background-image: url(images/sidebod.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-color : #fff;
    padding-bottom: 20px;
    padding-left: 8px;
    padding-right: 8px;
}

.side-border-left {
    width: 170px;
    color : #000;
    padding : 10px 5px 10px 10px;
}

.side-border-right {
    width: 170px;
    color : #000;
    padding : 10px 10px 10px 5px;
}

.news-category {
    border: 0;
    margin: 3px 5px 0 0;
    float: left;
}

.news-footer {
    font-size : 10px;
    color : #555;
    background-color : #ffffff;
    background-image: url(images/nf.jpg);
    background-repeat: no-repeat;
    padding : 3px 4px 4px 4px;
}

.capmain {
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 16px;
    color: #DC3200;
    background-color : #fff;
    padding : 2px 0px 4px 0px;
}

.capmain-left {
    width: 3px;
    height: 25px;
    background-color: #555;
    background-image: url(images/cap-left.gif);
}

.capmain-right {
    width: 3px;
    height: 25px;
    background-color: #555;
    background-image: url(images/cap-right.gif);
}

.scapmain {
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 14px;
    text-align : left;
    color : #000000;
    height: 29px;
    width: 162px;
    padding-left: 8px;
    padding-top: 6px;
    background-image: url(images/sidetop.png);
    background-repeat: no-repeat;
}

.tbl-border {
    color : #000;
    background-color : #eeeeee;
}

.center {
    margin: 0 auto;
}

.spacer {
    margin-bottom: 5px;
}

.tbl {
    font-size : 11px;
    color : #000;
    background-color : #fff;
    padding : 4px;
}

.tbl1 {
    font-size : 11px;
    color : #000;
    background-color : #fff;
    padding : 4px;
}

.tbl2 {
    font-size : 11px;
    color : #000;
    background-color : #fafafa;
    padding : 4px;
}

.forum-caption {
    font-size : 11px;
    font-weight : bold;
    color : #000;
    background-color : #ffffff;
    padding : 2px 4px 4px 4px;
}

.quote {
    font-size : 11px;
    color : #555;
    background-color : #f8f8f8;
    padding : 4px;
    margin : 0px 20px 0px 20px;
    border : 1px solid #000;
}

.poll {
    height : 12px;
    border : 1px solid #000000;
}

.comment-name {
    font-weight : bold;
    color : #000;
}

.shoutboxname {
    font-weight : bold;
    color : #000;
}

.shoutbox {
    color : #000;
}

.shoutboxdate {
    font-size : 10px;
    color : #000;
}

.small {
    font-size : 10px;
    font-weight : normal;
}

.small2 {
    font-size : 10px;
    font-weight : normal;
    color : #000000;
}

.side-small {
    font-size : 10px;
    font-weight : normal;
    color : #000000;
    background-color : #fff;
}

.side-label {
    color : #000;
    background-color : #fff;
    padding : 2px 2px 3px 2px;
}

.tablebreak { margin-bottom: 8px; }

#navigation ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#navigation h2 {
    font-size: 12px;
    color: #000;
    background-color: #fff;
    margin: 0;
    padding: 2px;
}

#navigation a {
    display: block;
    color: #000;
    padding: 2px;
    text-decoration : none;
}
#navigation a:hover {
    color: #000;
    background-color: #ccc;
    text-decoration : underline;
}

* html #navigation ul li{
   height: 1%;
}

.center, *[align="center"] {margin: 0 auto;}


/* Page Navigation */

.pagenav {
    padding: 4px;
}

.pagenav span {
    color: #fff;
    background-color: #f6a504;
    border: 1px solid #ddd;
    padding: 2px 4px 2px 4px;
    margin: 2px;
}

.pagenav a {
    color: #555;
    background-color: #f1f1f1;
    border: 1px solid #ddd;
    padding: 2px 4px 2px 4px;
    margin: 2px;
    text-decoration: none;
}

.pagenav a:hover {
    color: #fff;
    background-color: #f6a504;
    margin: 2px;
    text-decoration: none;
}

.white-header ul{
    margin: 0;
    padding: 0;
}
.white-header ul li{ display: inline; }
.white-header ul li.first-link .bullet{ display: none; }



/*alt linkler için*/
#altlinkler{
    margin: 0px auto;
    text-align: center;
    font-size: 12px;
    height:61px;
    float:left;
    background-image:url(images/navbg.png);
    background-repeat:repeat-x;
    background-position:top left;
    width:100%;
}

#altlinkler ul,
#altlinkler li{
    padding:0px;
    margin:0px;
    list-style-type:none;
}

#altlinkler ul{
    height:65px;
    line-height:65px; 
    float:left;
    padding:0px 1px 0px 0px;
    margin:0px 0px 0px 10px;
}

#altlinkler li{
    height:61px;
    line-height:65px;
    display:inline;
    position:relative; 
    float:left;  
    text-align:center;
}

#altlinkler li a{
    height:65px;
    padding-left: 14px;
    padding-right: 14px;
    text-align:center;
    float:left;
    background-image:url(images/navbar.png);
    background-position:right;
    background-repeat:no-repeat;
}


#altlinkler li a:link,
#altlinkler li a:visited{
    color:#000000;
    text-decoration:none;
}

#altlinkler li.active a,
#altlinkler li a:hover{
    color: #DC3200;
    background-repeat:no-repeat;
    background-position:right;
}

.welc {
    background-image:url(images/welc.png);
    background-repeat:no-repeat;
    height: 150px;
    color: #ffffff;
    font-size: 16px;
}

Link para o comentário
Compartilhar em outros sites
  • 0
_Vinny_

_Vinny_

Postado
Postado

Uma coisa mais simples seria colocar na página este PHP:

<?
$hour = date("H");
           IF ($hour >=6 && $hour < 18) {
                    $Pic == "image_dia.jpg";
            } else {
                    $Pic == "imagem_noite.jpg";
            }
?>
E no HTML da página onde ficará a imagem: 
<div STYLE=background-image: url($Pic);>
Ou 
<img src="$Pic">

Link para o comentário
Compartilhar em outros sites
  • 0
Andre de souza

Andre de souza

Postado
  • Autor
Postado

Caraca essa para da de php sites me deixa meio que maluco..

então vamos ver se eu entendi...

eu colo esse 

<?
$hour = date("H");
           IF ($hour >=6 && $hour < 18) {
                    $Pic == "image_dia.jpg";
            } else {
                    $Pic == "imagem_noite.jpg";
            }
?>

Dentro do Theme.php ?

certo ?

e as imagens correpontende na pasta images

isso mesmo ?

Link para o comentário
Compartilhar em outros sites
  • 0
Andre de souza

Andre de souza

Postado
  • Autor
Postado (editado)

Aehh pessoal..

:D :D :D

Queria agradecer a todos pela força obrigadao mesmo..!!

mais infelizmente não conseguir fazer funcionar.

tentei varias vezes e nada.

o problema esta entre a cadeira e o micro.. mais ta de boa..

se alguém ainda quizer tentar me ajudar ,, o codigo e esse que esta ai em cima.

obrigadoo valeu.. turma.

Editado por Andre de souza
Link para o comentário
Compartilhar em outros sites
  • 0
_Vinny_

_Vinny_

Postado
Postado
Aehh pessoal..

:D :D :D

Queria agradecer a todos pela força obrigadao mesmo..!!

mais infelizmente não conseguir fazer funcionar.

tentei varias vezes e nada.

o problema esta entre a cadeira e o micro.. mais ta de boa..

se alguém ainda quizer tentar me ajudar ,, o codigo e esse que esta ai em cima.

obrigadoo valeu.. turma.

Ok. Vamos por parte, você consegui identificar a página e/ou arquivo que fica a imagem que quer fazer a troca?

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,4k
×
×
  • Criar Novo...