Joomla.it Forum

Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : simone79vi 21 Sep 2011, 22:42:59

: [Risolto]Abbassare il div top
: simone79vi 21 Sep 2011, 22:42:59

Ciao nel sito http://www.artinvestore.com (http://www.artinvestore.com) vorrei abbassare la linea rossa dove sono presenti i vari menu.
Ne ho provate tante, ma non capisco dove devo intervenire nel css.
Qualcuno mi aiuta?

grazie
ciao

: Re:Abbassare il div top
: giovi 21 Sep 2011, 23:15:31

ciao, cosa intendi per "abbassare"?
Per eliminare il "margine" superiore o modifichi la proprietà padding di #navigation ul (tedefault.css riga 146) da "padding: 15px 0 0 0;" a "padding: 5px 0 0;" o alla fine dello stesso file scrivi:

:

#navigation ul {
padding: 5px 0 0 0;
}
per eliminare totalmente il marigne, scrivi in entrambi i casi al posto di padding ecc... ecc... solo:

:

padding:0;

: Re:Abbassare il div top
: simone79vi 21 Sep 2011, 23:25:03

Ciao,
forse non mi sono spiegato bene. Vorrei che la fascia rossa con i menu all'interno fosse abbassata di un cm grosso modo..
spostando in giù tutto il resto ma lasciando invariato ciò che è sopra..

: Re:Abbassare il div top
: il gatto ha nuove code 22 Sep 2011, 00:51:10

Ciao, già provato così?

tdefault.css:

#top {    background: url("../images/topmenu_bg.png") no-repeat scroll center top transparent;    float: left;    height: 70px;    margin-bottom: 0;    margin-left: 0;    margin-right: 0;    margin-top: altezza che vuoi !important;    padding: 0;    width: 100%;}

Poi ovviamente devi adattare l'header

: Re:Abbassare il div top
: adottauncane 22 Sep 2011, 00:57:58

Ciao simone79,
mmm un po' strani questi css... Prova così:

devi spostare giù il menù
    margin-top: 20px;

:

div#navigation {
    margin-top: 20px;
    position: relative;
    z-index: 50;
}tdefaut.css (riga 185)

poi solo l'immagine nel top
    background: url("../images/topmenu_bg.png") no-repeat scroll center 25px transparent;

:

#top {
    background: url("../images/topmenu_bg.png") no-repeat scroll center 25px transparent;
    float: left;
    height: 70px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 91px !important;
    padding: 0;
    width: 100%;
}tdefaut.css (riga 113)

e poi abbassare la slide, probabilmente nel file css del modulo
    margin-top: 20px !important;

:

#lveis-wrapper_3 #lveis img, #lveis-wrapper_3 #lveis a {
    border: 0 none !important;
    margin-top: 20px !important;
    outline: 0 none !important;
    padding: 0 !important;
}
rimangono più alti i due loghi FB e Twitter, lì vedi dove li hai messi...

: Re:Abbassare il div top
: simone79vi 22 Sep 2011, 13:55:03

Geazie mille delle informazioni.
Ho inserito le modifiche..
Non riesco però a trovare dove sono definiti #lveis-wrapper_3 #lveis img, #lveis-wrapper_3 #lveis a { per poterli poi modificare..
Lo stesso vale per i loghi di facebook e twitter, non capisco dove sono definiti..
Ciao

   

: Re:Abbassare il div top
: adottauncane 22 Sep 2011, 14:24:00

La slide è integrata? Forse devi guardare nell'indx.php (anche per le icone).

: Re:Abbassare il div top
: simone79vi 22 Sep 2011, 15:31:28

nell'index.php trovo questo: <!--CARROUSEL GALLERY-->
 <div id="header">
 <jdoc:include type="modules" name="user1" />
 </div>
 <!--FIN CARROUSEL GALLERY--> infatti il modulo che uso per lo slideshow "LV ENHANCED Image Slider" si trova in user1mentre per quanto riguarda i due loghi trovo: <!--lien sociaux-->
 <div id="facebook">
 <img src="templates/<?php echo $this->template ?>/images/logo-facebook.png" width="33" height="32"  alt="facebook" /> (http://www.facebook.com)
 </div>
 <div id="twitter">
 <img src="templates/<?php echo $this->template ?>/images/logo-twitter.png" width="33" height="32" alt="twitter" /> (http://twitter.com)
 </div>
 <!--fin lien sociaux--> Come posso abbassarli?[/size]

: Re:Abbassare il div top
: adottauncane 22 Sep 2011, 15:49:52

Dunque e possibile che il css si trovi nella cartella del modulo...
Prova comunque così:

:

#lveis-wrapper_3 ul#lveis {
    margin-top: 30px !important;
}

copia e incolla al fondo del file css del template.

Lo stesso per i due robini:

:

#facebook, #twitter {
    margin-top: 27px !important;
}

: Re:Abbassare il div top
: simone79vi 22 Sep 2011, 16:05:20

Grazie mille..
Direi che ci siamo ora..