| Mostra argomento precedente :: Mostra argomento successivo |
| Autore |
Messaggio |
pask
utente attivo
Iscritto: 15 Feb 2006
Messaggi: 5941
Località: Salerno
|
 Inviato: Ven 28 Mgg, 2010 3:21 pm Oggetto: Chi ne capisce di CSS? |
 |
|
Ciao a tutti,
avrei bisogno di un aiuto per sistemare il css del mio sito (lo sto facendo con wordpress - wpfolio). Non sono per niente esperto, ci sono tre cose che non riesco a fare:
1 - angoli smussati. La parte di sopra del body.container ha gli angoli smussati, il codice (già presente nel file inizale) è questo:
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
Io vorrei semplicemente fare lo stesso anche per la parte di sotto...
2 - centrare il menù. può sembrare una cretinata, ma ho provato a scrivere align=center e text-align=center più o meno dappertutto (div.nav, .nav li, .nav ul...) ma niente da fare.
3 - il carattere. Cosa ancora più stupida, ma non riesco a cambiare il carattere del sito. c'è la font-family, ma se voglio usare il century gothic (ammesso che si possa), che devo scrivere? ho provato font-family='century gothic' (più qualche variazione) ma non funziona...
Grazie a tutti!
_________________
Io non vivo nel mondo reale.
Vivo nel mondo astratto, creato dalla mia fantasia.
Ed è un bel posto... |
|
Vai ad inizio pagina
Vai a fine pagina |
|
 |
frankie73
utente attivo
Iscritto: 25 Mar 2006
Messaggi: 1282
Località: Napoli
|
| Inviato: Ven 28 Mgg, 2010 3:34 pm Oggetto: |
|
|
Ciao,
non e' proprio semplice risponderti cosi al volo...
Ti posso solo dare un cosiglio (se non lo hai gia') installa sotto firefox, firebug e vedrai che il mondo ti sorridera' visto che le prove le potrai fare on-the-fly.
Tieni inoltre presente che la proprieta' degli angoli smussati funziona solo su firefox 
prova cosi dovrebbe funzionare:
| Codice: | -moz-border-radius-bottomleft:1.2em;
-moz-border-radius-bottomright:1.2em;
-moz-border-radius-topleft:1.2em;
-moz-border-radius-topright:1.2em; |
_________________
Canon EOS 6d + C. 17-40 f/4 L + C. 24-105 f/4 IS L + C. 70-200 f/4 L + C. 85 f/1.8 USM + C. 50 f/1.4 USM + C. Speedlite 430ex II + C. Speedlite 90ex
- Le mie gallery: clicca qui x Flickr e qui x Picasa ; - Comincia ad usare SHUTTERSTOCK per le tue foto! -
- Le mie recensioni sulla LEGO qui -- Realizzo Siti Intenet di facile amministrazione, clicca qui -- |
|
Vai ad inizio pagina
Vai a fine pagina |
|
|
pask
utente attivo
Iscritto: 15 Feb 2006
Messaggi: 5941
Località: Salerno
|
| Inviato: Ven 28 Mgg, 2010 3:44 pm Oggetto: |
|
|
Grazie frankie! Qualcosa succede, ma comunque sotto non funziona bene (sopra si). L'effetto è questo: www.paskweb.com (del tutto in costruzione...)
Non capisco come mai questa differenza...
_________________
Io non vivo nel mondo reale.
Vivo nel mondo astratto, creato dalla mia fantasia.
Ed è un bel posto... |
|
Vai ad inizio pagina
Vai a fine pagina |
|
|
pask
utente attivo
Iscritto: 15 Feb 2006
Messaggi: 5941
Località: Salerno
|
| Inviato: Sab 29 Mgg, 2010 11:37 am Oggetto: |
|
|
Magari se aggiungo un estratto del CSS sarò più fortunato... 
Ci sono solo le sezioni <body> (per gli angoli smussati ed il font) e <div.nav> (per centrare il menù)
Datemi un aiutiiiiiiiiiiiiiiiiiiiiino!!
| Codice: | body {
/* font-family : ($WPFolio_body_font) */
font-family: 'century gothic';
/* background-color: ($WPFolio_body_backgroundcolor) */
/* color: ($WPFolio_body_color) */
padding: 5px;
}
.container {
/* color: ($WPFolio_body_color) */
/* background-color: ($WPFolio_foreground_color) */
/* margin-top : 30px; */
width: 960px;
margin: 0px auto;
text-align: center;
/*-moz-border-radius: 10px;*/
/*-webkit-border-radius: 10px;*/
-moz-border-radius-bottomleft:1.2em;
-moz-border-radius-bottomright:1.2em;
-moz-border-radius-topleft:1.2em;
-moz-border-radius-topright:1.2em;
padding: 0px;
}
#content {
font-weight : normal;
text-align : left;
line-height: 1.4em;
font-size: 12px;
clear: both;
padding: 0;
/*margin: 30px 30px 5px;*/
margin: 20px 20px;
}
/*--------------------------------------------------------------------*/
/* @group navbar */
div.nav .widgettitle {
/* font-family : ($WPFolio_body_font) */
display: none;
padding: 0em;
}
.nav {
/* font-family: ($WPFolio_headline_font) */
/*color: ($WPFolio_second_color) */
text-decoration : none;
font-weight : bold;
padding: 25px 20px 20px 20px;
/*margin: 20px 20px 20px 20px;*/
font-size: 12px;
}
.nav ul, .widgettitle ul {
float:left;
margin: 0;
padding: 0;
}
.nav li, widgettitle li {
list-style: none;
display: inline;
margin: 0;
padding: 0;
}
.nav a, link {
/*border : 1px solid #c0c0c0;*/
color : #545454;
text-decoration : none;
font-weight : normal;
margin-right: 2em;
}
.nav a:active {
/*border: 1px solid #c0c0c0;*/
/*color: ($WPFolio_highlight_color) */
text-decoration : none;
font-weight : normal;
opacity: 0.25;
}
.nav a:hover {
/*border: 1px solid #c0c0c0;*/
/*color: ($WPFolio_highlight_color) */
text-decoration : none;
font-weight : normal;
opacity: 0.75;
}
div.nav li.current_page_item a, div.nav li.current-cat a {
font-weight: bold;
}
/* @end */ |
_________________
Io non vivo nel mondo reale.
Vivo nel mondo astratto, creato dalla mia fantasia.
Ed è un bel posto... |
|
Vai ad inizio pagina
Vai a fine pagina |
|
|
pask
utente attivo
Iscritto: 15 Feb 2006
Messaggi: 5941
Località: Salerno
|
| Inviato: Sab 29 Mgg, 2010 12:12 pm Oggetto: |
|
|
Per il font ho risolto, andando a modificare il file del tema!
Ma per centrare il menù e smussare gli angoli non c'è verso...
_________________
Io non vivo nel mondo reale.
Vivo nel mondo astratto, creato dalla mia fantasia.
Ed è un bel posto... |
|
Vai ad inizio pagina
Vai a fine pagina |
|
|
|
Home
Forum
Fotografie
Le mie foto
Cerca
Utenti
Regolamento
FAQ
MP
Iscrizione
Login
