Accedi per seguire   
Seguaci 0
vipertre

Modificare Template

27 messaggi in questa discussione

Ragazzi devo realizzare un sito per la scuola calcio del mio piccolo paese...Ho visto in rete un bel template vi do il link http://www.diplod.it/2007/10/19/sportempla...ve-ma-non-solo/ ... per vederlo in opera ( http://www.basketrubiera.it/ ) ...ecco il problema sorge qui... io voglio cambiare l'immagine ad esempio esordienti che trovate sotto il logo...voglio un bottone che realizzerò io ,che poi si collegherà alla pagina esordienti...Si può fare ,questa cosa?Grazie mille

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

intendi cambiare i pulsanti home, esordienti, ecc ecc?

quello è un semplice elenco non ordinato, e la visualizzazione è regolata in base ai fogli di stile. per poter cambiare la visualizzazione o lo stile di quei pulsanti devi andare a modificare il file CSS del tuo template.

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

e in quiali punti devo agire...cioiè cosa devo mettere?devo fare una lunga barra si un colroe (ovviamente con effeti e tutto il resto) e poi inseire nel css il font e gli effeti che devono avere le scritte,oppure è possibile avere associato ad un link un bottone da me realizzato...?

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Devi inserire nel css un codice come il seguente:

#nav ul{
list-style:none;
display:inline;
}
#nav ul li{
display:block;
float:left;
height:30px;
width:100px;
background:url(URLIMMAGINE);
text-align:center;
}

che imposta per quei due elementi una visualizzazione con larghezza 100px e altezza 30px ciascuno ed imposta un'immagine di background quale quella indicata dalla proprietà background:url();

:)

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

facciamo finta,anzi è la realtà ...io devo creare le seguenti pagine in worpress..."HOme"-"Sett.Giovanile"-"Scuola Calcio"-"Tornei"e " DI' la tua"...dovrò inserire quante volte sono le pagine quel codice(soluzione che mi sembra quanto assurda,per quel che so di css) oppure tu dici in pratica ti fai un bottone "liscio" e poi lui(wordpress) tramite CSS ti scrive il testo nel colore,font etcc che vuoi tu?

Quindi siccome la seconda opzione mi pare quella più logica dove trovo nel css il codice da modificare per la scrittura?Grazie frman...

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti
facciamo finta,anzi è la realtà ...io devo creare le seguenti pagine in worpress..."HOme"-"Sett.Giovanile"-"Scuola Calcio"-"Tornei"e " DI' la tua"...dovrò inserire quante volte sono le pagine quel codice(soluzione che mi sembra quanto assurda,per quel che so di css) oppure tu dici in pratica ti fai un bottone "liscio" e poi lui(wordpress) tramite CSS ti scrive il testo nel colore,font etcc che vuoi tu?

Quindi siccome la seconda opzione mi pare quella più logica dove trovo nel css il codice da modificare per la scrittura?Grazie frman...

E' come nella seconda osservazione. Cerco di spiegarmi meglio :P

Creare tanti pulsanti significa andare a stravolgere direttamente la grafica del sito, abolire il menu di WordPress (che viene generato dinamicamente in base alle pagine create) e progettare una pulsantiera ad hoc. Questo, sebbene ti possa far giovare di bottoni immagini al 100% non ti permettono ulteriori implementazioni ed inoltre ti constringono al dover fare un massiccio lavoro sull'attuale template. Sec.me non molto conveniente.

L'alternativa che invece ti proponevo io, era quella di inserire i pulsanti lisci come sfondo di quei link che vengono generati dinamicamente da WordPress, in modo tale da avere la base come immagine, ed il testo come testo vero e proprio implementato da Wordpress. In tal modo non hai problemi se cancelli, aggiungi, modifichi una pagina del sito, perchè avrai sempre pronta la base ed il testo può cambiare direttamente cambiando il titolo della pagina.

Io ti ho inserito le opzioni base per quegli elementi, tu, potresti successivamente andare a modificare il colore, la posizione e il carattere del testo, in modo da integrarli con i bottoni quanto più possibile.

Lo spezzone di codic che ti ho inserito NON deve essere inserito nella pagina php di WP, ma nel css del template che stai utilizzando!

Inoltre, dovresti anche avere un elemento del css simile a quello che ti ho scritto io, che serve per impostare l'attuale stile di quei pulsanti.

:)

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

ok...grazie mille frman,cercherò di provare e riprovare

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

ti basta preparare l'immaginetta di sfondo, ed inserire il codice che ti ho dato nel CSS del tuo template :)

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Il problema è che io voglio la scritta verde ,in grassato e non so come fare nel css...grazie frman...pian piano imparero pure io...:)

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

C'è un altro problema,l'immagine header dell'intestazione di ogni pagina deve essere modificata con una mia...Quando vado a scrivere il titolo del blog ,la scrita si sovrappone all'imagine ,come devo fare...?per eliminare la scritta...o bloccarla in qualche modo,per far si che non esca fuori

ecco come si presenta il css per quanto rigurda l'inserimento dei bottoni...

/* Navigation */

#nav {

position: absolute;

top: 230px;

left: 110px;

width: 490px;

margin: 0 auto;

padding: 0;

}

#nav ul {

float: left;

list-style: none;

text-transform: uppercase;

margin: 0; padding: 0;

}

#nav ul li {

float: left;

margin: 0; padding: 0;

}

#nav ul li a {

display: block;

float: left;

width: auto;

margin: 2px;

padding: 3px 10px;

color: #FFF;

font: bold 12px "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;

text-decoration: none;

letter-spacing: 1px;

border: 1px dotted #f8651c;

}

#nav ul li a:hover,

#nav ul li a:active {

color: #968e81;

background: #eaffff;

/*background: url(images/nav-current.jpg) no-repeat center bottom;*/

}

#nav ul li#current {

/*background: url(images/nav-current.jpg) no-repeat center bottom; */

}

#nav ul li#current a {

color: #f8651c;

Modificato da vipertre

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti
Il problema è che io voglio la scritta verde ,in grassato e non so come fare nel css...grazie frman...pian piano imparero pure io... :)

questo non è un problema.. basta che inserisci gli attributi nel css, e precisamente nel contenitore dei bottoni

#nav ul li{

...

color:#006600;

font-weight:bold;

}

:P

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Ti posto il CSS aggiornato, tuttavia il mio consiglio è quello di provare ad impazzirci direttamente tu, in modo da poterne capire e far fruttificare questa discussione :)

#nav {
position: absolute;
top: 230px;
left: 110px;
width: 490px;
margin: 0 auto;
padding: 0;
}
#nav ul {
float: left;
list-style: none;
text-transform: uppercase;
margin: 0; padding: 0;

}

#nav ul li {
float: left;
margin: 0; padding: 0;
/* Inizio Modifica by frman */
height:30px;
 /*  width:100px; */
background:url(URLIMMAGINE) repeat-x;
text-align:center;
/* Fine Modifica by frman */


}
#nav ul li a {
display: block;
float: left;
width: auto;
margin: 2px;
padding: 3px 10px;

/* Inizio Modifica by frman */
color:#006600;
font-weight:bold;
/* Fine Modifica by frman */

font: bold 12px "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
text-decoration: none;
letter-spacing: 1px;
border: 1px dotted #f8651c;
}
#nav ul li a:hover,
#nav ul li a:active {
color: #968e81;
background: #eaffff;
/*background: url(images/nav-current.jpg) no-repeat center bottom;*/
}
#nav ul li#current {
/*background: url(images/nav-current.jpg) no-repeat center bottom; */
}
#nav ul li#current a {
color: #968e81;

}

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

gRAZie mille frman...allora facciamo cosi,ogni modifica che riuscirò a fare nel mio css ,la posterò qui...

ah,per quanto riguarda la scritta che sce all'interno dell'immagine dell'intestazione"Tipo io chiamo il mio blog ": Scuola Calcio giovani marmotte" e compare la scritta,in alto,che poi sarebbe il titolo del forum...questa si può eliminare...?

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

La puoi eliminare andando a modificare il template, facendo in modo che in quello spazio non ci sia il codice php che richiama fa "stampare" il titolo del tuo blog :)

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

si trova nello stile?o nell'headr.php...Comando stampa è uguale a print?

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

si trova nel file PHP del tuo templete, non nel css. :)

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

OK...ci proverò...grazie mille frman;

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

frma sono risucito a fare tutto,mi manca ultima cosa rimpicciolire la sidebar di destra e di conseguenza aumentare lo spazio in cui scrivere i post.-Nel css quale di quei comandi chiamati sidebar devo toccare?Ti ringrazio molto.

Modificato da vipertre

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti
frma sono risucito a fare tutto,mi manca ultima cosa rimpicciolire la sidebar di destra e di conseguenza aumentare lo spazio in cui scrivere i post.-Nel css quale di quei comandi chiamati sidebar devo toccare?Ti ringrazio molto.

quella sidebar è divisa in due div per creare l'effetto "sovrapposto", quindi devi modificare l'header di quella sidebar e la sidebar stessa, variandone i parametri height.

Per l'header-right della sidebar devi andare a ridisegnarti l'immagine di background per adattarla alla nuova dimensione di quella colonna. le parti del css da modificare sono

#header-right {

position: absolute;

height: 70px;

width: 340px;

background: #dadada url(images/header-rightbg.gif) no-repeat top center;

top: 220px;

right: 0px;

padding: 10px:

}

#sidebar {

float: right;

display: inline;

width: 320px;

margin: 0px 0 10px 10px;

padding: 0;

}

ps. non vedop le modifiche alla pulsantiera :):P

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Qule sito che ti ho dato per farti vedere il tempalte non è mio...il mio è ancora in locale,e appena finisco(ora mi hanno chiesto di fare un heared in swf,e devo correggere tutto con i frame...e' un casino adesso,provo...e ti faccio sapere...grazie di cuore

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Hai sbagliato la dimensione della colonna di dx riducendola un po troppo :)

riprova con valori maggiori e molto vicini a quelli con cui la skin è stata progettata :P

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

il problema è che mi ha richiesto il sito,quella sidebar di dimensioni ciclopiche ,non piace,e io devo rimpicciolirla...si può?

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Ho cambiato di tutto frman,ma nisba...la pagina con l'altricolo non si vuole allagare,rimanere quello spazio grigio tra la sidebar e l'atricolo...Ho modificato content,main,ma niente...e in più dopo la sidebar c'è un ulteriore spazio grigio-nero...come si fa? :)

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

per poter modificare inmaniera ottimale quella skin, devi studiartela ad hoc.

ossia capire com è la struttara dei css, e quali proprietà dei css devi andare a variare per rimpicciolire la colonna di dx e allargare quella di sx.

generalmente si fa cosi:

- contenitore

--header

--corpo

----colonna di sx

-------sottovoci sx

----colonna di dx

-------sottovoci dx

--footer

-fine contenitore

devi vedere però nel tuo caso come è organizzata la pagina :)

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Ciao frma,scusa il ritardo ma solo oggi sono sceso..ce l'ho fatta...pian piano si arriva alle cose...ora rimane un problema che ti allego in uno scrren shhot

post-2567-1224261935_thumb.jpg

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Crea un account o accedi per lasciare un commento

Devi essere un utente registrato per partecipare

Crea un account

Iscriviti per un nuovo account nella nostra community. È facile!


Registra un nuovo account

Accedi

Sei già registrato? Accedi qui.


Accedi Ora
Accedi per seguire   
Seguaci 0