Back to top

Autore Topic: suffisso classe css modulo: questo sconosciuto...ahimè  (Letto 6874 volte)

Offline ybas

  • Esploratore
  • **
  • Post: 95
    • Mostra profilo
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

Codice: [Seleziona]
/* 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

Codice: [Seleziona]
<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]

Offline conti1

  • Global Moderator
  • Instancabile
  • *****
  • Post: 9075
  • Sesso: Maschio
    • Mostra profilo
Re:suffisso classe css modulo: questo sconosciuto...ahimè
« Risposta #1 il: 27 Ott 2009, 22:26:18 »
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
se possibile postare il link  x risolvere al meglio il problema grazie
evitare nomi commerciali grazie

Offline ybas

  • Esploratore
  • **
  • Post: 95
    • Mostra profilo
Re:suffisso classe css modulo: questo sconosciuto...ahimè
« Risposta #2 il: 27 Ott 2009, 22:39:36 »
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

Offline conti1

  • Global Moderator
  • Instancabile
  • *****
  • Post: 9075
  • Sesso: Maschio
    • Mostra profilo
Re:suffisso classe css modulo: questo sconosciuto...ahimè
« Risposta #3 il: 27 Ott 2009, 22:55:39 »
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
se possibile postare il link  x risolvere al meglio il problema grazie
evitare nomi commerciali grazie

Offline ybas

  • Esploratore
  • **
  • Post: 95
    • Mostra profilo
Re:suffisso classe css modulo: questo sconosciuto...ahimè
« Risposta #4 il: 27 Ott 2009, 23:12:48 »
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

Offline conti1

  • Global Moderator
  • Instancabile
  • *****
  • Post: 9075
  • Sesso: Maschio
    • Mostra profilo
Re:suffisso classe css modulo: questo sconosciuto...ahimè
« Risposta #5 il: 27 Ott 2009, 23:29:57 »
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.
se possibile postare il link  x risolvere al meglio il problema grazie
evitare nomi commerciali grazie

Offline conti1

  • Global Moderator
  • Instancabile
  • *****
  • Post: 9075
  • Sesso: Maschio
    • Mostra profilo
Re:suffisso classe css modulo: questo sconosciuto...ahimè
« Risposta #6 il: 27 Ott 2009, 23:50:36 »
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
Codice: [Seleziona]
<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

Codice: [Seleziona]
.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
Codice: [Seleziona]
<div class="moduletable_5">che poi ho creato il css
Codice: [Seleziona]
.moduletable_5 {
}

« Ultima modifica: 27 Ott 2009, 23:54:15 da conti1 »
se possibile postare il link  x risolvere al meglio il problema grazie
evitare nomi commerciali grazie

Offline ybas

  • Esploratore
  • **
  • Post: 95
    • Mostra profilo
Re:suffisso classe css modulo: questo sconosciuto...ahimè
« Risposta #7 il: 28 Ott 2009, 00:08:43 »
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ì
Codice: [Seleziona]
......
.........
<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...

Offline conti1

  • Global Moderator
  • Instancabile
  • *****
  • Post: 9075
  • Sesso: Maschio
    • Mostra profilo
Re:suffisso classe css modulo: questo sconosciuto...ahimè
« Risposta #8 il: 28 Ott 2009, 00:19:02 »
allora
Codice: [Seleziona]
<div id="header">
          <jdoc:include type="modules" name="top" style="afterburner" />   

dovrebbe esere formattato dal
Citazione
<div id="header">
e non dal
Citazione
.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.
se possibile postare il link  x risolvere al meglio il problema grazie
evitare nomi commerciali grazie

Offline ybas

  • Esploratore
  • **
  • Post: 95
    • Mostra profilo
Re:suffisso classe css modulo: questo sconosciuto...ahimè
« Risposta #9 il: 28 Ott 2009, 00:39:13 »
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

Codice: [Seleziona]
<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>


Offline ybas

  • Esploratore
  • **
  • Post: 95
    • Mostra profilo
Re:suffisso classe css modulo: questo sconosciuto...ahimè
« Risposta #10 il: 28 Ott 2009, 20:17:50 »
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

 



Web Design Bolzano Kreatif