Joomla.it Forum
Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : ybas 27 Oct 2009, 22:12:45
-
E' la unmilione alla n volte che viene chiesto... lo so perchè credo di aver letto tutti i post in merito o quasi... letto la guida e fatto tante prove...
Ne ho di cose da imparare ancora caspita...
allora, template open afterburner, inserisco modulo rockslideshow in posiz top e voglio togliere il padding al modulo; scopro a cosa serve "suffisso classe css modulo" tra i parametri modulo, perfetto, scrivo -nopadding e salvo (ma ho provato con _nopadding, con spazio nopadding...)
apro il css e aggiungo le dichiarazioni, salvo e upload; uno stralcio è questo
/* Modules */
.module {padding:1px;}
.module-title {font-size:110%;font-weight:bold;margin:0;padding:7px 15px 5px;}
.module-body {padding:10px 15px 25px;}
.module-body-nopadding {padding:0px 0px 0px;}
#header .module {float:right;margin-left:325px;}
il codice html si presenta così nella parte interessata
<body>
<div class="background"></div>
<div id="main">
<div id="wrapper" class="foreground">
<div id="header">
<div class="module m-nopadding">
<div class="module-body">
<div id="slidewrap">
<div id="slideshow"></div>
<div id="loadingDiv"></div>
</div>
</div>
</div>
<a href="/"><span id="logo"></span></a>
</div>
lo screenshot di quello che vedo da firebug è sotto.
nun ciò capito na mazza vero?
se vi è possibile quanto meno darmi i riferimenti dove cercare, un suggerimento, na pacca sulle spalle :) ...
grazie
[allegato vecchio più di un anno eliminato automaticamente]
-
ciao
non ho capito una mazza di quello che hai detto vabbe proviamo .
vuoi creare un suffisso ho togliere un padding?
magari se posti il link del sito facciamo prima
-
il css applica ai moduli lo stile .module-body inserendo dei padding, io voglio che solo per il modulo rockslideshow non ci sia padding, quindi ho aggiunto nei settaggi di tale modulo la classe -nopadding e la relativa voce al css ovvero .module-body-nopadding
ma non funziona
grazie
-
proviamo a riformulare la domanda :
xche crei un classe x il togliere il padding?
mi sa che tai facendo un po di confusione .
il modulo che stai usando a gia un suo css giusto da quello che ha togli il padding da li, non a senso fare un suffisso x diversificare un comando gia inserito nel css .
magari mi sbaglio .
posta il link del sito
-
allora, intanto grazie per le risposte
il sito ce l'ho in locale ancora
la classe del css .module-body è quella che si applica a tutti i moduli, se togliessi il padding da lì scombinerei tutto il template, io voglio toglierlo ad un modulo in particolare
nelle prorpietà dei moduli lato backend ci sta la voce "Suffisso classe CSS modulo" che permette di avere un suffisso diverso solo per quel modulo, tale nuovo suffisso va dichiarato nel css, in tal modo si ha una classe css diversa per il modulo in questione e la formattazione solo per quel modulo sarà diversa.
sto tentando di far funzionare questa cosa ma non mi riesce. se mi sbaglio corregetemi
-
so benissimo cose un suffisso
comunque qui
http://www.webconti.altervista.org/
ho messo il modulo che usi
fammi l'esempio del padding c qui sul mio che padding togli ho diversificare.
-
fai una cosa altrimenti ti perdi a creare il suffisso
vai nel mulo dove devi inserire il suffisso
scrivi il nome che vuoi dargli
esempio _miocss
usa firebug e cerca che lo trovi potresti trovalo scritto in questa maniera
<div class="module_miocss">
una volta trovato dove si appogia xche dico si appogia xche hai gia tutto nel css non che devi creare la classe ma devi solo diversificare il css
scrivi il nuovo css
in questa maniera
.module_miocss{}e aggiungi tutto quello che ti serve tra le graffe .
ps ti aggiungo un suffisso appena creato nel mio
cosi capisci
il mio che ho aggiunto e _5
e lo trovo scritto
<div class="moduletable_5">che poi ho creato il css
.moduletable_5 {
}
-
so benissimo cose un suffisso
ci mancherebbe conti, quì quello incasinato sono io ;D
e aiutandomi a riflettere mi hai già dato la possibilità di capire che ho buttato via tre ore perchè la strada è quella sbagliata, che stupido che sono >:(
hai ragione, nel modulo non devo variare un fico secco, perchè il padding che dico io viene da altra parte e me ne sono accorto adesso guardando il tuo sito... CREDO che sia nel index.php del mio template che devo cercare la soluzione e quindi se voglio mettere il modulo in posizione top devo fare in modo che il padding non venga aggiunto solo in quella posizione...
il mio index.php per la parte che dico io è così
......
.........
<body>
<div class="background"></div>
<div id="main">
<div id="wrapper" class="foreground">
<div id="header">
<jdoc:include type="modules" name="top" style="afterburner" />
<a href="<?php echo $this->baseurl ?>"><span id="logo"></span></a>
</div>
<div id="nav">
<jdoc:include type="modules" name="nav" style="none" />
</div>
........
.........
sbaglio se dico che <jdoc:include type="modules" name="top" style="afterburner" /> è formattato da
.module-body {padding:10px 15px 25px;} del mio css?
mi sa che la stanchezza mi fa vaneggiare
grazie, scusami ti ho fato perdere del tempo mentre potevamo già risolvere...
-
allora
<div id="header">
<jdoc:include type="modules" name="top" style="afterburner" />
dovrebbe esere formattato dal <div id="header">
e non dal
.module-body
potrei anche sbagliarmi non vedendo il template
chiedo una cosa v isto il tuo php che hai postato
la slideshow in che posizione l'hai pubblicata ?
non e che stai cercando di creare una posizione x inserire il modulo?
se ho detto una cazz... reclama pure.
-
ho pubblicato in top, ora succede che sempre in top voglio mettere anche gtranslate che mi viene sotto la slideshow, ma li voglio senza spazio in mezzo e ai lati (il padding) e mi sono fissato sulla storia dei suffissi ai moduli...
va beh, ora la situazione vista da firebug è questa sotto... mi sa che ci devo studiare ancora un po su ma credo che dopo una dormita verrà tutto più semplice... magari metto il sito online domattina e se sarai ancora così cortese (grazie) ti chiederò ancora aiuto se è possibile
<html lang="it-it" xmlns="http://www.w3.org/1999/xhtml" xml:lang="it-it">
<head>
</head>
<body>
<div class="background"/>
<div id="main">
<div id="wrapper" class="foreground">
<div id="header">
<div class="module">
<div class="module-body">
<div id="slidewrap">
<div id="slideshow" style="display: block; position: relative; width: 600px;">
<div style="overflow: hidden; display: block; position: relative; width: 600px; height: 100px;">
</div>
</div>
<div id="loadingDiv"/>
</div>
</div>
</div>
<div class="module">
<div class="module-body">
<script type="text/javascript">
</script>
<script type="text/javascript">
</script>
<a class="flag" style="padding: 1px 0pt; font-size: 16px; background-repeat: no-repeat; background-position: 0px 0px;" title="English" href="javascript:doTranslate('it|en')">
</a>
<a class="flag" style="padding: 1px 0pt; font-size: 16px; background-repeat: no-repeat; background-position: -200px -100px;" title="French" href="javascript:doTranslate('it|fr')">
</a>
<a class="flag" style="padding: 1px 0pt; font-size: 16px; background-repeat: no-repeat; background-position: -300px -100px;" title="German" href="javascript:doTranslate('it|de')">
</a>
<a class="flag" style="padding: 1px 0pt; font-size: 16px; background-repeat: no-repeat; background-position: -600px -100px;" title="Italian" href="javascript:doTranslate('it|it')">
</a>
<a class="flag" style="padding: 1px 0pt; font-size: 16px; background-repeat: no-repeat; background-position: -600px -200px;" title="Spanish" href="javascript:doTranslate('it|es')">
</a>
</div>
</div>
<a href="/">
</a>
</div>
<div id="nav">
</div>
<div id="message"> </div>
<div id="main-content" class="s-c-x">
</div>
<div id="mainmods3" class="spacer w33">
</div>
<div id="footer">
</div>
<div class="module">
</div>
</div>
</div>
<div class="tool-tip" style="position: absolute; top: 0pt; left: 0pt; visibility: hidden;">
</div>
<div id="rokbox-overlay" class="rokbox-overlay" style="visibility: hidden; opacity: 0; display: none; position: absolute; top: 0px; left: 0px; cursor: pointer; background-color: rgb(0, 0, 0); z-index: 65550; width: 1133px; height: 1890px;"/>
<div id="rokbox-wrapper" class="rokbox-light" style="position: absolute; z-index: 65555; visibility: hidden; opacity: 0; display: none; top: 119px; left: 566.5px;">
</div>
<div id="hiddenDIV" style="overflow: hidden; visibility: hidden; height: 0px; width: 0px; opacity: 0;">
</div>
</body>
</html>
-
un ringraziamento a conti1 per la disponibilità, persona davvero cordiale!
farò del lavoro per tentare le modifiche al template, quando avrò (se) un risultato lo posterò quì per condividere.
cmq l'accoppiata firebug-conti1 è na roba forte :D