Joomla.it Forum
Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : KoWa 03 Dec 2011, 14:34:51
-
Ciao a tutti,
so che questo argomento è stato scritto e riscritto mille volte nel forum ma ho un piccolo problema:
ho fatto le mie quattro immagini per gli angoli arrotondati, ho fatto il mio codice e funziona ma, in alcuni casi (credo quando ci sono dei link) le immagini e il box rounded non funziona come dovrebbe :(
Questo è quello che succede al mio box:
(http://img716.imageshack.us/img716/8602/rounded1.jpg) (http://imageshack.us/photo/my-images/716/rounded1.jpg/)
(http://img225.imageshack.us/img225/2084/rounded2x.jpg) (http://imageshack.us/photo/my-images/225/rounded2x.jpg/)
-
Ciao Kowa,
servirebbe un link al sito. Oppure copia il css del template rhuk_milkyway.
-
è quello che ho fatto per essere sicuro di non fare cavolate :)
te lo posto qui sotto:
div.module_rounded h3{
padding: 5px;
color: #fff;
}
div.module_rounded {
background: url(../images/box/box_br.png) 100% 100% no-repeat; margin-bottom: 5px;
}
div.module_rounded div {
background: url(../images/box/box_bl.png) 0 100% no-repeat;
}
div.module_rounded div div {
background: url(../images/box/box_tr.png) 100% 0 no-repeat;
}
div.module_rounded div div div {
background: url(../images/box/box_tl.png) 0 0 no-repeat;
}
-
Non hai un link? L'unica cosa che mi viene in mente è che tu abbia anche i link come h3 e non solo i titoli.
-
kowaproject@altrervista.org entra con utente:prova pw:prova123
-
Mmmm, non mi è chiarissimo il motivo ma, probabilmente nel file .php del template hai un <div style="text-align:center; margin:auto; margin: 1.4em 0px 2px 0px;">
a cui andrebbe aggiunto
background:none;
-
Con firebug se aggiungo il background:none il box si vede correttamente, il problema è che nell'index.php non ho aggiunto nessuno stile al div e non capisco da dove se lo prende (forse da cb_login?)
-
Se lo fa solo lì è possibile...
-
no lo fa anche in altri moduli....
-
scusate se continuo a "rompere" con 'sto problema ma nn riesco a risolvere...
Analizzando il mio sito con firebug noto che in ogni box dove mi da il problema c'è element.style, provando sempre da firebug a mettere background:none il problema mi si risolve ma nn capisco che classe devo mettere nel mio css per risolvere 'sto problema su tutta la pagina :)
-
ciao non trovi il div xche e un div dei moduli che usi e de nel php del modulo lo style.
prova in questo modo
metti nel css
element.style { background: none repeat scroll 0 0 transparent;
}
e vedi che succede
-
ok, lo provo stasera e ti faccio sapere.
Per ora ti ringrazio per la risposta :)
-
nulla, continua a farmi lo stesso errore anche se dichiaro nel css l'element.style :(
-
se non crei il modulo chrome giusto avrai sempre problemi, quello che tu chiami chrome in realtà e un suffisso che applichi a tutti i moduli e se il modulo a stile php non dichiarato in css il risultato è quello che vedi.
-
allora quando si copia non dimenticarti dei pezzi
prova ag aggiungere questo
div.module_rounded div div div div { background: none;}
x la seconda domanda fatta
- l'icona modifica che viene messa a sinistra della data (io la vorrei vedere a destra del titolo)
devi modificare
com_content/frontpage/default_item.php
questa riga
elimina lo style
<div class="contentpaneopen_edit<?php echo $this->escape($this->item->params->get( 'pageclass_sfx' )); ?>" style="float: left;">
in
<div class="contentpaneopen_edit<?php echo $this->escape($this->item->params->get( 'pageclass_sfx' )); ?>" style="">
poi aggiungi il css che vedi qui sotto
.contentpaneopen_edit { float: right; top: 21px; position: relative; margin-right: -7px;}- quando metto il puntatore sorpa l'icona modifica non mi esce nessun riquadro (io vorrei avere un fumetto tipo il teplate ryuk)
questo e per modificare il colore e sfondo
/* Tooltips */
.tool-tip {
float: left;
background: #ffc;
border: 1px solid #D4D5AA;
padding: 5px;
max-width: 200px;
}
.tool-title {
padding: 0;
margin: 0;
font-size: 100%;
font-weight: bold;
margin-top: -15px;
padding-top: 15px;
padding-bottom: 5px;
background: url(../../system/images/selector-arrow.png) no-repeat;
}
.tool-text {
font-size: 100%;
margin: 0;
}
}
-
come al solito siete riusciti a risolvere ogni mio problema, troverò prima o poi il modo per sdebitarmi :)