| Precedente :: Successivo |
| Autore |
Messaggio |
LuckyBoy
Eroe in grazia degli dei
Registrato: 14/07/05 14:23
Messaggi: 96
Residenza: Lago di Garda
|
 Inviato: 14 Set 2005 12:00 Oggetto: |
 |
|
| rebelia ha scritto: |
come mai la colonna di dx risulta sotto la foto e non affiancata ???
perche' dovevi inserirla in <div id="colonnasx">(qua)</div> e NON li' dove sta, perche' sposta sotto quel che ci sta dopo, cioe' i div colonnasx e colonnadx
|
L'ho fatto ma sposta sempre il menu a dx in basso
| rebelia ha scritto: |
altro errore: nella colonna di destra hai scelto di inserire un secondo menu e correttamente hai usato il tag <li>, solo che <li> va inserito SEMPRE all'interno di <ul> (per ottenere un elenco non numerato) oppure <ol> (per ottenere un elenco numerato/cifrato)
quindi: <ul><li>contenuto</li><li>contenuto</li></ul>
altro errore: NON inserire <br> tra un tag <li> e l'altro: alla sua chiusura ( </li> ) il tag <li> va GIA' a capo (e' un elemento blocco, ricordi?) e se vuoi spaziare le voci, ti consiglio piuttosto di modificare in questo modo il css:
[code]
...
#colonnadx{
...
}
#colonnadx ul li {
margin-bottom: 20px;
}
|
FATTO MA NON SI CENTRANO PIU LE SCRITTE
| rebelia ha scritto: |
il posto del logo e' in alto a sinistra dove ti ho fatto piazzare l'immagine pennino; vista la richiesta di uno spazio tutto lungo per verticale, pensavo che il logo che dovevi usare fosse una cosa tipo questa:
|
Giusto il logo è così e si sviluppa verticalmete ...
è in formato gif proviamo ad inserirlo ????
| rebelia ha scritto: |
occhio, perche' nella pagina che ho visto, il tag h1 parla ancora di librerie 
|
Ma dove vedo nella pagina la scritta LIBRERIE ???
| rebelia ha scritto: |
sarebbe meglio modificare anche a:hover del menu principale, perche' sul giallo l'arancio ha una leggibilita' scarsissima: ti consiglio di sostituire quest'ultimo col nero (di invertire i colori, in pratica) |
[/quote]
Non ho capito bene devo "ribaltare" tutti i colori ????
edit by reb: scusa, ti ho sistemato i quote per una miglior lettura |
|
| Top |
|
 |
rebelia
Dio maturo
Registrato: 17/07/03 09:22
Messaggi: 7987
|
| Inviato: 14 Set 2005 12:28 Oggetto: |
|
|
| LuckyBoy ha scritto: |
L'ho fatto ma sposta sempre il menu a dx in basso
|
mm, hai ragione!
modifica il css in questo modo:
| Codice: |
#colonnasx {
width: 445px;
}
|
(errore mio nel primo comando: andava segnato width e non margin-left come ti ho fatto mettere!)
non dovesse ancora funzionare, prova con:
| Codice: |
...
#colonnasx {
width: 445px;
float: left;
}
#colonnadx {
width: 150px;
float: left;
border-left: 1px solid yellow;
}
...
|
(modifichi cioe' sia la prima che la seconda colonna): se non il primo, il secondo dovrebbe funzionare senz'altro 
| LuckyBoy ha scritto: |
FATTO MA NON SI CENTRANO PIU LE SCRITTE
|
perche' devi modificare il css in questo modo:
| Codice: |
...
#colonnadx {
...
text-align: center;
}
#colonnadx ul {
list-style: none;
margin: 0px;
padding: 0px;
}
#colonnadx ul li {
margin: 0px;
padding: 0px;
}
...
|
| LuckyBoy ha scritto: |
Giusto il logo è così e si sviluppa verticalmete ...
è in formato gif proviamo ad inserirlo ????
|
a questo punto sei capace di farlo da solo: ti bastera' sostituire a pennino.gif il nome della tua immagine
| LuckyBoy ha scritto: |
Ma dove vedo nella pagina la scritta LIBRERIE ???
|
nel codice, nell'header: te l'avevo fatto inserire in un secondo tempo, ricordi? devi modificarlo e scriverci invece il titolo del TUO sito, non ha senso che resti quello
e' rimasto dentro pure un <img src="prova01.jpg" [color =red]alt="tuonome"[/color]> che non c'entra nulla!
| LuckyBoy ha scritto: |
Non ho capito bene devo "ribaltare" tutti i colori ????
|
no!! assolutamente!
provo a spiegarmi meglio: attualmente, quando passi col mouse sul menu di navigazione principale, quello in alto in orizzontale per capirci, lo sfondo nero diventa giallo e la scritta gialla diventa arancione: l'abbinamento ha una pessima leggibilita', percio' ti consigliavo di lasciare l'effetto dello sfondo del link nero che diventava giallo, ma anziche' far diventare arancione la scritta gialla, di farla diventar nera
ti scrivo le modifiche:
l'attuale
| Codice: |
...
#header a:hover {
...
color: orange;
background: yellow;
}
...
|
diventera'
| Codice: |
...
#header a:hover {
...
color: black;
background: yellow;
}
...
|
tutto qua:un'unica modifica, come puoi vedere
per curiosita', che strumento stai usando per scrivere il codice? blocco note o qualcosa di piu' avanzato? |
|
| Top |
|
|
LuckyBoy
Eroe in grazia degli dei
Registrato: 14/07/05 14:23
Messaggi: 96
Residenza: Lago di Garda
|
| Inviato: 14 Set 2005 13:02 Oggetto: |
|
|
tutto chiaro (piu o meno) e on-line così puoi dare un occhio.
Unico problema: il logo che è in una posizione strana.
io vorrei che nella parte sx della schermata ci fosse l'immagine verticale e sopra di questa il logo , giusto ? avevamo deciso di fare così no ???
(sto scrivendo direttamente modificando il file stile e il codice col programma di modifica del server - Non va bene ???)...
 |
|
| Top |
|
|
rebelia
Dio maturo
Registrato: 17/07/03 09:22
Messaggi: 7987
|
| Inviato: 14 Set 2005 13:28 Oggetto: |
|
|
| LuckyBoy ha scritto: | tutto chiaro (piu o meno) e on-line così puoi dare un occhio.
|
togli questo
| Codice: |
<div id="corpo">
--> </div> <--
|
perche' attualmente stai chiudendo il div #corpo SOPRA i due div che invece dovrebbero stare al suo interno
il tag di chiusura (</div>) c'e' ancora, percio' ti sara' sufficiente eliminare la parte che ti ho messo tra le frecce
| Citazione: |
Unico problema: il logo che è in una posizione strana.
|
ops... dai no-repeat top left anziche' no-repeat top center
| Citazione: |
io vorrei che nella parte sx della schermata ci fosse l'immagine verticale e sopra di questa il logo , giusto ? avevamo deciso di fare così no ???
|
devi creare un'immagine verticale che comprenda ANCHE il logo ed usare quella come sfondo per il div #esterno
| Citazione: |
(sto scrivendo direttamente modificando il file stile e il codice col programma di modifica del server - Non va bene ???)...
|
mh... mai fatto, ammesso di aver capito quel che stai facendo; ti consiglio di lavorare in locale e poi caricare le pagine corrette sul server
dai un'occhiata a questo thread: vi abbiamo raccolto una serie di strumenti gratuiti per scrivere codice (la maggior parte te lo colora pure: personalmente ti consiglio arachnophilia) e per caricare le pagine in rete via ftp |
|
| Top |
|
|
LuckyBoy
Eroe in grazia degli dei
Registrato: 14/07/05 14:23
Messaggi: 96
Residenza: Lago di Garda
|
| Inviato: 14 Set 2005 16:04 Oggetto: |
|
|
OK mentre aspetto le immagini cosa possiamo aggiungere ???
direi una foto ed un po di testo in quello che sarà la parte centrale della pagina ... ok ??? (tra la colonna immagine+logo e quella col menu)...
grazie |
|
| Top |
|
|
rebelia
Dio maturo
Registrato: 17/07/03 09:22
Messaggi: 7987
|
| Inviato: 14 Set 2005 16:26 Oggetto: |
|
|
| LuckyBoy ha scritto: | | OK mentre aspetto le immagini cosa possiamo aggiungere ??? |
le immagini te le prepara qualcun altro? pensavo le avessi gia' 
vabbe', poco importa: nessun problema per inserire del testo e un'immagine e ne approfitto per svelarti un "segreto"
siccome spesso il progettista lavora senza avere i contenuti definitivi e siccome del contenuto serve per provare l'effetto del layout (per "riempirlo" in pratica), si usa del testo creato apposta per ottenere una sensazione "naturale"
in origine si trattava di un testo di cicerone, debitamente rimaneggiato per essere usato come testo standard; esistono dei siti dai quali si puo' copiare 'sto testo per usarlo e questo e' uno di quelli
piccola precisazione: una volta inseriti tutti gli elementi comuni (e a noi manca giusto il footer, direi) il template e' pronto; l'inserimento dei contenuti delle varie pagine e' il passaggio successivo, per il quale bisogna salvare la pagina template con un nuovo nome; nel caso della home, generalmente si usa index.htm
mettiamo che l'immagine che vuoi usare sia questa:
apri il tuo template, salva la pagina come index.htm e scrivi all'interno del div #colonnasinistra:
| Codice: |
...
<div id="colonnasx">
<img id="monti" src="cartella/monti.gif" alt="In moto tra i monti" />
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean
tortor ante, mollis vitae, tempor eget, sodales in, lectus. Mauris
vehicula eros malesuada dolor. Fusce condimentum facilisis diam.
Vivamus eget dui eget massa hendrerit viverra. Suspendisse
pellentesque lacinia nulla. Donec feugiat pellentesque mauris.
Maecenas commodo elit rhoncus metus. Donec tempor ultrices nisl.
Nulla sit amet risus vel sem facilisis iaculis. Phasellus luctus cursus
risus. Etiam suscipit. Nulla facilisi. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. In at nunc. Integer aliquet est ullamcorper
justo. Suspendisse ac urna vitae ante fermentum pellentesque.
</p>
</div>
...
|
e nel css scriverai:
| Codice: |
...
#colonnasx {
...
padding: 10px;
}
...
#footer {
...
}
#monti {
width: 239px;
height: 275px;
float: right;
margin-left: 10px;
}
|
in questo modo, l'immagine dovrebbe stare sul lato destro del div centrale (il div #colonnasx) ed essere circondato dal testo
il padding che ti ho fatto inserire in #colonnasx serve per avere un po' di luce tutt'attorno a testo ed immagine
nota: come vedi, anziche' "agganciare" l'immagine attraverso #colonnasx img come ho fatto per altri elementi, ho preferito darle un id tutto suo; questo perche' spesso capita che nella stessa pagina e all'interno dello stesso div ci siano piu' immagini con misure diverse e posizionate in modo differente |
|
| Top |
|
|
LuckyBoy
Eroe in grazia degli dei
Registrato: 14/07/05 14:23
Messaggi: 96
Residenza: Lago di Garda
|
| Inviato: 14 Set 2005 17:58 Oggetto: |
|
|
Nota:
le immagini le preparo io con photoshop  ma sono un pochino in ritardo... |
|
| Top |
|
|
rebelia
Dio maturo
Registrato: 17/07/03 09:22
Messaggi: 7987
|
| Inviato: 14 Set 2005 18:26 Oggetto: |
|
|
| LuckyBoy ha scritto: | Nota:
le immagini le preparo io con photoshop ma sono un pochino in ritardo... |
era quel "aspetto le immagini" che non avevo capito, tutto qua
beh, per ora un po' da fare ne hai, quando avrai le immagini e tutto quel che ti serve, andremo avanti
edit: ehm, ho dato un'occhiata: per avere l'immagine corretta, clicca sulla miniatura che ti ho postato in alto e salva quella a cui arriverai, altrimenti e' troppo sgranata
inoltre modifica la larghezza di #colonnasx e portala a 430px per vedere se risolvi quell'a-capo del menu di dx
L'ultima modifica di rebelia il 14 Set 2005 18:29, modificato 1 volta |
|
| Top |
|
|
LuckyBoy
Eroe in grazia degli dei
Registrato: 14/07/05 14:23
Messaggi: 96
Residenza: Lago di Garda
|
| Inviato: 14 Set 2005 18:27 Oggetto: |
|
|
sono un po distratto...
mi è uscito un casino .... puoi vedere on-line per piacere ?
Grrrr.... |
|
| Top |
|
|
rebelia
Dio maturo
Registrato: 17/07/03 09:22
Messaggi: 7987
|
| Inviato: 14 Set 2005 18:30 Oggetto: |
|
|
| LuckyBoy ha scritto: | sono un po distratto...
mi è uscito un casino .... puoi vedere on-line per piacere ?
Grrrr.... |
leggi quanto ho scritto sopra |
|
| Top |
|
|
LuckyBoy
Eroe in grazia degli dei
Registrato: 14/07/05 14:23
Messaggi: 96
Residenza: Lago di Garda
|
| Inviato: 14 Set 2005 18:34 Oggetto: |
|
|
Grazie Rebe ! Grande !  |
|
| Top |
|
|
LuckyBoy
Eroe in grazia degli dei
Registrato: 14/07/05 14:23
Messaggi: 96
Residenza: Lago di Garda
|
| Inviato: 16 Set 2005 17:25 Oggetto: |
|
|
Ma intanto che preparlo le foto, non possiamo "abbellire" un po la pagina ???
Si accettano proposte!
P.s.: Rebe, pensavi di esserti liberata di me vero ?!? |
|
| Top |
|
|
ioSOLOio
Amministratore
Registrato: 12/09/03 19:01
Messaggi: 16342
Residenza: in un sacco di...acqua
|
| Inviato: 16 Set 2005 17:29 Oggetto: |
|
|
| LuckyBoy ha scritto: | Ma intanto che preparlo le foto, non possiamo "abbellire" un po la pagina ???
Si accettano proposte! |
se il sito è online, potresti aggiungerlo al tuo profilo..così comparirà il bottone di rimando e potendo vederlo, potremo dire qualcosa..
Altrimenti attendi la dea Reb... |
|
| Top |
|
|
rebelia
Dio maturo
Registrato: 17/07/03 09:22
Messaggi: 7987
|
| Inviato: 16 Set 2005 17:36 Oggetto: |
|
|
| LuckyBoy ha scritto: | Ma intanto che preparlo le foto, non possiamo "abbellire" un po la pagina ???
Si accettano proposte!
P.s.: Rebe, pensavi di esserti liberata di me vero ?!? |
e' un nonsense: in teoria il percorso e':
buttar giu' il template con un programma di grafica
preparare le immagini
creare la struttura
formattare tutto ed inserire le immagini con il css
puoi inserire quel che vuoi, ma ha un senso? secondo me non lo ha, ma se per te si, dimmi cosa vorresti fare dove e procediamo |
|
| Top |
|
|
LuckyBoy
Eroe in grazia degli dei
Registrato: 14/07/05 14:23
Messaggi: 96
Residenza: Lago di Garda
|
| Inviato: 17 Set 2005 23:26 Oggetto: |
|
|
ok ok ho detto una caz....,
le foto sono pronte qualcosina ho fatto, on-line le ultime novità...
Buona serata! |
|
| Top |
|
|
LuckyBoy
Eroe in grazia degli dei
Registrato: 14/07/05 14:23
Messaggi: 96
Residenza: Lago di Garda
|
| Inviato: 21 Set 2005 21:04 Oggetto: |
|
|
Ciao a tutti....
domandina semplice semplice...
ma nel titolo del codice metto l'indirizzo del sito o il nome della pagina ???
Cosa si mette di solito ???
grazie... |
|
| Top |
|
|
juzo kun
Dio maturo
Registrato: 19/04/04 09:32
Messaggi: 1853
Residenza: tra la tastiera e la sedia
|
| Inviato: 21 Set 2005 21:17 Oggetto: |
|
|
Il titolo.
A parte gli scherzi, ci metti un nome breve ma significativo: è la prima cosa che viene 'vista' da Google, quindi è il caso di presentarsi bene.
"LuckyBoy Home Page" è già un buon esempio
Cià
JK |
|
| Top |
|
|
LuckyBoy
Eroe in grazia degli dei
Registrato: 14/07/05 14:23
Messaggi: 96
Residenza: Lago di Garda
|
| Inviato: 25 Set 2005 20:29 Oggetto: |
|
|
Buonasera a tutti.
Dovrei nel famoso codice inserire un paragrafo di testo con un elenco puntato. Che comando devo usare ?
Se all'interno del testo del paragrafo voglio scrivere alcune parole in grassetto come devo fare ????
Grazie a tutti. |
|
| Top |
|
|
rebelia
Dio maturo
Registrato: 17/07/03 09:22
Messaggi: 7987
|
| Inviato: 25 Set 2005 20:41 Oggetto: |
|
|
no, il paragrafo deve chiudersi PRIMA di aprire un elenco puntato
l'elenco lo apri cosi' se e' puntato:
| Codice: |
<ul>
<li>blablabla</li>
<li>blablabla</li>
<li>blablabla</li>
<li>blablabla</li>
</ul>
|
e cosi' se e' numerato:
| Codice: |
<ol>
<li>blablabla</li>
<li>blablabla</li>
<li>blablabla</li>
<li>blablabla</li>
</ol>
|
per il grassetto devi usare <strong> e</strong> oppure <span class="grassetto"> e</span> e poi crearti un .grassetto {font-weight: bold;} nel css (uno dei due sistemi in alternativa) |
|
| Top |
|
|
LuckyBoy
Eroe in grazia degli dei
Registrato: 14/07/05 14:23
Messaggi: 96
Residenza: Lago di Garda
|
| Inviato: 27 Set 2005 21:06 Oggetto: |
 |
|
Eccomi di nuovo:
Faccio il punto della situazione:
Ho una serie di pagine all'interno delle quali ho una colonna comune chiamata "colonna sx" al cui interno nel file stile.css sono presenti tutti i
parametri per il paragrafo "p".
Su una pagina quella dei contatti voglio variare questi parametri "p" mettendo per esempio un testo centrato anzichè giustificato, e mettendo la scritta MIONOME con carattere piu grande rispetto all'indirizzo, come posso fare ????
Cosa devo creare in stile.css questo è quello che ho:
...
#colonnasx {
width: 500px;
float: left;
padding-bottom: 50px;
text-align: justify;
font-size: 105%;
}
#colonnasx p {
margin-left: 2%;
width: 95%;
}
sono stato chiaro ????
FINO QUI ESISTENTE |
|
| Top |
|
|
|
FAQ
Cerca
Lista utenti
Gruppi
Registrati
Profilo
Messaggi privati
Log in
