Footer come questo sito

[Ricsca]

Quacluno mi saprebbe mica dire come poter fare per avere un footer come questo sito?

http://www.shopmoda.it/shop/

Grazie 1000

[matte89thebest]

http://xhtml.html.it/guide/leggi/51/guida-html/

Installi un modulo per blocco foother personalizzato tipo questo:

http://www.pineappleitaly.com/shop/

e poi lo srivi in html!

Fai una cosa del tipo

>
</pre>
<table width="900" border="0">  .. TITOLOvoce1voce2voce3TITOLOvoce1voce2voce3TITOLOvoce1voce2voce3TITOLOvoce1voce2voce3....</table>

dovrebbe essere più o meno giusto

[Ricsca]

Grazie 1000, appena ho 2 secondi provo e poi ti faccio sapre.

L'url del modulo footer personalizzato non va...

[matte89thebest]

Perchè non è l'url al modulo ma all'esempio sul mio sito

Il modulo si chiama

Footer Data block

e permette di inserire semplice codice html!

PS > il codice html non è corretto così come scritto naturalmente!

C'è solo la struttura ma guardando su gogle

html table
e
html

• e
• 
  e
  html img
  e
  html
  
  dovresti trovare tutto per farlo corretto
  
  è molto semplice!

[ciroco05]

Ciao,

puoi partire da questo modulo

importante è l'uso del css del modulo (necessario per la formattazione); chi ha fatto il modulo però ha inserito tutto il css anziche solo le classi da modificare .. pertanto per non sovrascrire il tuo (magari di un'altra versione) devi trovare le classi inerenti il footer è sovrascrivere solo quelle.

Ciroco05

[matte89thebest]

Il modulo che usa il sito che hai lnkato comunque è il \modules\blockvariouslinks
Blocco link per Footer v0.1
Visualizza vari links (di solito nel piè di pagina)
Presente in PS di default

blockvariouslinks.tpl

Siamo Presenti su::

          > 
 

 
 




Informazioni
 Chi Siamo
 Contattaci
 Mappa del Sito
 Apri un account
 

New
 Offerte
 Nuovi Prodotti
 I più venduti
 Tracciamento Ordini
 

Info
 ShopModa.it
 A&A Communications
 P.IVA 01607990668
 [email protected]
 

Seguici su:

     > 

 
Twitter 
Facebook 

[matte89thebest]

E questo il css inerente al foother del sito che hai linkato:

/* Footer */
#footerbas {
height: 16px;
background-color: #fff;
background-image:url(../img/footerbas.png);
background-repeat:no-repeat;
background-position:right center;
}

#footer a {
color: #a6a6a6;
}

#footer {
 color: #a6a6a6;
   margin: 0 auto 2px auto;
   width: 980px;
   padding: 0 0 20px 0;
   clear: both;
   text-align: left;
}

#footerheight {
height: 6px;
overflow: hidden;
background-color:silver;
width: 1022px;
margin: 0 auto 0px auto;
}

#footer .block_various_links { list-style: none; }
#footer .block_various_links li a{ text-decoration:none; }
#footer .block_various_links li {
   display: inline;
   border-left: 1px solid #bfbfbf;
   padding: 0px 2px 0px 4px;
}
#footer .block_various_links li.first_item {
   border: none;
   padding-left: 0px;
}

#footer ul{ 
float:left; 
margin:0 0 2em 0;
}
#footer span {
color:#5C9ADF; 
font-weight:bold; 
text-transform:uppercase; 
font-size:11px;
}
#footer li{
list-style-type:none; 
width:auto;
}
#footer a {
text-decoration:none; 
color:#000; 
font-size:11px;
}
#footer a:hover{
color:#5C9ADF; 
text-decoration:underline;
}
#footer #variouslink{
background:url(../img/fond-footer.png) no-repeat top;
width:980px; 
height:200px;
float:right;
text-align:left;
}
#footer #variouslink ul {
margin:0 0 0 3em; 
-margin:0 0 0 2.5em; 
padding:0;
}
#footer #variouslink h5 {
background:transparent; 
margin:0.6em 0 4em 0em; 
padding:0.2em 0 0 4.5em; 
color:black; 
font-size:12px;
}
#footer #variouslink li {
width:auto; 
color:#000; 
font-size:11px;
}
#footernewsletter {
float:left; 
width:250px; 
font:10px Verdana;
}
#footernewsletter select {
margin-left:0;
}
#footernewsletter table {
float:left;
}
#footernewsletter td {
padding:0; 
margin:0; 
height:36px;
}
#footernewsletter h4 {
margin-left:0px; 
color:#5C9ADF; 
font-weight:bold; 
text-transform:uppercase; 
font-size:11px;
}
#footernewsletter p {
color:gray; 
font-weight:normal; 
font-size:1em; 
padding-top:0.8em;
}

#Mynewsletter{
background:#fff; 
padding-left:1em;
padding-right:1em;
padding-bottom:1em;
*padding-bottom:0.5em;
width:100%;
}

#footernewsletter .input_buttonnewsletter{
border:none; 
margin-left:0; 
overflow:hidden; 
padding:0; 
color:#000; 
padding:0.2em 0 0 0.5em; 
width:160px; 
height:20px;
background:transparent url(../img/input_buttonnewsletter.png) no-repeat;
}
#footernewsletter .buttonnewsletter{
border:medium none;
background:transparent url(../img/buttonnewsletter.png) no-repeat;
color:#fff;
cursor:pointer;
font-weight:bold;
height:22px;
margin-bottom:0px;
text-transform:uppercase;
width:80px;
}
#footernewsletter .buttonnewsletter:hover{
border:medium none;
background:transparent url(../img/buttonnewsletter_hover.png) no-repeat;
color:#000;
}
.copyright {
border-top:0 solid #78B720;
clear:both;
color:#000000;
font-size:0.9em;
height:10px;
margin:110px 25px;
*margin:110px -970px;
-margin:-40px -880px;
padding:1.5em 0 2em;
position:absolute;
text-align:left;
width:920px;
}
.copyright span {color:#999; 
font-weight:normal;
}
.paiement {
float:left;
margin-left:-520px;
-margin-left:-540px;
margin-top:70px;
position:absolute;
}
.partenaire {
position:absolute;
*position:relative;
height:15px;
margin-left:880px;
margin-top:125px;
*margin-top:-25px;
-top:-20px;
}

#fixedmenubas {
position: fixed;
bottom: -10px;
right: 25px;
*right: 30px;
width: 16px;
background: transparent;
}

#fixedmenubas a, #fixedmenubas a:hover {
text-decoration: none;
display: block;
width: 50px;
height: 50px;
overflow: hidden;
font-size: 40px;
line-height: 1;
margin: 0 auto;
}

#fixedmenubas ul, #fixedmenubas li {
list-style-type:none;
margin: 0px 0!important;
padding: 0;
}

#fixedmenubas {
-display: none;
}