Come crearsi e gestire un sito in maniera SEMPLICISSIMA: Websitebaker

[kwb]

Originariamente inviato da ivanisevic82

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ì:

#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!

Hai provato a prendere un template che utilizzi il showmenu2 e vedere cosa ha sparato nel CSS?

[Leron]

dentro showmenu 2 c'è un txt con le istruzioni con descritte tutte le classi

[ivanisevic82]

Grazie per le risp ragazzi, ormai è un consuetudine: quando arrivo all'esasperazione e non so più dove sbattere la testa vengo qui a chiedere aiuto.
A quel punto, dopo 10 secondi, trovo la soluzione, prima di ricevere risposte

Mi sono accorto che showmenu2 non cambia le normali regole di compilazione del css, ma ha solo la funzione di semplificare la vista per la compilazione della parte php (o html) che non deve essere toccata (basta agire dai pannelli di controlle di WebSiteBaker).

Sono proprio contento, il sito comincia ad avere una sua corposità!
Fra poco arriverà il momento in cui completerò il template e mi resterà di riempirlo di contenuti.

Resta un solo aiutino di cui avrei bisogno: ho fatto il menu, vorrei mettere un mini-header e meni-footer come apertura e chiusura del menu, tondeggiante, come quello che potete vedere nel menu di sinistra del sito www.html.it

Come faccio a mettere tettuccio e piedini?

Grazie!

[Leron]

chiudi tutto in un div

[ivanisevic82]

Originariamente inviato da Leron

chiudi tutto in un div

Leron l'ermetico

Allora, vediamo se ho capito, attualmente la situazione del mio menu è questa:


PHP:

<div id="navigation"> 
              <?php show_menu2(); ?> 
</div>

CSS

#navigation{
float: left;
width: 170px;
width: 180px;
width: 170px;
font-family: Arial, "Times New Roman", serif;
text-decoration: none;
padding-top: 25px;
}

#navigation ul{
padding-left: 15px;
list-style: none;
}

#navigation li{
font-size: 13px;
}

#navigation a:link, #navigation a:visited{
display: block;
background-color: #ed0b16;
color: #fff;
padding: 0.3em 0.6em 0.3em 1em;
margin: 0;
text-decoration: none;
border-bottom: 1px solid  #ffffff;
}

#navigation a:hover, #navigation a:focus, #navigation a:active{
background-color: #8a8484;
color: #FFFFFF;
}

Per fare una prova ho creato un rettangolo nero e ho provato ad aggiungerlo, in questo modo:

<div id="navigation">
              <img src="/media/Tetto.jpg"> 
              <?php show_menu2(); ?> 
              <img src="/media/Tetto.jpg"> 
</div>

l risultato è quello che puoi vedere

Come vedi c'è qualcosa che non va: la parte nera dovrebbe essere attaccata al menu, sia sopra che sotto e più spostata sulla destra, in modo da essere perfettamente aderente.

Cosa sbaglio?

Mi sembra che si tratti di una questione di padding, ma pur avendo fatto molti tentativi non riesco a risolvere.

Grazie!

[Leron]

Originariamente inviato da ivanisevic82

Leron l'ermetico

Allora, vediamo se ho capito, attualmente la situazione del mio menu è questa:


PHP:

<div id="navigation"> 
              <?php show_menu2(); ?> 
</div>

CSS

#navigation{
float: left;
width: 170px;
width: 180px;
width: 170px;
font-family: Arial, "Times New Roman", serif;
text-decoration: none;
padding-top: 25px;
}

#navigation ul{
padding-left: 15px;
list-style: none;
}

#navigation li{
font-size: 13px;
}

#navigation a:link, #navigation a:visited{
display: block;
background-color: #ed0b16;
color: #fff;
padding: 0.3em 0.6em 0.3em 1em;
margin: 0;
text-decoration: none;
border-bottom: 1px solid  #ffffff;
}

#navigation a:hover, #navigation a:focus, #navigation a:active{
background-color: #8a8484;
color: #FFFFFF;
}

Per fare una prova ho creato un rettangolo nero e ho provato ad aggiungerlo, in questo modo:

<div id="navigation">
              <img src="/media/Tetto.jpg"> 
              <?php show_menu2(); ?> 
              <img src="/media/Tetto.jpg"> 
</div>

l risultato è quello che puoi vedere QUI

Come vedi c'è qualcosa che non va: la parte nera dovrebbe essere attaccata al menu, sia sopra che sotto e più spostata sulla destra, in modo da essere perfettamente aderente.

Cosa sbaglio?

Mi sembra che si tratti di una questione di padding, ma pur avendo fatto molti tentativi non riesco a risolvere.

Grazie!

prova così

<div id="containermenu">
<div id="sfondosopra"></div>
<div id="menu">
<?php show_menu2(); ?>
</div>
<div id="sfondosotto"></div>
</div>

poi nel css assegna a "sfondosopra" le dimensioni corrette e lo sfondo, così come a "sfondosotto", e la larghezza la definisci in "containermenu"

[ivanisevic82]

Grazie mille Leron!

Ho fatto quello che mi hai detto, o almeno credo.

Ti ri-posto qui i codici, mettendo in rosso la parte modificata secondo i tuoi consigli e in verde le parti eliminate.

PHP:

<div id="containermenu">
<div id="sfondosopra"><img src="/media/Tetto.jpg">
</div>
<div id="navigation">   
              <?php show_menu2(); ?> 
</div>
<div id="sfondosotto"><img src="/media/Tetto.jpg">
</div>
</div>

CSS

#containermenu{
width: 180px;
}

#sfondosopra{
padding-left: 15px;
padding-top: 25px;
}

#navigation{
float: left;
width: 170px;
width: 180px;
width: 170px;
font-family: Arial, "Times New Roman", serif;
text-decoration: none;
}

#navigation ul{
list-style: none;
padding-left: 15px;
padding-top: 25px;
}

#navigation li{
font-size: 13px;
}

#navigation a:link, #navigation a:visited{
display: block;
background-color: #ed0b16;
color: #fff;
padding: 0.3em 0.6em 0.3em 1em;
margin: 0;
text-decoration: none;
border-bottom: 1px solid  #ffffff;
}

#navigation a:hover, #navigation a:focus, #navigation a:active{
background-color: #8a8484;
color: #FFFFFF;
}

#sfondosotto{
padding-left: 15px;
}

Il risultato è quello che puoi vedere QUI

Restano i problemi dello "scollamento" tra sfondosopra/sotto e menu e in più si è aggiunto il problema che il resto della pagina sta sotto il livello del menu containermenu!

Inoltre ho pensato che, una volta risolti tutti questi problemi, potrei impostare un padding unico per un container menu, piuttosto che uno che gli sfondi e uno per il menu. Questo però è un problema secondario, prima devo risolvere gli altri.

PS Aggiungo: forse il problema del resto del contenuto che và giù, deriva dal fatto che io ho già messo TUTTO dentro un div "container" che indica la larghezza TOTALE del sito.
Ho risolta portando containermenu all'interno del div "navigation".
Restano i problemi di sopra.

[ivanisevic82]

Il mio sito è momentaneamnete down...per fortuna sono solo delle prove, ma netsons non è affidabile.

Potete consigliarmi un web hosting che abbia delle caratteristiche adatte all'uso di web site baker e che sia REALMENTE AFFIDABILE?

Non importa se costa, basta che non mi tradisca.

Ho un mini-sito in altervista e in 4 mesi non mi ha dato problemi...

Che ne dite?

C'è di meglio?

[ivanisevic82]

Risolti tutti i problemi di sopra grazie ad html.it...

Ora ho un problema "tipico" da websitebaker, quindi chiedo aiuto a voi.
Vorre piazzare i campi "user" e "pass" per l'accesso sotto il menu nella colonna di sinistra.

Vorrei sapere innanzitutto se esisono dei moduli appositi o devo usare semplicemente il "form" di websitebaker.

In secondo luogo mi chiedevo come posizionare i campi sotto il menu!

Infatti il menu ha un "tetto" e una "chiusura", che fanno da sopra e sotto non solo al menu in se, ma a tutto il contenuto della colonna di sinistra!

Insomma..è un pò complicato....

[kwb]

Originariamente inviato da ivanisevic82

Risolti tutti i problemi di sopra grazie ad html.it...

Ora ho un problema "tipico" da websitebaker, quindi chiedo aiuto a voi.
Vorre piazzare i campi "user" e "pass" per l'accesso sotto il menu nella colonna di sinistra.

Vorrei sapere innanzitutto se esisono dei moduli appositi o devo usare semplicemente il "form" di websitebaker.

In secondo luogo mi chiedevo come posizionare i campi sotto il menu!

Infatti il menu ha un "tetto" e una "chiusura", che fanno da sopra e sotto non solo al menu in se, ma a tutto il contenuto della colonna di sinistra!

Insomma..è un pò complicato....

Per user e pass nelle impostazioni dovrebbe esserci qualcosa apposta. Per il resto non saprei

[ivanisevic82]

Domanda da un milione di dollari: come si inserisce uno javascript in websitebaker?

[Leron]

Originariamente inviato da ivanisevic82

Domanda da un milione di dollari: come si inserisce uno javascript in websitebaker?

lo metti nel template


per user e pass basta che copi il form presente nel template di default e lo adatti al tuo template

[ivanisevic82]

Ciao ragazzi!
Il mio sito è pronto!
Il template è terminato, sono soddisfatto del lavoro!
Ho inserito anche js nel menu orizzontale...è venuto carino.

Ora vorrei movimentarlo un pò...
Ho visto che molti siti che si occupano di serivizi simili a quelli che devo offrire io, fanno uno si animazioni flash: parole che scorrono o si muovono; foto che si alternano con effetto dissolvenza; ecc...

Siccome sono ignorante in materia, volevo un minimo di infarinatura dei concetti di base...
Per esempio, per fare le dissolvenze di foto che scorrono in automatico, non si potrebbe usare qualche java script tipo jQuerrey?
Oppure ho capito male?
Quali sono le differenze principali tra javascript e flash?

Un'animazione flash, si costruisce in maniera simile a una animazione gif?

Posso inserire elementi flash in un sito fatto con websitebaker vero?

Grazie!

[ivanisevic82]

Ciao ragazzi, col flash ho risolto!

Ho una domanda un pò tecnica indirizzata in maniera specifica a Leron, che credo sia l'unico possa aiutarmi.

E' stato semplice realizzare un menu orizzonate con le voci del menu che si colorano al passaggio del mouse (così come nel template "tempLeron" ad esempio).

Ma se io volessi che la voce del menu in cui mi trovo restassa "accesa" (o "colorata") per tutto il tempo di permanenza in quella pagina???

Ho provato a mettere "class:active" nel menu, ma chiaramente ottengo solo l'effetto di avere perennemente colorata quella voce del menu a cui ho dato il comando "class:active".

Una soluzione potrebbe essere quella di crere tanti template diversi (quante sono le voci del menu) in modo che ogni volta websitebaker carichi il template idoneo (cioè quello con la voce del menu interessata "attiva").
Questa però mi sembra un idea allucinante!

Ci sono altre soluzioni?

Grazie!

EDIT: Ho parzialmente risolto infilando uno script nelle pagine interessate...ma in questo modo agisco sull' html tramite l'editor delle pagine di websitebaker, quindi non è una cosa "esportabile" in un template. Resto in attesa di aiuti, grazie!

[Marcomesa]

tra due settimane partirò per un viaggio di cui ignoro la data di rientro. Volevo realizzare un sito per tenremi in contatti con gli amici in italia. Mi hanno consigliati i cms ed eccomi qua ad approndire. A livello informativo riesco ad imbastire qualcosa in un paio di giorni?Purtroppo il tempo è quello che mi manca...poi se ho ben capito posso aggiornare e modificare il mio sito via web, giusto?

ben è una gran cosa...seguendo la guida ho provato ad iscrivermi a netsons e sopresa...non posso! Nel senso che posso richiedere di darmi un hosting gratuito e che valuteranno la mia richiesta...ben pensavo fosse immediato, forse ho sbagliato qualcosa?

stasera/stanotte mi scarico websitebaker e mi leggo la guida...sperando di avere qualcosa su cui testare...

grazie intanto

[ivanisevic82]

Ti dò qualche rapida informazione...

1) Per quello che devi fare tu (cioè tenerti in contatto coi tuoi amici durante il viaggio...e quindi immagini scrivere delle tue esperienza,caricare foto, ecc...) credo sia più indicato utilizzare un Blog.
Ci sono un sacco di servizi Bolg grauiti online, personalizzabili secondo schemi di base predefiniti...ti iscrivi, scegli l'impostazione grafica...e cominci a bloggare.

2) L'account Netsons è gratuito ma sottoposto ad autorizzazione.
Secondo la mia esperienza ci vorranno un paio di giorni prima di essere autorizzato.
Se hai esigenze di celerità differenti prendi un account altervista: è immediato e (sempre secondo la mia personale esperienza) è più stabile.

3) La guida che troverai ti insegna come installare sul tuo spazio web il CMS in questione, ma ad utilizzarlo devi imparare tu.
Se ti "accontenti" di poter scaricare un template già costruito da qualcun'altro (e che quindi chiaramente non sarà SOLO tuo) non ti resterà che riempire il sito di contenuti, attraverso l'apposito editor del CMS che ti consente di scrivere così come si scrive sul forum: con estrema facilità e senza sonoscere html.

Se invece vuoi personalizzarlo ulteriormente e dargli una struttura grafica a tua piacimento, nonchè inserire moduli, opzioni, galleria, ecc...ti renderai conto di come html e css siano fondamentali da studiare e per nulla semplici e immediati da apprendere.

Se ti incamminerai in questa strada (come ho fatto io ) capirai che WebSiteBaker è uno strumento molto carino e utile, sopratutto per editare i contenuti in fretta...ma non è lui che ti fa FARE un sito!
Una volta imparato a fare un templare (cioè una struttura grafica) da te...infilare i contenuti ti sembrerà una cavolta.
Certo, continuare a usare il CMS sarà comodo...ma ti renderai conto che il VERO lavoro l'hai fatto tu, e non lui...

Spero di essere stato chiaro ed esauriente.

[Marcomesa]

grazie della risposta, io l'html un po' lo conosco, quanto basta per capire che un sito "tradizionale" non potevo farlo ad esempio con dreamweaver. Essendo in viaggio non avrei credo modo di uploadare facilmente contenuti via ftp. Mentre in un internet point caricare foto ad esempio via web è possibile. Il blog eh...ci sto pensando anche se mi sembra...limitato. Forse sbaglio perchè non conosco molto quel tipo di mondo, ma mi piacerebbe avere delle sezioni, inserire delle google map, delle foto e non tutto buttato in un unica pagina...ma ripeto forse mi sbaglio...mi informerò anche sui blog. Non vorrei partire in una impresa che dopo vista la complessità non riesco a portare a temrine...

[3vi]

Originariamente inviato da ivanisevic82

Ti dò qualche rapida informazione...

1) Per quello che devi fare tu (cioè tenerti in contatto coi tuoi amici durante il viaggio...e quindi immagini scrivere delle tue esperienza,caricare foto, ecc...) credo sia più indicato utilizzare un Blog.
Ci sono un sacco di servizi Bolg grauiti online, personalizzabili secondo schemi di base predefiniti...ti iscrivi, scegli l'impostazione grafica...e cominci a bloggare.

2) L'account Netsons è gratuito ma sottoposto ad autorizzazione.
Secondo la mia esperienza ci vorranno un paio di giorni prima di essere autorizzato.
Se hai esigenze di celerità differenti prendi un account altervista: è immediato e (sempre secondo la mia personale esperienza) è più stabile.

3) La guida che troverai ti insegna come installare sul tuo spazio web il CMS in questione, ma ad utilizzarlo devi imparare tu.
Se ti "accontenti" di poter scaricare un template già costruito da qualcun'altro (e che quindi chiaramente non sarà SOLO tuo) non ti resterà che riempire il sito di contenuti, attraverso l'apposito editor del CMS che ti consente di scrivere così come si scrive sul forum: con estrema facilità e senza sonoscere html.

Se invece vuoi personalizzarlo ulteriormente e dargli una struttura grafica a tua piacimento, nonchè inserire moduli, opzioni, galleria, ecc...ti renderai conto di come html e css siano fondamentali da studiare e per nulla semplici e immediati da apprendere.

Se ti incamminerai in questa strada (come ho fatto io ) capirai che WebSiteBaker è uno strumento molto carino e utile, sopratutto per editare i contenuti in fretta...ma non è lui che ti fa FARE un sito!
Una volta imparato a fare un templare (cioè una struttura grafica) da te...infilare i contenuti ti sembrerà una cavolta.
Certo, continuare a usare il CMS sarà comodo...ma ti renderai conto che il VERO lavoro l'hai fatto tu, e non lui...

Spero di essere stato chiaro ed esauriente.

ma si può usare altervista al posto di netsons, seguendo sempre la guida di questo thread?

[ivanisevic82]

Si, si può usare anche altervista cambiando pochissime cose alla guida.

[3vi]

Originariamente inviato da ivanisevic82

Si, si può usare anche altervista cambiando pochissime cose alla guida.

grazie era quello che volevo sapere