Joomla.it Forum
Joomla! 1.0.x (versione con supporto terminato) => Le voci di Joomla.it (solo per versione Joomla 1.0.x) => I Template di Joomla 1.0.x => : Salvo1976 04 Dec 2008, 14:44:49
-
Salve, premetto che ho letto vari post ma non riesco a trovare la soluzione.
Quando inserisco un content come sfondo mi trovo una immagine che mi da un fastidio notevole nell'inserimento del testo, come potete vedere sotto.
(http://www.booking-hotel.biz/sfondo.jpg)
ci sono due file css il primo è editor_content.css
body{
margin:0;
padding:0;
text-align: left;
background: white;
background-image: none;
}
ed il sencondo template_css.css
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
background-image: url(../images/bg.png);
background-repeat: repeat-x;
background-position: center top;
background-color: #5B6976;
margin: 0;
padding: 0;
line-height: 21px;
}
body.contentpane {
background: #fff;
}
#main{
margin:0 auto;
width:792px;
}
#top{
background-image: url(../images/top.png);
background-repeat: no-repeat;
height: 47px;
}
#top-inside{
color: #000000;
font-size: 13px;
text-transform: uppercase;
padding-top: 20px;
padding-left: 15px;
padding-right: 15px;
}
#logo{
background-image: url(../images/logo.png);
background-repeat: no-repeat;
height: 327px;
}
#logo-inside{
padding-top: 40px;
padding-left: 400px;
padding-right: 20px;
font-size: 20px;
line-height: 30px;
color: #999999;
text-align: right;
}
#logo-inside p:first-letter{
color:#000000;
font-size:30px;
}
#content-top{
background-image: url(../images/content-top.png);
background-repeat: no-repeat;
height:30px;
}
#content{
background-image: url(../images/text.png);
background-repeat: repeat-y;
}
#content-inside{
background-image: url(../images/content-fixed.png);
background-repeat: no-repeat;
background-position: top center;
padding-right: 20px;
padding-left: 20px;
min-height: 327px;
height: auto !important;
height: 327px;
}
#text{
}
#left{
width:75%;
float:left;
border-right-color: #CCCCCC;
border-right-style: solid;
border-right-width: 1px;
padding-right:2%;
}
#right{
width:20%;
float:right;
}
#text-closer{
clear:both;
}
#footer{
background-image: url(../images/footer.png);
background-repeat: no-repeat;
height:30px;
}
#end{
color:#BFC5CC;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
text-align: center;
}
/* CSS COMPLETI PER I TEMPLATE DI MAMBO 4.5.X E JOOMLA 1.0.X */
/* By Dinh Viet Hung (C) http://www.joomlart.com */
/* Tradotto da Alessandro Pedroni http://www.mambojam.it Italian TTI della Mambo Foundation*/
/* IMPOSTAZIONI BASE */
/* Qui sotto ci sono le impostazioni di base, vanno impostate perché intervengano in tutti quei casi in cui nel sito non siano stati impostati stili più precisi. I comandi per lo stile vanno inseriti tra le parentesi graffe*/
body {}/*lo stile per il tag body del vostro sito, controlla le famiglie di font da usare lo sfondo delle pagine eccetera.*/
p {} /*Regola qualsiasi elemento <div> (divisione). Questo è uno stile acchiappatutto, che interviene solo quando nessun altro stile è stato definito.*/
td {} /*Impostazione per tutti gli elementi <td> . interviene se non ci sono altri stili definiti.*/
tr {} /*Comanda gli elementi <tr> . Interviene se non ci sono altre impostazioni.*/
ul {} /* Impostazione per tutti gli elementi UL (unordered list - liste non ordinate). Interviene se non ci sono altre impostazioni.*/
a:link {color:#000000;} /* stili generale per i link*/
a:visited {color:#000000;}
a:hover {color:#000000;text-decoration:none;}
hr {} /* linee orizzontali*/
hr.separator {}
/* IMPOSTAZIONI PER I FORM */
.button {}
.inputbox {}
.search {} /*imposta il <div> che contiene gli elementi di ricerca: inputbox, search button...*/
/* REGOLAZIONI NAVIGAZIONE/MENU */
a.mainlevel{
color:000;
text-transform:uppercase;
text-decoration:none;
width:100%;
display:block;
border-bottom: solid 1px #ccc;
font-size:10px;
} /*gestione degli elementi del MAIN menu */
a.mainlevel:link {
color:#000;
}
a.mainlevel:visited {color:#000;}
a.mainlevel:hover {color:#999;}
#active_menu {} /*regola lo stile dell'elemento di menu quando esso è attivo, anche nella posizione di main/sub */
a.mainlevel#active_menu {
color:#000;
font-weight: bold;
}
ul#mainlevel-nav {}
ul#mainlevel-nav li{}
#mainlevel-nav a:link {}
#mainlevel-nav a:visited{}
#mainlevel-nav a:hover {}
a.sublevel{} /* queste regole sono per gli elementi di menu che HANNO UN GENITORE */
a.sublevel:link {}
a.sublevel:visited {}
a.sublevel:hover {}
.pagenavbar {} /*Regola lo stile della barra di navigazione ai piedi della pagina ("<< Inizio < Precedente Prossima > Fine >>") quando non compaiono come hyperlinks (quando esistono soltanto pochi articoli).*/
.pagenavbar:link {} /*Stile per la barra di navigazione ai piedi della pagina ("<< Inizio < Precedente Prossima > Fine >>") quando compaiono come hyperlinks*/
.pagenavbar:visited {}
.pagenav {} /* come implica il nome, questo stile è per il sistema di navigazione a link "<< Inizio < Precedente 1 Prossima > Fine >>" */
a.pagenav:visited {}
a.pagenav:hover {}
a.readon:link {} /*Controllo per lo stile della frase "Leggi Tutto" che viene mostrata per gli articoli che hanno contenuti di grandi dimensioni*/
a.readon:hover {}
a.readon:visited {}
.back_button {} /*Stile per il pulsante "INDIETRO"*/
.pagenav_prev {} /*Stile per il pulsante "PRECEDENTE"*/
.pagenav_next {} /*Stile per il pulsante "SUCCESSIVO"*/
.latestnews ul {} /*Impostazione per la lista "Ultime notizie" - di default, "ultime notizie" è un modulo che viene mostrato nella posizione user1*/
.latestnews li {}
.mostread ul{} /*Impostazione per la lista "notizie più lette"- come preimpostazione questo modulo è in user2*/
.mostread li{}
/* IMPOSTAZIONI PER LE PAGINE DI CONTENUTO */
a.category:link {}
a.category:hover {}
a.category:visited {}
.blogsection {} /* regola lo stile dei link nella sezione Blog*/
.blog_more {} /*stile per il testo "Altri" della sezione blog*/
a.blogsection:link {} /* stile per i link della sezione blog*/
a.blogsection:visited {} /* come sopra, ma per regolare i link visitati */
a.blogsection:hover {} /* come sopra, ma per regolare l'apparenza dei link quando la freccia del mouse ci passa sopra */
.componentheading {
background-image: url(../images/title1.png);
background-repeat: no-repeat;
background-position: left center;
line-height:33px;
padding-left:35px;
font-size:15px;
font-weight:bold;
color:#000;
}/* Il titolo del componente, quando è usato per mostrare il contenuto.*/
.contentheading {
background-image: url(../images/title2.png);
background-repeat: no-repeat;
background-position: left center;
line-height:33px;
padding-left:35px;
font-size:15px;
font-weight:bold;
color:#000;
} /* Il titolo dell'articolo o del contenuto quando viene mostrato.*/
.contentpane {} /* Stili per la tabella che contiene qualsiasi informazione non faccia parte degli articoli (componenti, liste di categoria, form di contatto eccetera).*/
.contentpaneopen {} /* impostazioni per la tabella che contiene il testo di un articolo.*/
.contentpagetitle {
background-image: url(../images/title3.png);
background-repeat: no-repeat;
background-position: left center;
line-height:33px;
padding-left:35px;
font-size:15px;
font-weight:bold;
color:#000;
} /*Titolo degli articoli*/
a.contentpagetitle:hover {} /*Titolo degli articoli quando appaiono come link*/
a.contentpagetitle:link {}
a.contentpagetitle:visited {}
.contentdescription {} /* Impostazioni per la "DESCRIZIONE" di sezioni e categorie (Novità/Weblink/Ultime notizie ...) */
table.contenttoc {} /* Imposta la tabella " Tavola dei contenuti" per gli articoli che si sviluppano su più pagine */
table.contenttoc td {} /* come sopra, usato per formattare il tag <td> e celle abili (traduzione dubbia, mantengo la spiegazione in inglese - same as above, used to format the td and able cells */
table.contenttoc th {} /* come sopra, usato per impostare il <th> della "tavola dei contenuti" (normalmente Indice degli Articoli)*/
table.contenttoc td.toclink {} /* Come sopra, usati per impostare i testi "toc links"*/
a.toclink:link {} /* come sopra, usato per formattare gli stati dei "toc links"*/
a.toclink:visited {}
a.toclink:hover {}
/* LISTE DI SEZIONE MAMBO - JOOMLA */
.sectiontableheader {
font-weight: bold;
} /*Serve ad impostare i titoli delle tabelle su una pagina di SEZIONI. Ad esempio: il titolo di tabella "Data", "Titolo Item", "Autore" e"Scelte" */
.sectiontableentry1 {
background-color: #efefef;
}
.sectiontableentry2 {}
/* IMPOSTAZIONE DEI MODULI DI MAMBO - JOOMLA */
table.moduletable {} /* Regola la tabella del modulo */
table.moduletable th {} /* Gestisce lo stile della intestazione del modulo e i titoli del modulo */
table.moduletable td {} /* Impostazione delle celle della tabella modulo */
/* VARIE*/
/* Date , Autori*/
.createdate {
font-size:10px;
padding-left:10px;
color:#999999;
} /* Per lo stile della data di creazione degli articoli e dei contenuti */
.modifydate {font-size:10px;
padding-left:10px;
color:#999999;} /* Gestisce li testo "Ultimo aggiornamento" che si trova alla fine degli articoli e dei contenuti */
.small {font-size:10px;
padding-left:10px;
color:#999999;} /* Imposta il testo "Scritto da: ..." */
.smalldark {font-size:10px;
padding-left:10px;
color:#999999;}/*Testo che si trova nella pagina dei risultati dei sondaggi, per il testo " Numero di Voti"*/
/* Sondaggi*/
.poll {} /* regola il tag <td> della tabella dei sondaggi */
.pollstableborder {} /* gestisce le proprietà del bordo della tabella di voto dei sondaggi */
/* Weblink */
.weblinks{} /* Serve a regolare l'aspetto dei titoli dei link nella sezione Weblink sul frontend */
a.weblinks:hover {} /* come sopra, ma per i link nelmomento in cui passa il mouse su di esso */
/* Distribuzione News - Newsfeeds */
.newsfeedheading {} /* Il titolo delle Newsfeed. NOTA BENE: Questo stile non influenza i titoli delle newsfeed! */
.newsfeeddate {} /* la data sul newsfeed */
.fase4rdf {} /* il corpo del testo delle newsfeed */
/* Search page */
table.searchintro {} /* Impostazione del box con "Chiavi di ricerca: rese X corrispondenze" che appare in seguito alle richieste delle Ricerche Avanzate.
Esso appare nel corpo del testo con i risultati della ricerca */
/* INTERFACCIA DI AMMINISTRAZIONE DEL FRONTEND DI MAMBO- JOOMLA */
/* I CSS che seguono definiscono l'apparenza del frontend di amministrazione quando ci si è autenticati come User registrato */
.ontab {}/* Per dare lo stile ai bottoni "Tab" quando si gestisce il frontend come amministratore. .ontab è lo stile per il tab quando esso è attivo o dopo che esso è stato "attivato" */
.offtab {} /* Lo stesso che più sopra, usato per controllare i pulsanti "Tab" quando si modificano i contenuti attraverso il frontend. Questo stile ha influenza sul tab NON è attivo o quando esso NON è stato selezionato */
.tabpadding {} /* questo style è usato per regolare la dimensione del tab di cui si parlava qui sopra */
.tabheading {} /* Non sono troppo sicuro della utilità di questo stile, non si è riusciti a trovare nulla che avesse relazine con esso, almeno fino ad ora */
.pagetext {} /* con questo stile si gestisce il contenuto del form di modifica dei contenuti (quando è attivato HTMLArea) nella interfaccia di amministrazione nel frontend */
ul#mainlevel-nav
{
list-style: none;
padding: 0;
margin: 0;
}
ul#mainlevel-nav li
{
background-image: none;
padding-left: 0px;
padding-right: 0px;
float: left;
margin: 0;
white-space: nowrap;
border-right: 1px solid #cccccc;
}
ul#mainlevel-nav li a
{
display: block;
padding-left: 15px;
padding-right: 15px;
text-decoration: none;
color: #000;
background: transparent;
}
#buttons>ul#mainlevel-nav li a { width: auto; }
ul#mainlevel-nav li a:hover
{
color: #999;
}
L'immagine dovrebbe essere bg.jpg non ne sono sicuro, ma se la levo da template_css.css mi leva solo lo sfondo del sito e rimane nell'inserimento del testo negli articoli.
Mi potete aiutare?
Grazie
-
Ciao risolto potete chiudere il post.
posto la soluzione
le righe che gestivano il tutto erano
background-image: url(../images/bg.png);
background-repeat: repeat-x;
background-position: center top;
background-color: #5B6976;
infatti vedevo l'immagine perchè era messo come sfondo generico per tutto il sito.