Back to top

Autore Topic: Estrarre css  (Letto 2061 volte)

Offline gigig

  • Appassionato
  • ***
  • Post: 276
    • Mostra profilo
Estrarre css
« il: 14 Nov 2008, 23:50:57 »
Salve, mi sto cimentando con il mio primo template, ho letto varie guide reperite su internet, alla fine ho deciso di usare photoshop e dreamweaver, solo che mi manca un piccolo passaggio.
In Pratica ho fatto il mio template con photoshop, l'ho diviso in sezioni, salvato per il web... questo mi da una pagina html ed una cartella di immagini corrispondenti, ora però secondo le guide necessito del file css.. a questo punto vorrei capire se il css può darmelo in automatico photoshop o se lo devo creare io.. in tutti e due i casi ho bisogno di un aiuto base su come procedere.. il resto è abbastanza chiaro, se prendo un template che ha già il suo css.
Vi sarei molto grato se riusciste a risolvere il mio problema.
Grazie

Offline bigham

  • Global Moderator
  • Instancabile
  • *****
  • Post: 3662
  • Sesso: Maschio
  • Contagiato dalla Joomlaite :)
    • Mostra profilo
Re: Estrarre css
« Risposta #1 il: 15 Nov 2008, 01:13:08 »
Ciao.

Purtroppo il css colelgato al template devi realizzartelo da solo. Quello che posso fare e riportarti un css vuoto con le classi base di joomla.
Citazione
/* CSS Document */
/*
NAVIGAZIONE
FORM
SEARCH
NAVIGAZIONE ARTICOLI
LEGGI TUTTO
BOTTONE INDIETRO
BOTTONE PROSSIMO
CONTENUTI

*/
/* NAVIGAZIONE/IMPOSTAZIONI MENU' */

/* STILE DI BASE DEL MENU' LATERALE */
a.mainlevel{ }
a.mainlevel:link { }
a.mainlevel:visited { }
a.mainlevel:hover { }

/* STILE PER LE VOCI DI MENU' CHE HANNO UN PARENT*/
a.sublevel{ }
a.sublevel:link { }
a.sublevel:visited { }
a.sublevel:hover { }

/*NAVIGAZIONE ARTICOLI*/
 .pagenavbar {} /*STILE PER LA NAVIGAZIONE NEL FOOTER RELATIVA AGLI ARTICOLI ("<< Start < precedente prossimo > fine >>")
ma solo se non attivi come link*/
.pagenavbar:link {} /*COME SOPRA MA LINK ATTIVI*/
.pagenavbar:visited {} /*COME SOPRA MA LINK VISITATI*/
 

/* LINEE ORIZZONTALI*/
hr {}
hr.separator {}
 
/* IMPOSTAZIONI FORM */
.button {}
.inputbox {}
.text_area{}

/*CERCA*/
.search {} /*FORMATTA LE IMPOSTAZIONI DEL CAMPO DI RICERCA inputbox, bottone cerca...*/
 

/*LEGGI TUTTO STILE PER IL LINK "LEGGI TUTTO"*/

a.readon:link { }
a.readon:hover { }
a.readon:visited { }


/* INDIETRO PRECEDENTE PROSSIMO*/
.back_button {} /*STILE PER IL BOTTONE INDIETRO*/
.pagenav_prev {} /*STILE PER IL BOTTONE PRECEDENTE*/
.pagenav_next {} /*STILE PER IL BOTTONE PROSSIMO*/


/*LE ULTIME NEWS*/
.latestnews ul {} /*STILE RELATIVO ALLE LISTE DELLE ULTIME NOTIZIE*/
.latestnews li {} /*COME SOPRA*/

/*I PIU POPLARI*/
.mostread ul{} /*STILE ALLE LISTE DEL MODULO I PIU' POLARI*/
.mostread li{} /*COME SOPRA*/
 
/* CONTENUTI SOTTO FORMA DI LINK RELATIVI ALLE CATEGORIE*/
a.category:link {}
a.category:hover {}
a.category:visited {}

 
.blogsection {} /* FORMATTA LA SEZIONE BLOG */
.blog_more {} /*FORMATTA IL TESTO LEGGI TUTTO NELLA SEZIONE BLOG*/
a.blogsection:link { } /* FORMATTA I LINK DELLA SEZIONE BLOG */
a.blogsection:visited { } /* COME SOPRA MA RELATIVA AI LINK VISITATI */
a.blogsection:hover { } /* COME SOPRA MA GESTISCE IL MOUSE HOVER */
 
 /*COMPONENTI*/
.componentheading { }/* TITOLO DEI COMPONENTI.*/

/*CONTENUTI*/
.contentheading { } /* TITOLO DEI CONTENUTI.*/


table.contentpaneopen { } /* FORMATTA LA TABELLA CHE CONTIENE L'ARTICOLO.*/

table.contentpaneopen td { } /* FORMATTA LA CELLA DI INTESTAZIONE DELL'ARTICOLO*/

table.contentpane { } /* FORMATTA LA TABELLA CHE CONTIENE COMPONENTI,LISTE CATEGORIE,FORM DI CONTATTO.*/

td.contentheading { } /* TITOLO DEI CONTENUTI.*/
 
.contentpane { } /* FORMATTA IL CONTENITORE DI TUTTO CIO' CHE NON è LEGATO AGLI ARTICOLI.*/
.contentpaneopen { } /* FORMATTA IL CONTENITORE DEGLI ARTICOLI.*/
.contentpagetitle { } /*FORMATTA IL TITOLO DEGLI ARTICOLI*/
 

a.contentpagetitle:link { } /*TITOLO DEGLI ARTICOLI SE IMPOSTATI COME LINK */
a.contentpagetitle:hover { } /*COME SOPRA MA MOUSE HOVER */
a.contentpagetitle:visited { } /*COME SOPRA MA VISITATI */
 
.contentdescription {} /* FORMATTA LA DESCRIZIONE DI SEZIONI,CATEGORIE*/
table.contenttoc {} /* FORMATTA LA TABELLA DEI CONTENUTI PER ARTICOLI MULTIPAGINA*/
table.contenttoc td {} /* COME SOPRA RELATIVA ALLE CELLE DELLA TABELLA*/
table.contenttoc th {} /* COME SOPRA MA RELATIVA AGLI INDICI*/
table.contenttoc td.toclink {} /* COME SOPRA MA RELATIVA AI LINK*/
a.toclink:link {} /* COME SOPRA MA RELATIVA AI LINK*/
a.toclink:visited {} /* COME SOPRA MA RELATIVA AI LINK*/
a.toclink:hover {} /* COME SOPRA MA RELATIVA AI LINK*/
 
 
/* SEZIONI */
.sectiontableheader {} /* FORMATTA LA TABELLA DI INTESTAZIONE DELLE SEZIONI  ESEMPIO: TABELLA "DATA", "TITOLO", "AUTORE" E "Hits" */
.sectiontableentry1 { } /* FORMATTA LA TABELLA ALTERNATE DELLE SEZIONI ESEMPIO: TABELLA "DATA", "TITOLO", "AUTORE" E "Hits" */
.sectiontableentry2 { } /* FORMATTA LA TABELLA ALTERNATE DELLE SEZIONI ESEMPIO: TABELLA "DATA", "TITOLO", "AUTORE" E "Hits" */
 
 
/* MODULI */
table.moduletable { } /* FORMATTA LA TABELLA DEL MODULO */
table.moduletable th { } /* FORMATTA LA TESTATA DEL MODULO E IL TITOLO */
table.moduletable td {} /* FORMATTA LE CELLE DELLA TABELLA DEL MODULO */
 
 /* BRICIOLE DI PANE */
.pathway { } /* FORMATTA LE BRICIOLE DI PANE */
.pathway a:link {   } /* COME SOPRA MA RELATIVE A LINK */
.pathway a:visited { } /* COME SOPRA MA RELATIVE A LINK VISITATI*/
.pathway a:hover { } /* COME SOPRA MA RELATIVE A MOUSE HOVER */

/* BOTTONI */
.buttonheading a:link { } /* STILE RELATIVO AI BOTTONI */
.buttonheading a:visited { } /* STILE RELATIVO AI BOTTONI VISITATI*/
.buttonheading a:hover { } /* STILE RELATIVO AI BOTTONI CON RIFERIMENTO AL MOUSE HOVER */

/* VARIE */
 
/* DATA,AUTORE*/
.createdate { } /* STILE PER DATA DI CREAZIONE,AUTORE */
.modifydate { } /* STILE PER LA VOCE "ULTIMO AGGIORNAMENTO" ALLA FINE DEGLI ARTICOLI*/
.small { } /* STILE PER IL TESTO "SCRITTO DA" */
.smalldark { }/*STILE DELLA VOCE NUMERO DI VOTI RELATIVO AI SONDAGGI*/
 
/* SONDAGGI */
.poll {} /* FORMATTA LA CELLA DELLA TABELLA SONDAGGI*/
.pollstableborder {} /* STILE BORSO TABELLA SONDAGGI*/
 
 
/* Weblinks */
.weblinks{} /* FORMATTA I LINK DEL COMPONENTE WEBLINKS*/
a.weblinks:hover { } /* COME SOPRA MA RELATIVO A MOUSE HOVER */
 
/* Newsfeeds */
.newsfeedheading {} /* STILE DEL TITOLO DELLE NEWSFEED */
.newsfeeddate {} /* DATA NEWSFEED */
.fase4rdf {} /* STILE CORPO TESTO DELLE NEWSFEED */
 
/* Search page */
table.searchintro {} /* FORMATTA LA TABELLA CHE CONTIENE I RISULTATI DELLA RICERCA*/
 
 
/* JOOMLA - MAMBO TABBED FRONTEND ADMIN INTERFACE */
/* The CSS below efines how the frontend admin interface when logged in */
 
.ontab { }/* STILE PER IL BOTTONE DI EDIT VISTO DALLA'ADMIN LATO FRONTEND RELATIVO A LINK ATTIVO O VISITATO */
.offtab { } /* COME SOPRA MA RELATIVO A LINK NON CLICCATO O NON ATTIVO */
.tabpadding { } /* FORMATTA LA DISTANZA DEI TAB DI CI SOPRA*/


Per il resto il migliore sistema è trovare un template a cui fare riferimento e utilizzare parte del suo contenuto.
Ci sono più cose in cielo e in terra, Orazio, di quante ne sogni la tua filosofia.

Offline gigig

  • Appassionato
  • ***
  • Post: 276
    • Mostra profilo
Re: Estrarre css
« Risposta #2 il: 15 Nov 2008, 03:00:08 »
quindi non esiste nessun modo di ricavarlo automaticamente nemmeno con dreamweaver...ok, vedrò di studiarmelo un po' dato che vorrei fare un template da una base non preimpostata.
Grazie della risposta

 



Web Design Bolzano Kreatif