Ciao ragazzi, ho un problema:
ho speso giorni per creare grafica e impaginazione di un sito per tutorial grafici, e dato che mi servono le colonne (sinistra e destra) dinamiche, mi sono rifugiato nel php.
La necessità è che comunque i tutorial sono molto lunghi, se traduco la pagina in html allora la colonna centrale si allunga per tutta la dimensione del testo, che esso siano 1000 righe o 2000 si adatta sempre in funzione di quanto scritto in essa.
Se includo la colonna centrale nello scheletro (non conosco il termine tecnico ma spero di essermi spiegato) attraverso il php, cioè in un file metto l'impaginazione e l'incolonnamento con tutti gli attributi ecc.. e in un altro file metto solamente il contenuto della colonna centrale, poi con il php dovrei unire le due cose.
Quando faccio questa "inclusione" il segmento del background non si ripete. cioè la colonna centrale raggiunge una dimensione e si ferma, il testo quindi viene "sputato" fuori come se appartenesse ad un layer a se stante. Metto qui l'esempio che è più esaustivo di mille mie parole.
Questo è in html:
http://brushtool.altervista.org/indextutto.html
Mentre questo è in php
http://brushtool.altervista.org/manipulation.php
Come si può vedere in basso non rientra più il testo nel bg
PS: sono totalmente autodidatta, ho imparato queste quattro cavolate e le metto senza cognizione di causa. Purtroppo per me non ho amici che possano risolvermi il problema. Però in questo modo il sito è bloccato
Il css è corretto, altrimenti non si vedrebbe bene neanche in html. scrivo qui l'impaginazione, spero possiate aiutarmi, dopo giorni e giorni di grafica e di elaborazione buttare tutto il lavoro sarebbe avvilente
base
Questo invece è l'incluso condannato Colonna centrale (col2)
Il file che collega i due è il seguente Index
Grazie
ho speso giorni per creare grafica e impaginazione di un sito per tutorial grafici, e dato che mi servono le colonne (sinistra e destra) dinamiche, mi sono rifugiato nel php.
La necessità è che comunque i tutorial sono molto lunghi, se traduco la pagina in html allora la colonna centrale si allunga per tutta la dimensione del testo, che esso siano 1000 righe o 2000 si adatta sempre in funzione di quanto scritto in essa.
Se includo la colonna centrale nello scheletro (non conosco il termine tecnico ma spero di essermi spiegato) attraverso il php, cioè in un file metto l'impaginazione e l'incolonnamento con tutti gli attributi ecc.. e in un altro file metto solamente il contenuto della colonna centrale, poi con il php dovrei unire le due cose.
Quando faccio questa "inclusione" il segmento del background non si ripete. cioè la colonna centrale raggiunge una dimensione e si ferma, il testo quindi viene "sputato" fuori come se appartenesse ad un layer a se stante. Metto qui l'esempio che è più esaustivo di mille mie parole.
Questo è in html:
http://brushtool.altervista.org/indextutto.html
Mentre questo è in php
http://brushtool.altervista.org/manipulation.php
Come si può vedere in basso non rientra più il testo nel bg
PS: sono totalmente autodidatta, ho imparato queste quattro cavolate e le metto senza cognizione di causa. Purtroppo per me non ho amici che possano risolvermi il problema. Però in questo modo il sito è bloccato
Il css è corretto, altrimenti non si vedrebbe bene neanche in html. scrivo qui l'impaginazione, spero possiate aiutarmi, dopo giorni e giorni di grafica e di elaborazione buttare tutto il lavoro sarebbe avvilente
base
Codice:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Brushtool</title>
<META NAME="Keyword" CONTENT="Dario, Albagor, Template, templates free, cd rom, banner, grafica gratis, grafica web, web design, Draugdin, brushtool, photoshop, flash, brush tool, artisti, free, gratis, tutorial, tutorial grafici, webmail, software, asp, java, penna grafica, effetti, testi, photo manipulation, foto ritocchi, fotoritocchi, fashion, foto, biglietti di auguri, web, grafica per web, grafica per siti, disegni,">
<META NAME="Author" CONTENT="Dario">
<link rel="stylesheet" type="text/css" href="css/all.css" media="screen"/>
<link rel="shortcut icon" href="http://brushtool.altervista.org/favicon.ico" type="image/x-icon" />
<!--[if lt IE 7]><style media="screen" type="text/css">@import "css/ie6.css";</style><![endif]-->
<!-- Fade Script -->
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
//Inizio dell'effetto opaco sui banner
function high(which2){
theobject=which2
highlighting=setInterval("highlightit(theobject)",50)
}
function low(which2){
clearInterval(highlighting)
if (which2.style.MozOpacity)
which2.style.MozOpacity=0.3
else if (which2.filters)
which2.filters.alpha.opacity=30
}
function highlightit(cur2){
if (cur2.style.MozOpacity<1)
cur2.style.MozOpacity=parseFloat(cur2.style.MozOpacity)+0.1
else if (cur2.filters&&cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=10
else if (window.highlighting)
clearInterval(highlighting)
}
//Fine effetto opaco del mouse
</script>
</head>
<body>
<div class="page">
<div class="header-wrapper">
<div id="header">
<h1><a href="http://www.brushtool.altervista.org/" title="Brushtool" class="logo">Brushtool</a></h1>
<div class="header-box">
<ul class="top-nav">
<li> <span>H</span> <a href="http://brushtool.altervista.org/">Home</a>
</li>
<li> <span>P</span> <a href="http://www.brushtool.altervista.org/products.php">Products</a>
</li>
<li> <span>D</span> <a href="http://www.brushtool.altervista.org/download.php">Download
& Utility</a> </li>
</ul>
<div class="agb-reg">
<?php include ("$titolo"); ?>
</div> <!--Fine agb-reg-->
</div> <!--Fine header-box-->
</div> <!--Fine header-->
</div><!--Fine header-wrapper-->
<div class="container-wrapper">
<div class="col-1">
<div class="modul-box-head"></div>
<div class="modul-box">
<div class="content-left">
<?php include ("$col1prima"); ?>
</div>
<div class="modul-box-middle"></div>
<!--inizio seconda finestra-->
<!-- Per inserire una nuova finestra copiare nel col1-seconda ed inserirla...-->
<div class="content-left">
<?php include ("$col1seconda"); ?>
</div><!--fine seconda finestra-->
<!--inizio terza finestra-->
<div class="modul-box-middle"></div>
<div class="content-left">
<?php include ("$col1terza"); ?>
</div> <!--content-left fine-->
<!--...inserire qui i comandi copiati sopra per inserire una nuova finestra-->
</div> <!--modul-box fine-->
<div class="modul-box-foot"></div>
</div> <!--col-1 fine-->
<div class="col-2">
<div class="content-box">
<div class="content-box-first-head">
<h3></h3>
<div class="inner-box">
<!--sostituire con "inner-box-2" per gli argomenti generali che necessitano di titolo-->
<?php include ("$col2"); ?>
</div>
<!--inner-box-2 fine-->
</div> <!--content-box-first-head fine-->
</div> <!--content-box fine -->
<div class="content-box-last"></div>
</div><!--col-2 fine-->
<div class="col-3">
<div class="modul-box-head-right"></div>
<div class="modul-box-right">
<div class="content-right">
<?php include ("$col3prima"); ?>
<!--manca il comando fieldset-->
</div><!--content-right fine-->
<div class="modul-box-middle-right"></div>
<div class="content-right">
<?php include ("$col3seconda"); ?>
</div><!--content-right fine-->
<div class="modul-box-middle-right"></div>
<div class="content-right">
<p class="tiny-txt">Siti affiliati</p><br>
</div><!--content-right fine-->
<div class="banner-right">
<?php include ("$col3terza"); ?>
</div>
<!--content-right fine-->
<div class="modul-box-middle-right"></div>
<div class="counter">
<!-- inizio codice vivistats.com -->
<script type="text/javascript" language="JavaScript" src="http://count.vivistats.com/laser.asp?CountId=14567"></script>
<noscript>
<a href="http://it.vivistats.com/"><img src="http://count.vivistats.com/laser.asp?CountId=14567&js=off" border="0" alt="contatore sito"></a>
</noscript>
<!-- fine codice vivistats.com -->
<a href="http://www.easycounter.com/it/">
<img src="http://www.easycounter.com/counter.php?albagor"
border="0" alt="counter"></a>
</div><!--content-right fine-->
</div><!--modul-box fine-->
<div class="modul-box-foot-right"></div>
</div><!--col-3 fine-->
</div><!--Fine container-wrapper-->
<div class="push"></div>
</div><!--page fine-->
<br class="clearfloat" />
<div class="footer-wrapper">
<div class="footer">
<p>© Dario, Albagor - Tutti
i diritti riservati. 2009<br />
<a href="http://brushtool.altervista.org/index.php" target="_blank">Brushtool</a>
| <a href="http://www.brushtool.altervista.org/products.php" target="_blank">Products</a> | <a href="http://www.brushtool.altervista.org/download.php" target="_blank">Download e Utility</a></p>
<a href="mailto:[email protected]"" class="dario footer-logo" target="_blank" alt="MAIL"></a>
</div>
</div>
</body>
</html>
Questo invece è l'incluso condannato Colonna centrale (col2)
Codice:
<p><a href="http://brushtool.altervista.org/Tutorial/Photomanipulation/Mysterious.html"><img src="http://brushtool.altervista.org/Tutorial/Photomanipulation/mysterious/Mysterious-hollow.jpg" width="65" height="65" border="0"></a>
<h3>Mysterious Hollow:</h3>
la realizzazione di un paesaggio cimiteriale, un effetto gotico di alta maestria
tradotto e lavorato al meglio delle mie capacità. Gran bel lavoro di
Photo Manipulation</p>
<p><a href="http://brushtool.altervista.org/Tutorial/oob.php"><img src="http://brushtool.altervista.org/Tutorial/Photomanipulation/oob/rana-finito.jpg" width="65" height="65" border="0"></a>
<h3>Dentro-Fuori:</h3>
Un classico esempio di Out Of Bounds seguendo schemi a più livelli. Realizzabile anche con altri programmi differenti da Photoshop.
Una simpatica realizzazione buffa usando come schema un'immagine prelevata da Internet che si adattava alla situazione.</p>
<p><a href="http://brushtool.altervista.org/Tutorial/ranalamp.php"><img src="http://brushtool.altervista.org/Tutorial/Photomanipulation/rana-lampone/rana-lamp-finita.jpg" width="65" height="65" border="0"></a>
<h3>Rana Lampone:</h3>
Un effetto di Photomanipulatio che ci permette di trasformare un rospo o qualsiasi altra immagine in un frutto seguendo gli esempi. Il lampone si adatta alle gibbosità del rospo, ma volendo ad ogni soggetto corrisponde un frutto. Provate e scoprite </p>
Il file che collega i due è il seguente Index
Codice:
<title>Brushtool Photomanipulation</title>
<?php
$titolo="titolo.php";
$col1prima="col1-prima.php";
$col1seconda="col1-seconda.php";
$col1terza="col1-terza.php";
$col2="col2-manipulation.php";
$col3prima="col3-prima.php";
$col3seconda="col3-seconda.php";
$col3terza="col3-terza.php";
include("index2.php");
?>
Grazie
Ultima modifica: