Vai al contenuto
Haku

Modifica al Footer del forum

Recommended Posts

Haku

In un sito esterno, ho visto che hanno aggiunto una 'tabella' al footer molto interessante che mi piacerebbe adottare.

Questo è il codice che sono riuscito a prelevare dal sorgente della pagina:

<footer id="siteinfo" role="contentinfo">

<div id="siteinfo-forumcore">

<h3>Forum Name</h3>

<ul>

<li><a href="#">Announcements</a></li>

<li><a href="#">Ideas and Suggestions</a></li>

</ul>

</div>

<div id="siteinfo-community">

<h3>Software</h3>

<ul>

<li><a href="#">IP.Board</a></li>

<li><a href="#">xenForo</a></li>

<li><a href="#">vBulletin</a></li>

<li><a href="#">MyBB</a></li>

</ul>

</div>

<div id="siteinfo-webmasters">

<h3>Webmasters</h3>

<ul>

<li><a href="#">Search Engine Optimization</a></li>

<li><a href="#">Website Construction</a></li>

<li><a href="#">Graphics and Webdesign</a></li>

</ul>

</div>

<div id="siteinfo-social">

<h3>Social Media</h3>

<ul>

<li><a href="#">Twitter</a></li>

<li><a href="#">FaceBook</a></li>

<li><a href="#">RSS Feed</a></li>

</ul>

</div>

<div id="siteinfo-content">

<h3>Site Info</h3>

<p class="copyright">

Descrizione Sito

</p>

</div>

</footer>

Quasi sicuramente mancherà il suo css.

Ma il risultato è questo:

post-1370-0-09296300-1354889036_thumb.pn

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti
Haku

Bravissimo, una cosa del genere =)

Se riuscissi a rispecchiare però la forma dell'immagine allegata da me, sarebbe il top =)

Forse posso fare delle prove controllando il css...mmm...provo...

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti
Askancy

Che brutto forum frequenti...


#siteinfo{padding:10px;color:#777;line-height:20px;overflow:hidden;font-size:10px;border-top:1px solid #D8D8D8}#siteinfo
a{color:#777}#siteinfo a:hover{color:#777}#siteinfo>div{float:left;margin-right:32px}#siteinfo>#siteinfo-content{float:right;margin-right:0}#siteinfo
h3{margin-bottom:8px;font-size:180%;font-weight:normal}#siteinfo li,
#siteinfo
p{list-style:none;font-size:100%;line-height:150%}


<footer id="siteinfo" role="contentinfo">
<div id="siteinfo-TEXT"><h3>TEXT1</h3> <ul><li>TEXT1A</li></ul></div>
<div id="siteinfo-TEXT"><h3>TEXT2</h3><ul> <li>TEXT</li></ul></div>
<div id="siteinfo-TEXT"><h3>TEXT3</h3><ul><li>TEXT</li></ul></div>
<div id="siteinfo-TEXT"><h3>TEXT4</h3><ul><li>TEXT4A</li></ul></div>
<div id="siteinfo-TEXT"><h3>TEXT5</h3><p class="copyright">TEXT<br /></p></div>
</footer>

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti
najaru

per fare un footer cosi devi per forza fare dei css ad hoc, per esempio prendendoli da un template anche statico che ti piace.

nell pagina, fai "visualizza codice sorgente" li troverai il codice html che genera il footer, poi guardi nell'head quale file css viene richiamato, richiami il file css nel browser, ti copi il codice che ti serve e via.

vanno poi messi nel globaltemplate e nel ipb_style.css

ecco , praticamente quello che ha fatto l amico askancy

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti
Haku
Che brutto forum frequenti...

Mi è utile per fare svariati test =D

Del resto, ho licenza su tutto ;)

Provo la modifica comunque ^^

Il pezzo in hmtl dove lo piazzo precisamente nel global template?

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti
Haku

L'ho messo prima dell'ultimo div, altrimenti sfondava il layout ^^

Però, se io metto la descrizione, mi va a capo, come mai?

Potete verificarlo sul mio sito ^^

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti
Askancy

L'ho messo prima dell'ultimo div, altrimenti sfondava il layout ^^

Però, se io metto la descrizione, mi va a capo, come mai?

Potete verificarlo sul mio sito ^^

colpa di <br>

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Crea un account o accedi per lasciare un commento

You need to be a member in order to leave a comment

Crea un account

Iscriviti per un nuovo account nella nostra comunità. È facile!

Registra un nuovo account

Accedi

Sei già registrato? Accedi qui.

Accedi Ora

×