Problema risolto Sito internet

[freixhotel]

Ciao, sto progettando un sito internet e volevo sapere due cose:
1) creare un layout ( non so se va salvato in formato css ) e poi come integrarlo nelle pagine;
2) creare la barra che si trova sopra in questo sito poi me la personalizzo io per le mie cose... ;

se potete aiutarmi perfavore
grazie

 

[Kaito]

Riferimento: Sito internet

I template si creano in HTML e CSS. Con il CSS definisci i vari elementi, che poi richiamerai in HTML.

La barra in alto (topbar) si crea appunto in css, mettendo width 100%, position fixed, altezza a scelta e top a 0.


Se non sai queste cose, ti consiglio di leggere

Perfavore, Entra oppure Registrati per vedere i Link!

e

Perfavore, Entra oppure Registrati per vedere i Link!

.

 

[freixhotel]

Riferimento: Sito internet

mi spieghi meglio come fare la topbar?

 

[Kaito]

Riferimento: Sito internet

Ehm, l' ho scritto.

La barra in alto (topbar) si crea appunto in css, mettendo width 100%, position fixed, altezza a scelta e top a 0.

Studia il CSS..

 

[freixhotel]

Riferimento: Sito internet

ok... nel css ho scritto:

Spoiler

#topbar {
width: 100%;
position: fixed;
height: 17px;
top: 0px;
}

va bene così?

 

[Zanzo]

Riferimento: Sito internet

ok... nel css ho scritto:

Spoiler

#topbar {
width: 100%;
position: fixed;
height: 17px;
top: 0px;
}

va bene così?

17 Pixel di altezza sono un pò pochi... Usane 30. Sai come inserirvi altri contenuti?

 

[freixhotel]

Riferimento: Sito internet

alt un attimo... questa è l'intero css che ho fatto e sorge un problema:

Spoiler

body #qua lo sfondo
{
background-color: #F5FFFA;
background-image: url(images/index_bkgrnd.png);
color: #000000;
}
#qua c'è il codice della pagina centrale che dovrebbe comparire da sola, come questa di sciax
{

background-color: #FAFAFA;
border: 0px #000000 solid;
height: 100%;
top: 38px;
}

#qua altre cose...
a
{
color: #0000FF;
text-decoration: underline;
}
a:visited
{
color: #800080;
}
a:active
{
color: #FF0000;
}
a:hover
{
color: #0000FF;
text-decoration: underline;
}




#topbar #qua il codice per la topbar
{

width: 100%;
position: fixed;
height: 17px;
top: 0px;

}

questo è il mio problema:

Spoiler

{

background-color: #FAFAFA;
border: 0px #000000 solid;
height: 100%;
top: 38px;
}

non mi compare nella pagina.... mi compare solo l'immagine di sfondo ma quello no...praticamente quello dovrebbe comparire come compare il sito di sciax2 e quello è il <div> dove dovrei mettere i contenuti del sito...

 

[Kaito]

Riferimento: Sito internet

Ovvio, non hai specificato nessun elemento.

Prova a mettere:

Perfavore, Entra oppure Registrati per vedere i codici!

e richiamalo tramite

Perfavore, Entra oppure Registrati per vedere i codici!

 

[Zanzo]

Riferimento: Sito internet

Perfavore, Entra oppure Registrati per vedere i codici!

Questo cosa sarebbe? Non hai specificato ne ID ne classi...

 

[freixhotel]

Riferimento: Sito internet

Perfavore, Entra oppure Registrati per vedere i codici!

Questo cosa sarebbe? Non hai specificato ne ID ne classi...

ah ecco ti ringrazio ora ho scritto così:

Spoiler

html
{
background-color: #F5FFFA;
background-image: url(images/index_bkgrnd.png);
color: #000000;
}

body
{

background-color: #FAFAFA;
border: 0px #000000 solid;
position:absolute;
height: 100%;
top: 38px;
left:123px;
width:1102px;
z-index:0;
}

ora per inserire il topbar in alto e che mi segue sempre come devo fare?

 

[Zanzo]

Riferimento: Sito internet

Prova così. Tutti quegli attributi di BODY e HTML erano inutili.

Perfavore, Entra oppure Registrati per vedere i codici!

 

[freixhotel]

Riferimento: Sito internet

ok fatto... quindi ora per mettere la topbar? ( le caratteristiche della topbar sono scritte nel css)

 

[Zanzo]

Riferimento: Sito internet

Nel CSS scrivi il "layout":

Perfavore, Entra oppure Registrati per vedere i codici!

Mentre, nel file HTML, inserisci il DIV per richiamarlo (Inseriscilo all'inizio del tag BODY):

Perfavore, Entra oppure Registrati per vedere i codici!

 

[freixhotel]

Riferimento: Sito internet

ok fatto e funziona bene, solo che non mi compre metà foglio, mi compre solo la metà di destra e quella di sinistra no...

 

[Zanzo]

Riferimento: Sito internet

ok fatto e funziona bene, solo che non mi compre metà foglio, mi compre solo la metà di destra e quella di sinistra no...

Ricontrolla i CSS, avrai sbagliato qualcosa. Ricorda,"width: 100%;".
Io devo staccare, ti lascio nelle manone di @Kaito

 

[Kaito]

Riferimento: Sito internet

Metti come proprietà width: 100%; left: 0px; right: 0px;

 

[freixhotel]

Riferimento: Sito internet

ok grazie ho fatto ora devo solo creare la registrazione, login e poi devo scoprire dei codici che mi permettono di fare dei topic dal pubblico sapete dirmi il codice per far creare i topic?

 

[Kaito]

Riferimento: Sito internet

In quel caso hai bisogno del PHP e del MySQL. Se non li conosci, ti conviene lasciar perdere e optare per un forum.

Segno come risolto, dato che da quel che ho capito qua abbiamo finito XD

 

[freixhotel]

Riferimento: Sito internet

ondevitare l'apertura di un altro post, non potete spiegarmi come mettere la possibilità di far creare dei topic in questo post?

 

[Kaito]

Riferimento: Sito internet

ondevitare l'apertura di un altro post, non potete spiegarmi come mettere la possibilità di far creare dei topic in questo post?

No, quello è PHP e appunto non c'entra nulla con la sezione. Se, come ho detto, non sei esperto in PHP & MySQL, lascia stare e installa un forum.