[RISOLTO] slide su Header

[masmaz]

ciao

uso un template free, questo template ha una immagine appena sotto il menu  prende tutta la larghezza del sito.
Ora e statica ma vorrei renderla slideshow e fin qui tutto ok, il problema è che questa immagine viene richiamata da un semplice codice html sul file index.php e non ha un posizionamento  del tipo left, right, user2, footer, header etc etc....

Come faccio a mettere un modulo che mi crei l'immagine rotatoria, una lideshow in poche parole....   come faccio a creare una posizione???

il sito è www.cost.ge.it/joom

grazie
Massimo

[Cosmio]

prova a fare una ricerca nel forum, ci sono tante discussioni

[masmaz]

dunque nel frattempo  ho fatto cosi...

ho inserito una nuova stringa:

Codice: [Seleziona]

<?php if($this->countModules('header')) : ?><div id="header"><jdoc:include type="modules" name="header" /></div><?php endif; ?>   chiamandolo appunto header  mettendolo al posto di questa stringa che richiamava l'immagine statica:

Codice: [Seleziona]

<div id="main_bg" class="banner1">
tuttavia quando attivo il modulo sia il logo che la ricerca non si sovrappongono come con l'immagine ma scendono....

devo trovare il sistema di farli rimanere sovrapposti all'immagine come in origine....

[santograz]

Ciao,
hai pensato a sostituire l'immagine con uno slideshow flash o animated gif?

[masmaz]

veramente no... ma gif animata non mi piace lo stacco da una immagine all'altra troppo secco
Mentre in flash...  aime non so farla e non ho nessun programma per farlo  a parte dreamweaver firework e gimp

comunque ci sono quasi ma non riesco a far salire il resto della pagina...

il modulo crea una uno spazio doppio nella parte bassa.. mentr eil modulo lo posiziona bene...
Se tolgo il codice dell'immagine e il logo sconvolge tutto il sito...

[adottauncane]

Ciao masmaz,
Prova a sostituire questi codici. Poi per il logo, magari lo inserisci e vediamo. Fatti una copia del .css.
template.css (riga 82)

Codice: [Seleziona]

div#h_area {
margin-left:auto;
margin-right:auto;
text-align:left;
width:964px;
}

template.css (riga 153)

Codice: [Seleziona]

.search .inputbox {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:#FFFFFF;
background-image:none;
background-position:0 0;
background-repeat:repeat;
border-bottom-color:#D3D3D3;
border-bottom-style:solid;
border-bottom-width:1px;
border-left-color-ltr-source:physical;
border-left-color-rtl-source:physical;
border-left-color-value:#D3D3D3;
border-left-style-ltr-source:physical;
border-left-style-rtl-source:physical;
border-left-style-value:solid;
border-left-width-ltr-source:physical;
border-left-width-rtl-source:physical;
border-left-width-value:1px;
border-right-color-ltr-source:physical;
border-right-color-rtl-source:physical;
border-right-color-value:#D3D3D3;
border-right-style-ltr-source:physical;
border-right-style-rtl-source:physical;
border-right-style-value:solid;
border-right-width-ltr-source:physical;
border-right-width-rtl-source:physical;
border-right-width-value:1px;
border-top-color:#D3D3D3;
border-top-style:solid;
border-top-width:1px;
color:#454545;
float:left;
font-size:11px;
height:17px;
margin-bottom:0;
margin-left:20px;
margin-right:0;
margin-top:-400px;
width:156px;
}

template.css (riga 148)

Codice: [Seleziona]

.search {
position:relative;
text-align:left;
width:156px;
}

[masmaz]

grazie funziona... ho dovuto togliere altre cose ma funziona bene

mentre per il logo lo messo direttamente sull'immagine e disabilitato la funzione del template... ho eliminato anche user4 dall'index perche dava fastidio....

direi che ci siamo....  se il  corpo centrale  venisse su ancora di poco non serebbe male ma va bene anche cosi...

grazie molte...   

[adottauncane]

Prego.  Prova così:


template.css (riga 197)

Codice: [Seleziona]

#leftcolumn {
float:left;
margin-left:9px;
margin-top:-35px;
padding-bottom:0;
padding-left:0;
padding-right:0;
padding-top:0;
width:205px;
}
template.css (riga 203)

Codice: [Seleziona]

#rightcolumn {
float:right;
margin-right:9px;
margin-top:-35px;
padding-bottom:0;
padding-left:0;
padding-right:0;
padding-top:0;
width:205px;
}

template.css (riga 210)

Codice: [Seleziona]

#maincolumn {
float:left;
margin-bottom:0;
margin-left:5px;
margin-right:5px;
margin-top:-35px;
overflow-x:hidden;
overflow-y:hidden;
padding-bottom:0;
padding-left:0;
padding-right:0;
padding-top:0;
width:530px;
}

Il comando è margin-top. Adesso è impostato a -35px puoi cambiarlo come vuoi.

[adottauncane]

A scusa, il cerca salirà... abbassalo di 35.
Ciao

[masmaz]

si il cerca è salito lo portato da -400 a -370 ora e ben centrato... il margin top lo lascio cosi ... ora è perfetto  grazie ancora

ora pero mi vado a studiare bene quello che hai fatto... altrimenti non imparerò mai


grazie sei stato molto gentile... alla prossima


ciao
Massimo

[atanet]

Ciao, anche io sto cercando di fare una cosa del genere, sapresti dirmi come si chiama il modulo, o il link da dove prenderlo?

[adottauncane]

Ciao atanet,
cosa esattamente stai cercando di fare? Molto meglio, comunque, aprire un nuovo topic con la tua richiesta, che accodarsi ad uno vecchio...  Anzi, fai così, aprine uno nuovo e dì cosa vuoi fare.