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.
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
