Pagina 1 di 1

Iconcine sotto al banner (Youtube, Facebook...)

Inviato: 13/07/2011, 3:44
da Haku
Ho notato che su phpbb.com, sotto al loro banner, hanno inserito le icone per raggiungere le loro pagine su Facebbok, Twitter, etc.
Vorrei fare la stessa cosa.
Ho fatto varie prove, ma con scarsi risultati.
Questo è il codice che uso per il mio header (ringrazio ancora bingo):

Codice: Seleziona tutto

<div class="headerbar" style="background: url('{T_THEME_PATH}/images/bann.png') 50% no-repeat scroll; height: 150px; position: relative;">
                     <div style="width: 120px; position: absolute; right: 50px; top: 35px; background-color: rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.2); padding: 10px; -moz-border-radius: 10px; border: 0px solid; text-align: center; font-weight: bold; z-index: 10000;"><a onmouseout="this.style.opacity='0.5';" onmouseover="this.style.opacity='1';" style="color: #ffffff; opacity: 0.5;  text-decoration: none;" href="http://download.cnet.com/RPG-Maker-XP/3000-7537_4-10437117.html">Versione Attuale<br/><span style="font-size: 1.2em;">RPG Maker 1.0.4</span><br /> Scarica Qui </a></div>
					 <div class="inner"><span class="corners-top"><span></span></span>
                      <!-- a style="display: block; width: 100%; height: 110px; text-decoration: none; background: url('{T_THEME_PATH}/images/2k3home.png') 20px 50% no-repeat scroll; position: relative;" href="#">&nbsp;</a>
                      <a style="display: block; width: 330px; height: 45px; text-decoration: none; background: url('{T_THEME_PATH}/images/nome.gif') no-repeat scroll; position: absolute;top: 70px; left: 600px;" href="#">&nbsp;</a -->
                     <span class="corners-bottom" style="background: none;"><span style="background: none;"></span></span></div>
                  </div>
Idea di come fare?

Re: Iconcine sotto al banner (Youtube, Facebook...)

Inviato: 13/07/2011, 7:22
da Micogian
Con lo stesso sistema che hai messo il link "Versione attuale".
Devi impostare position, left (o right) e top.

Codice: Seleziona tutto

<a style="display: block; width: ??px; height: ??px; text-decoration: none; background: url('{T_THEME_PATH}/images/nome_img.gif') no-repeat scroll; position: absolute;top: ??px; left: ??px;" href="link_alla_pagina">&nbsp;</a>
Questo se le img le metti nella cartella theme/images.
I valori ?? devi metterli in base alle dimensioni delle gif e della posizione dove vuoi metterle (left e top).

Re: Iconcine sotto al banner (Youtube, Facebook...)

Inviato: 14/07/2011, 3:38
da Haku
Grazie bingo mi hai illuminato!
Risolto ^^

Re: Iconcine sotto al banner (Youtube, Facebook...)

Inviato: 02/09/2011, 14:19
da lenders
Scusate vorrei fare anch'io la stessa cosa.In che file devo inserire il code riportato da bingo?Grazie!

Re: Iconcine sotto al banner (Youtube, Facebook...)

Inviato: 02/09/2011, 15:55
da Tiger
Tuo stile:overall_header.html

Re: Iconcine sotto al banner (Youtube, Facebook...)

Inviato: 02/09/2011, 19:58
da lenders
Qui c'ero arrivato ma esattamente prima o dopo di qualche code?

Edit:
Ci sono riuscito però non riesco a spostarle al centro in basso....

Edit 2:
Ok perfetto ci sono riuscito :D

Re: Iconcine sotto al banner (Youtube, Facebook...)

Inviato: 13/09/2011, 11:53
da pavel70
Quindi devo copiare e incollare i 2 codici postati da Haku e bingo e modificarli nel file overall_header e vedro' le iconcine di facebook? Ho capito bene?

Re: Iconcine sotto al banner (Youtube, Facebook...)

Inviato: 13/09/2011, 16:58
da invisibile
Sì Pavel! :)

...sta attento solo alle dimensioni delle immagini!