Sfondo graduale!

Buongiorno.
Qualche anima generosa che mi puo dare una mano?
In pratica ho installato php-fusion e vorrei creare lo sfondo sottostante(si intravede ai lati della triplice tabella centrale)in modo che dall'alto in basso sia graduale.
Dal blu scurissimo(sopra)al azzurro chiaro(sotto).
Se non erro esiste un codice come "gradient" o na cosa simile inseribile dalla scala colori "#..." ma non ricordo.
La seconda soluzione è inserire come sfondo un'immagine graduale,ma questo tipo di template non include la funzione di immagini.Solo colori.

Un demo a quello che mi voglio ispirare:
DEMO

Aspetto notizie! :wink:

mm, tipo dare un'effeto di opacità o trasparenza?? é così?
se fai una ricerca in uqesto forum trovi dei topic dove si discuteva di ciò...

Ciao.

Sul sito da te indicato non c'e' alcun effetto speciale: si tratta di una semplice immagine impostata come sfondo.
Se vai in fondo a qst pagina ti accorgerai che, dopo un po', lo sfondo si replica...

Per fare cose di qst tipo ti basta semplicemete un sw per fare grafica (Es. GIMP, ecc.) crei una immagine sufficientemente grande ed usi un riempimento che sfumi da un colore piu' scuro ad uno piu' chiaro.

Se qst basta a risolvere i tuoi dubbi, lieto di esserti stato d'aiuto.
Se invece volevi ottenere effetti di qst tipo utilizzando CSS la cosa e' piu' complessa... e sinceramente non so se sia possibile ottenere effetti di qst tipo... o, perlomeno, non in maniera cosi' semplice...

Ok, ciao.

lo so ..ma purtroppo non posso mettere un immagine di sfondo.
Il portale non me lo permette.
Forse dovrò guardare sui css.
Ho dato un occhiata qui ma non ho trovato risultati...gradualità
Eppure mi ricordo di un codice che lo si usava nello sfondo delle pagine del tipo "#ff000 gradient #efefef" ma si vede che o me lo sono sognato o...mi confondo.
Cmq..grazie 1000 lo stesso :=):

In effetti anch'io tanti anni fa (ma davvero tanti, si parla dei primi anni della comparsa dei CSS... 1998 se non ricordo male... :roll:) ero convinto fosse prevista la possibilita' di sfumare uno sfondo da un colore ad un altro grazie alla semplice proprieta' background-color dei CSS ma... successivamente, per molto tempo, dato che a chiunque domandassi mi rispondeva che non aveva mai sentito nulla del genere, ho avuto paura di soffrire di allucinazioni... :mad: e, tral'altro, non sono piu' riuscito a trovare la fonte in cui avevo letto in proposito (era una rivista di informatica abbastanza autorevole, di qst sono sicuro... o fa parte dell'allucinazione anche qst??? :wink:)

Comunque, se fosse possibile oggi, che esistono CSS2 e CSS3, e non fosse solo un sogno sarebbe molto interessante... (e confortante...)

Ciao.

css3???
ma non è ancora in fase di sviluppo?
(forse hai troppe allucinazioni :=D: :lolloso: )

Si una cosa del genere dovrebbe essere possibile farla tramite css... ma è una zozzeria che faceva solo IE... se mi metto a cercare nei meandri delle zozzerie che facevo una volta forse riesco a recuperartelo anke se ti sconsiglio vivamente di usarlo.


----------------------.
Guarda il sorgente di questa pagina :=): (ovviamente per visualizzare correttamente questa pagina devi usare IE)
http://msdn.microsoft.com/workshop/s...s/gradient.htm

Anche se esistesse un'opzione del genere credo che non sia compatibile con ogni browser... almeno credo...
La soluzione migliore è quella dell'immagine di sfondo sufficientemente "alta" ripetuta orizzontalmente con i css. Aggiungo che per una buona resa l'immagine dovrebbe essere alta almeno 1024 px e fissa (cioè che non scrolli) cosicchè la compatibilità con le varie rusoluzioni viene rispettata... Questa opzione è sicuramente compatibile con tutti i browser...

Ciao

Citazione:

---

Originalmente inviato da madbad

Si una cosa del genere dovrebbe essere possibile farla tramite css... ma è una zozzeria che faceva solo IE... se mi metto a cercare nei meandri delle zozzerie che facevo una volta forse riesco a recuperartelo anke se ti sconsiglio vivamente di usarlo.

---

Sì, sì, sì... e' vero, lo faceva solo IE ma esisteva allora! Non sono flashato completamente!!! :mrgreen: Anche se non lo usero', visto mi piace realizzare cose il piu' possibile compatibili e cross-browser e cerco di seguire gli standard ufficiali... - motivo per cui non ho mai utilizzato nemmeno il tag BLINK di Netscape... (ve lo ricordate?) che era pure fastidioso! :oops: - Qst e' un conforto per me... dopo 8 anni di dubbio!!! :=D:
GRAZIE!!

Citazione:

---

Originalmente inviato da jostock

css3???
ma non è ancora in fase di sviluppo?

---

Ooops.. :tongue sì, scusa, una svista... :=o: ma intendevo che, con l'avvento di CSS3, puo' essere che qualcuno pensi di includere effetti come questo nelle specifiche...

Citazione:

---

Originalmente inviato da jostock

forse hai troppe allucinazioni

---

Questo e' certo!!! :twisted: (...DOOM 3!!!):alcool: :lol: :lolloso: :ot2:


@uracile: il tuo e' un ottimo consiglio!

Ciao!

Raga...intanto grazie per l'interesse.
Vi spiego cmq com'è la situzaione.
Sul mio Php-fusion entro in "themes/blue" (blue è il template)
Mi trovo questi file/cartelle:

index ( che è una pagina nulla )
Styles CSS ( sono i colori delle tabelle e scritte )
Theme (credo quello giusto per inserire lo sfondo)

aprendo il documento theme:

Codice:

---

<?php
if (!defined("IN_FUSION")) { header("Location: ../../index.php"); exit; }
require_once INCLUDES."theme_functions_include.php";

// theme settings
$body_text = "#000000";
$body_bg = "#333333";
$theme_width = "100%";
$theme_width_l = "175";
$theme_width_r = "175";

function render_header($header_content) {

global $theme_width,$settings;

echo "<table align='center' cellspacing='0' cellpadding='0' width='$theme_width'>
<tr>
<td>
<table cellpadding='0' cellspacing='0' width='100%'>
<tr>
<td class='full-header'>
<table cellpadding='0' cellspacing='0' width='100%'>
<tr>
<td>$header_content</td>
</tr>
</table>
</td>
</tr>
</table>\n";

echo "<table cellpadding='0' cellspacing='0' width='100%'>\n<tr>
<td class='white-header'>".showsublinks("&middot;","white")."</td>
<td align='right' class='white-header'>".showsubdate()."</td>
</tr>
</table>\n";

echo "<table cellpadding='0' cellspacing='0' width='100%'>\n<tr>\n";

}

function render_footer($license=false) {

global $theme_width,$settings,$locale;

echo "</tr>\n</table>\n";
echo "<table cellpadding='0' cellspacing='0' width='100%'>
<tr>
<td align='center' class='footer'>".stripslashes($settings['footer'])."<br>\n";
if (!$license) { echo showcopyright("white")."<br><br>\n"; } echo showcounter()."<br><br>
</td>
</tr>
</table>
</td>
</tr>
</table>\n";

}

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

global $locale;

echo "<table cellpadding='0' cellspacing='0' width='100%' class='border'>
<tr>
<td class='capmain'>$subject</td>
</tr>
<tr>
<td class='main-body'>$news</td>
</tr>
<tr>
<td align='center' class='news-footer'>\n";
echo openform("N",$info['news_id']).newsposter($info,"<br>").newsopts($info,"&middot;").closeform("N",$info['news_id']);
echo "</td>
</tr>
</table>\n";

}

function render_article($subject, $article, $info) {

global $locale;
       
echo "<table width='100%' cellpadding='0' cellspacing='0' class='border'>
<tr>
<td class='capmain'>$subject</td>
</tr>
<tr>
<td class='main-body'>
".($info['article_breaks'] == "y" ? nl2br($article) : $article)."
</td>
</tr>
<tr>
<td align='center' class='news-footer'>\n";
echo openform("A",$info['article_id']).articleposter($info,"<br>").articleopts($info,"&middot;").closeform("A",$info['article_id']);
echo "</td>
</tr>
</table>\n";

}

function opentable($title) {

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

}

function closetable() {

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

}

function openside($title) {
       
echo "<table cellpadding='0' cellspacing='0' width='100%'>
<tr>
<td class='scapmain'>$title</td>
</tr>
<tr>
<td class='side-body'>\n";

}

function closeside() {

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

}

function opensidex($title,$state="on") {

$boxname = str_replace(" ", "", $title);
echo "<table cellpadding='0' cellspacing='0' width='100%'>
<tr>
<td class='scapmain'>$title</td>
<td class='scapmain' align='right'>".panelbutton($state,$boxname)."</td>
</tr>
<tr>
<td colspan='2' class='side-body'>
<div id='box_$boxname'".($state=="off"?" style='display:none'":"").">\n";

}

function closesidex() {

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

}

function tablebreak() {

echo "<table cellpadding='0' cellspacing='0' width='100%'>\n<tr>\n<td height='5'></td>\n</tr>\n</table>\n";

}
?>

---

In grassetto ho evidenziato il codice dove mi permette di cambiare sfondo colore.
Ma se io volessi mettere un immagine di sfondo dove vado?

Scusate per il codice lungo del file ;)



FunCool: Quando inserisci del codice mettilo tra i tag appositi.

Non conosco PHP-Fusion, ad ogni modo penso che il file da modificare non sia tanto il template theme, bensi' il CSS.

Ripeto che il consiglio:

Citazione:

---

Originalmente inviato da uracile

La soluzione migliore è quella dell'immagine di sfondo sufficientemente "alta" ripetuta orizzontalmente con i css. Aggiungo che per una buona resa l'immagine dovrebbe essere alta almeno 1024 px e fissa (cioè che non scrolli) cosicchè la compatibilità con le varie rusoluzioni viene rispettata... Questa opzione è sicuramente compatibile con tutti i browser...

---

e' il migliore.
Sicche' ti direi: crea qst immagine e poi modifica il CSS impostando la proprieta BODY background mettendo l'immagine ed il relativo percorso dentro "url('...')", redila fissa con "fixed" e ripetila orizzontalmente con "repeat-x".

Ciao!

Ho trovato il codice, ma sono sicuro al 100% che funzioni solo con Internet Explorer:

Codice HTML:

---

<body style="filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#FFFFFF', startColorstr='#FF0000', gradientType='0');">

---

Ciao!