Come crearsi e gestire un sito in maniera SEMPLICISSIMA: Websitebaker - Pagina 34

ivanisevic82 · 20-08-2008, 19:14

kwb, il mio metodo è molto artigianale, provo tanti pezzi di codice (cancellandoli quando non vanno bene) finchè non trovo la soluzione giusta

Lo so che studiando ci metterei la metà del tempo, ma purtroppo le guide che trovo danno tutte per presupposti concetti e nozioni che non conosco.

Ora ad esempio sono riuscito a sistemare il menu accanto alla colonna centrale...ma il blocco colonna centrale più 2 colonne laterali non mi risulta perfettamente centrato.

Ma se posto il php e il css e gli date una controllata?

Post editato, vedi post sotto...

ivanisevic82 · 20-08-2008, 23:26

Il sito è qui: www.ivanisevic82.netsons.org

Al momento i contenuti sono del tutto casuali, devo solo creare la struttura del template.

Qui ci sono i php e css del mio sito:

PHP:

<?php

// $Id: index.php 399 2006-12-24 07:50:44Z Ruebenwurzel $

/*

Website Baker Project <http://www.websitebaker.org/>
Copyright (C) 2004-2007, Ryan Djurovich

Website Baker is free software; you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation; either version 2 of the License, or
(at your option) any later version.

Website Baker is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with Website Baker; if not, write to the Free Software
Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA

*/

?>

<!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" xml:lang="en" lang="en">

<head>
<title><?php page_title(); ?></title>
<meta http-equiv="Content-Type" content="text/html; charset=<?php if(defined('DEFAULT_CHARSET')) { echo DEFAULT_CHARSET; } else { echo 'utf-8'; }?>" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link href="<?php echo TEMPLATE_DIR; ?>/screen.css" rel="stylesheet" type="text/css" media="screen" />
</head>

<div id="header" class="width" align="center">
<img src="/media/header.jpg" alt="Informark"/>
</div>

<body>

<table cellpadding="0" cellspacing="0" border="0" align="center" width="960" class="main" >

<td class="leftside" width="165" float="left" align="left" valign="top">

<?php show_menu2(); ?>

<td class="content (1)" width="500" align="center" valign="top">

<?php page_content(1); ?>

<td class="content (2)" width="165" valign="top">

<div style="position: absolute;">

<?php page_content(2); ?>

</body>

CSS:

@charset "utf-8";
/* CSS Document */

#body{
width:960px;
margin:0 auto;
background-repeat:repeat-y;
background-image: url(light_body.gif);
background-position: center;
}

Come potete vedere ci sono vari problemi:

1) La colonna di destra è attaccata al centro;

2) L'header è centrato ma si "muove" se rimpicciolisco la pagina (fate la prova);

3) La parte css è scarnissima...non ho capito se ho fatto io degli errori, ad esempio caricando nella parte php qualcosa che andava in css...

Grazie per il vostro aiuto!

Frescogusto · 21-08-2008, 10:56

ecco ciao buongiorno questo è il mio primo post anche perchè non ho trovato la sezione presentazioni

scusate la brutalità della cosa. >_>

cmq fondamentalmente ho un problemino menù.
ovvero che il menù è ad immagini e insomma in pratica dovrei trovare come linkare le 4-5 voci (che di per sè sono quelle, la struttura è già fissa) alle 4-5 pagine che vengono create poi.

cioè sostanzialmente ho bisogno di staticità totale dinamica nei contenuti ( semplicemente per dare la possibilità al cliente di aggiornarsi le menate)

accetto consigli "vari e ventuali" grazie in anticipo

Leron · 21-08-2008, 11:15

non ho capito, non riesci a fare un link?

<a href="link">link</a>

Frescogusto · 21-08-2008, 11:18

no vorrei solo sapere come linkare un menu statico a pagine dinamiche che creerò in seguito col wb. (ciao franz

)

simmy2000 · 21-08-2008, 11:36

Quote:

Originariamente inviato da Frescogusto

no vorrei solo sapere come linkare un menu statico a pagine dinamiche che creerò in seguito col wb. (ciao franz

)

pagine dinamiche create con wb?

Frescogusto · 21-08-2008, 11:40

si cioè le pagine formate dai vari moduli.. cosa sto sbagliando?

simmy2000 · 21-08-2008, 11:58

Quote:

Originariamente inviato da Frescogusto

si cioè le pagine formate dai vari moduli.. cosa sto sbagliando?

ah....bh, no, è il concetto di "dinamicità della pagina" che intendiamo diversamente...

Frescogusto · 21-08-2008, 12:09

Quote:

Originariamente inviato da simmy2000

ah....bh, no, è il concetto di "dinamicità della pagina" che intendiamo diversamente...

tipo come?

cmq a me in realtà non servono grandi cose, sto solo cercando il metodo a me piu semplice e veloce per fornire all' utente medio un bel similwordpad con cui aggiornarsi il sito nel modo più accessibile e intuitivo possibile.

Leron · 21-08-2008, 12:17

Quote:

Originariamente inviato da Frescogusto

no vorrei solo sapere come linkare un menu statico a pagine dinamiche che creerò in seguito col wb. (ciao franz

)

ti conosco?

cmq per linkarle non è difficile, tutte le pagine che crei con websitebaker avranno nome

http://www.tuosito.it/pages/nome-pagina.php

quindi ti conviene prima creare le pagine poi fare il link, che poi resterà quello

DnA[TF] · 21-08-2008, 17:15

Quote:

Originariamente inviato da ivanisevic82

Il sito è qui: www.ivanisevic82.netsons.org

cut

a parte php qualcosa che andava in css...

Grazie per il vostro aiuto!

cmq il sito in sign è veramente carino... come lo hai creato? (linea di massima)

simmy2000 · 21-08-2008, 18:54

Quote:

Originariamente inviato da Frescogusto

tipo come?

cmq a me in realtà non servono grandi cose, sto solo cercando il metodo a me piu semplice e veloce per fornire all' utente medio un bel similwordpad con cui aggiornarsi il sito nel modo più accessibile e intuitivo possibile.

io intendevo dire che una pagina dinamica non è una pagina contenente più moduli, ma tutt'altro....

in ogni caso le indicazioni di leron sono corrette..è molto semplice

ivanisevic82 · 21-08-2008, 21:07

Ce l'ho fatta!
E sono contento perchè finalmente ci sono riuscito non facendo tentativi a caso, ma riuscendo a capire qualcosa in più dei meccanismi, seguendo la guida sui css di html.it.

Usando i comandi "float" ho impostato le colonne laterali in modo che siano fisse, così come quella centrale.

Questo è il risultato:

www.ivanisevic82.netsons.org

Chiarmente si tratta solo della struttura di base, ma funziona perfettamente!

Quello che sbagliavo era che scrivevo tutto nel php, invece adesso tutta la struttura è nel css!

Ho ancora bisogno di 2 aiuti di voi.

1) Il primo riguarda l'header, è centrato e va benissimo anche così, ma mi chiedevo: è giusto che sia nel php? Oppure devo fare in modo di inserire il percorso dell'immagine che fa da header nel css, attraverso il solito richiamo div?

2) Questa seconda cosa è più importante: avendo creato un template a 3 colonne con float, non riesco più ad inserire un background che faccia da sfondo a tutta la pagina.

Ho provato a fare così, ma inserendo il percorso nel "body" (come potete vedere) non funziona:

@charset "utf-8";
/* CSS Document */

#body{
text-align: center;
background-repeat:repeat-y;
background-image: url(/media/light_body.gif);
background-position: center;
}

#container{
width: 960px;
margin: 0px auto;
text-align: left;
}

#navigation{
float: left;
width: 160px;
width:170px;
width:160px;

}

#extra{
float: right;
width: 160px;
width: 170px;
width: 160px;
}

#content{
margin: 0 180px;
}

Cosa sbaglio?

Grazie!

ivanisevic82 · 21-08-2008, 22:19

PS mi sono accorto che uno sfondo che in websitebaker 2.6.7 lo sfondo si vede, mentre nella versione 2.7, con le stesse impostazioni, non và!

ivanisevic82 · 22-08-2008, 16:55

Ciao ragazzi, scusate per i continui aggiornamenti e i post precedenti che perdono di significato ma sono riuscito a risolvere.

Ora visualizzo lo sfondo, ma continuo ad avere un problema.

Se restringo la pagina, lo sfondo si comporta in maniera anomala.
E' difficile spiegare cosa fà, è più facile se andate a visitare direttamente al sito (che attualmente è privo di contenuti) e vedete di persona
www.ivanisevic82.netsons.org

L'effetto che invece simile a quello che c'è nel sito www.html.it

Come è stato impostato lì lo sfondo?

Cosa sbaglio io?

Grazie!

kwb · 23-08-2008, 14:14

Quote:

Originariamente inviato da ivanisevic82

Ciao ragazzi, scusate per i continui aggiornamenti e i post precedenti che perdono di significato ma sono riuscito a risolvere.

Ora visualizzo lo sfondo, ma continuo ad avere un problema.

Se restringo la pagina, lo sfondo si comporta in maniera anomala.
E' difficile spiegare cosa fà, è più facile se andate a visitare direttamente al sito (che attualmente è privo di contenuti) e vedete di persona
www.ivanisevic82.netsons.org

L'effetto che invece simile a quello che c'è nel sito www.html.it

Come è stato impostato lì lo sfondo?

Cosa sbaglio io?

Grazie!

Non capisco, cosa c'è che non va? Ho provato a restringere ma mi sembra tutto normale

ivanisevic82 · 24-08-2008, 10:55

Dovevo aggiungere questa parte : background-attachment: fixed;

ivanisevic82 · 25-08-2008, 15:04

Ciao ragazzi!
La costruzione del mio sito procede piuttosto bene, sto trovando un validissimo supporto sul forum del sito html.it per fare pulizia del codice e per entrare sempre di più nei meccanismi del css.

Ho una domanda da farvi: nel mio sito ho già inserito un menù laterale con showmenu2.
Vorrei aggiungerne un altro non verticale, ma orizzontale, che stia in alto (un pò come nei template di Leron).
Solo che questo menu deve avere contenuti differenti da quello verticale che sta di lato!
Saranno solo 5 "tasti" che rappresentano 5 categorie che il lettore deve sempre poter visualizzare con chiarezza durante la navigazione.

Come faccio a fare questa "scissione" tra menu?

Grazie!

PS: Ho visto che Leron per il TopMenu fà un css a parte...è una scelta necessaria? Da cosa dipende?
PPS: Altra cosa, il sito è in costruzione, vorrei evitare che chiunque possa accedere in questo momento, ma al tempo stesso ho bisogno di visualizzare le anteprime.
Come posso fare?

Grazie!

ivanisevic82 · 25-08-2008, 22:51

Rettifico la domanda di sopra: il menu superiore non deve avere forma di menu, ma nella sostanza devono essere semplici bottoni clickabili.

Il menu laterale invece è differente.

Vorrei sapere, usando showmenu2, come devo fare per far si che ogni voce del menu abbia uno sfondo (e cioè le sembianze di un "bottone" che ho disegnato)?

Grazie!

ivanisevic82 · 28-08-2008, 17:22

Allora ragazzi, non considerate i miei post di sopra, ho risolto tutti i problemi e la costruzione del mio template è quasi ultimata!

Ho bisogno di un solo aiuto, ma è importante e potete darmelo solo voi, perchè si tratta di una cosa specifica di WebSiteBaker e su html.it di questo CMS no ne sanno niente.

Sò che i menu si possono creare o come metodo classico oppure utilizzanto showmenu2.

Ora, mentre col metodo classico so come dare una grafica personalizzata al menu, col modulo showmenu2 non so come fare.

Nel primo caso mi è bastato fare così:

Codice:

#MENU
{
text-align: Center;
padding: 15px;
background-image: url(/media/Top-Menu.gif);
}

a.MENU
{
font-family: Arial, "Times New Roman", serif;
text-decoration: none;
font-size: 15px;
color: #EEEEEE;
padding: 16px;
}

a:hover.MENU
{
background-image: url(/media/Top-Menu-Chiaro.gif);
padding: 16px;
}

Ma usando showmenu2 come posso fare a dare al menu una grafica personalizzata?

Grazie!

20-08-2008, 19:14	#661
ivanisevic82 Senior Member Iscritto dal: May 2003 Messaggi: 6408	kwb, il mio metodo è molto artigianale, provo tanti pezzi di codice (cancellandoli quando non vanno bene) finchè non trovo la soluzione giusta Lo so che studiando ci metterei la metà del tempo, ma purtroppo le guide che trovo danno tutte per presupposti concetti e nozioni che non conosco. Ora ad esempio sono riuscito a sistemare il menu accanto alla colonna centrale...ma il blocco colonna centrale più 2 colonne laterali non mi risulta perfettamente centrato. Ma se posto il php e il css e gli date una controllata? Post editato, vedi post sotto... Ultima modifica di ivanisevic82 : 20-08-2008 alle 23:16.

21-08-2008, 10:56	#663
Frescogusto Junior Member Iscritto dal: Aug 2008 Città: trento Messaggi: 4	menu statici ecco ciao buongiorno questo è il mio primo post anche perchè non ho trovato la sezione presentazioni scusate la brutalità della cosa. >_> cmq fondamentalmente ho un problemino menù. ovvero che il menù è ad immagini e insomma in pratica dovrei trovare come linkare le 4-5 voci (che di per sè sono quelle, la struttura è già fissa) alle 4-5 pagine che vengono create poi. cioè sostanzialmente ho bisogno di staticità totale dinamica nei contenuti ( semplicemente per dare la possibilità al cliente di aggiornarsi le menate) accetto consigli "vari e ventuali" grazie in anticipo

21-08-2008, 11:15	#664
Leron Senior Member Iscritto dal: Aug 2002 Città: Trento Messaggi: 40877	non ho capito, non riesci a fare un link? <a href="link">link</a> __________________ http://www.trentografica.itGrafica e Fotografia a Trento

25-08-2008, 15:04	#678
ivanisevic82 Senior Member Iscritto dal: May 2003 Messaggi: 6408	Ciao ragazzi! La costruzione del mio sito procede piuttosto bene, sto trovando un validissimo supporto sul forum del sito html.it per fare pulizia del codice e per entrare sempre di più nei meccanismi del css. Ho una domanda da farvi: nel mio sito ho già inserito un menù laterale con showmenu2. Vorrei aggiungerne un altro non verticale, ma orizzontale, che stia in alto (un pò come nei template di Leron). Solo che questo menu deve avere contenuti differenti da quello verticale che sta di lato! Saranno solo 5 "tasti" che rappresentano 5 categorie che il lettore deve sempre poter visualizzare con chiarezza durante la navigazione. Come faccio a fare questa "scissione" tra menu? Grazie! PS: Ho visto che Leron per il TopMenu fà un css a parte...è una scelta necessaria? Da cosa dipende? PPS: Altra cosa, il sito è in costruzione, vorrei evitare che chiunque possa accedere in questo momento, ma al tempo stesso ho bisogno di visualizzare le anteprime. Come posso fare? Grazie! Ultima modifica di ivanisevic82 : 25-08-2008 alle 16:41.

28-08-2008, 17:22	#680
ivanisevic82 Senior Member Iscritto dal: May 2003 Messaggi: 6408	Allora ragazzi, non considerate i miei post di sopra, ho risolto tutti i problemi e la costruzione del mio template è quasi ultimata! Ho bisogno di un solo aiuto, ma è importante e potete darmelo solo voi, perchè si tratta di una cosa specifica di WebSiteBaker e su html.it di questo CMS no ne sanno niente. Sò che i menu si possono creare o come metodo classico oppure utilizzanto showmenu2. Ora, mentre col metodo classico so come dare una grafica personalizzata al menu, col modulo showmenu2 non so come fare. Nel primo caso mi è bastato fare così: Codice: #MENU { text-align: Center; padding: 15px; background-image: url(/media/Top-Menu.gif); } a.MENU { font-family: Arial, "Times New Roman", serif; text-decoration: none; font-size: 15px; color: #EEEEEE; padding: 16px; } a:hover.MENU { background-image: url(/media/Top-Menu-Chiaro.gif); padding: 16px; } Ma usando showmenu2 come posso fare a dare al menu una grafica personalizzata? Grazie!

20-08-2008, 23:26	#662
ivanisevic82 Senior Member Iscritto dal: May 2003 Messaggi: 6408	Il sito è qui: www.ivanisevic82.netsons.org Al momento i contenuti sono del tutto casuali, devo solo creare la struttura del template. Qui ci sono i php e css del mio sito: PHP: <?php // $Id: index.php 399 2006-12-24 07:50:44Z Ruebenwurzel $ /* Website Baker Project <http://www.websitebaker.org/> Copyright (C) 2004-2007, Ryan Djurovich Website Baker is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 2 of the License, or (at your option) any later version. Website Baker is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. You should have received a copy of the GNU General Public License along with Website Baker; if not, write to the Free Software Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA / ?> <!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" xml:lang="en" lang="en"> <head> <title><?php page_title(); ?></title> <meta http-equiv="Content-Type" content="text/html; charset=<?php if(defined('DEFAULT_CHARSET')) { echo DEFAULT_CHARSET; } else { echo 'utf-8'; }?>" /> <meta name="description" content="" /> <meta name="keywords" content="" /> <link href="<?php echo TEMPLATE_DIR; ?>/screen.css" rel="stylesheet" type="text/css" media="screen" /> </head> <div id="header" class="width" align="center"> <img src="/media/header.jpg" alt="Informark"/> </div> <body> <table cellpadding="0" cellspacing="0" border="0" align="center" width="960" class="main" > <td class="leftside" width="165" float="left" align="left" valign="top"> <?php show_menu2(); ?> <td class="content (1)" width="500" align="center" valign="top"> <?php page_content(1); ?> <td class="content (2)" width="165" valign="top"> <div style="position: absolute;"> <?php page_content(2); ?> </body> CSS: @charset "utf-8"; / CSS Document */ #body{ width:960px; margin:0 auto; background-repeat:repeat-y; background-image: url(light_body.gif); background-position: center; } Come potete vedere ci sono vari problemi: 1) La colonna di destra è attaccata al centro; 2) L'header è centrato ma si "muove" se rimpicciolisco la pagina (fate la prova); 3) La parte css è scarnissima...non ho capito se ho fatto io degli errori, ad esempio caricando nella parte php qualcosa che andava in css... Grazie per il vostro aiuto!

21-08-2008, 11:18	#665
Frescogusto Junior Member Iscritto dal: Aug 2008 Città: trento Messaggi: 4	no vorrei solo sapere come linkare un menu statico a pagine dinamiche che creerò in seguito col wb. (ciao franz )

21-08-2008, 11:40	#667
Frescogusto Junior Member Iscritto dal: Aug 2008 Città: trento Messaggi: 4	si cioè le pagine formate dai vari moduli.. cosa sto sbagliando?

21-08-2008, 21:07	#673
ivanisevic82 Senior Member Iscritto dal: May 2003 Messaggi: 6408	Ce l'ho fatta! E sono contento perchè finalmente ci sono riuscito non facendo tentativi a caso, ma riuscendo a capire qualcosa in più dei meccanismi, seguendo la guida sui css di html.it. Usando i comandi "float" ho impostato le colonne laterali in modo che siano fisse, così come quella centrale. Questo è il risultato: www.ivanisevic82.netsons.org Chiarmente si tratta solo della struttura di base, ma funziona perfettamente! Quello che sbagliavo era che scrivevo tutto nel php, invece adesso tutta la struttura è nel css! Ho ancora bisogno di 2 aiuti di voi. 1) Il primo riguarda l'header, è centrato e va benissimo anche così, ma mi chiedevo: è giusto che sia nel php? Oppure devo fare in modo di inserire il percorso dell'immagine che fa da header nel css, attraverso il solito richiamo div? 2) Questa seconda cosa è più importante: avendo creato un template a 3 colonne con float, non riesco più ad inserire un background che faccia da sfondo a tutta la pagina. Ho provato a fare così, ma inserendo il percorso nel "body" (come potete vedere) non funziona: @charset "utf-8"; /* CSS Document */ #body{ text-align: center; background-repeat:repeat-y; background-image: url(/media/light_body.gif); background-position: center; } #container{ width: 960px; margin: 0px auto; text-align: left; } #navigation{ float: left; width: 160px; width:170px; width:160px; } #extra{ float: right; width: 160px; width: 170px; width: 160px; } #content{ margin: 0 180px; } Cosa sbaglio? Grazie!

21-08-2008, 22:19	#674
ivanisevic82 Senior Member Iscritto dal: May 2003 Messaggi: 6408	PS mi sono accorto che uno sfondo che in websitebaker 2.6.7 lo sfondo si vede, mentre nella versione 2.7, con le stesse impostazioni, non và!

22-08-2008, 16:55	#675
ivanisevic82 Senior Member Iscritto dal: May 2003 Messaggi: 6408	Ciao ragazzi, scusate per i continui aggiornamenti e i post precedenti che perdono di significato ma sono riuscito a risolvere. Ora visualizzo lo sfondo, ma continuo ad avere un problema. Se restringo la pagina, lo sfondo si comporta in maniera anomala. E' difficile spiegare cosa fà, è più facile se andate a visitare direttamente al sito (che attualmente è privo di contenuti) e vedete di persona www.ivanisevic82.netsons.org L'effetto che invece simile a quello che c'è nel sito www.html.it Come è stato impostato lì lo sfondo? Cosa sbaglio io? Grazie!

24-08-2008, 10:55	#677
ivanisevic82 Senior Member Iscritto dal: May 2003 Messaggi: 6408	Dovevo aggiungere questa parte : background-attachment: fixed;

25-08-2008, 22:51	#679
ivanisevic82 Senior Member Iscritto dal: May 2003 Messaggi: 6408	Rettifico la domanda di sopra: il menu superiore non deve avere forma di menu, ma nella sostanza devono essere semplici bottoni clickabili. Il menu laterale invece è differente. Vorrei sapere, usando showmenu2, come devo fare per far si che ogni voce del menu abbia uno sfondo (e cioè le sembianze di un "bottone" che ho disegnato)? Grazie!

Strumenti
Mostra una versione stampabile Invia questa pagina per email