Evidenziare un po’ di più il pulsantino del proprio sito web

Visto che è un forum per blogger… penso che il link al proprio sito web (che sarà quasi sicuramente un blog) dovrebbe essere maggiormente visibile (parlo di quello a destra di ogni singolo messaggio)
Magari farlo un po’ più largo di quello attuale, cambiargli colore, inserire la scritta nell’immagine "sito web" (o "blog"), mandarlo "a capo" (di fianco a "MP" e "messaggio email" si nasconde un po’), etc…

Vedo che il codice XHTML non contiene tag IMG, quindi la modifica dovrebbe essere semplice, e sui soli fogli di stile:

Code: Seleziona tutto
<ul class="profile-icons">
<li class="pm-icon"><a href="./ucp.php?i=pm&amp;mode=compose&amp;action=quotepost&amp;p=494" title="Messaggio privato"><span>Messaggio privato</span></a></li>
<li class="email-icon"><a href="./memberlist.php?mode=email&amp;u=118" title="E-mail"><span>E-mail</span></a></li>
<li class="web-icon"><a href="..." title="..."><span>Sito web</span></a></li>
</ul>

Approfondimenti...

Sezione Codice WEB!
 Ragazzi, che ne dite di aprire una sezione di Script vari, dove casomai aiutare gli utenti in difficoltà?

Pubblicità nei post
 Non si può togliere il rettangolo grande Adsense nel mezzo dei post? E' molto fastidioso per la lettura e ancora di più per i post piccoli come...

Guida come installare wordpress
 Ciao, se volete potete inserire la guida come installare worpdress che ho fatto io Trovate qui: http://n1co.ch/forum/viewtopic.php?f=64&t=126

Suggerimento sull’autore di un post in IB
 Ho notato che il nome dell'autore (sul blog di IB) non è molto visibile; non sarebbe meglio metterlo subito dopo la fine del post, prima degli articoli...

Nasce news.italianbloggers.it
 Salve raga, da qualche giorno ho messo su news.italianbloggers.it installando pligg 0.9.9 beta, dove riproporrò tutte le discussioni del forum e del blog...

Commenti...


Traffyk

# 02/1/2008 06:28

Qualche bella icona da segnalare?? così rimpiazzo direttamente l’immagine, però guarda anche tu il tipo di immagine:
Immagine

è una doppia immagine, un pochino come il sistema di sprite ;)


Notorious @ TechLog

# 02/1/2008 07:19

Usa la tecnica del rollover CSS, per avere un effetto di precaricamento compatibile con tutti i browser ;) Basta tenerne conto in fase di creazione del pulsante ;)

Mi vengono in mente le icone del progetto tango:
http://tango.freedesktop.org/Tango_Icon_Library
In particolare la casetta (al centro) o il globo terrestre (poco più sotto). Sono anche disponibili i sorgenti in SVG (particolarmente utili se si intende creare da zero un pulsante con, ad esempio, Inkscape), addirittura con diverse ottimizzazioni per diverse risoluzioni.
Al limite si può anche inserire un piccolo testo "BLOG" (come su un antipixel) ombreggiandolo per farlo risaltare sullo sfondo…

PS: forse è meglio fare come dici tu, senza modificare il foglio di stile, in quanto ho visto solo ora che è dinamico anch’esso (è un file php) – meglio non toccare il codice di un CMS


Traffyk

# 02/1/2008 12:22

Il foglio di stile è precaricato dopodichè bisognerà ricostruirlo. Preferisco apportare modifiche direttamente sui file che via amministrazione perchè ci sono piccoli errori, come l’errato backslashing e altre cosine che provocano errori non poco piacevoli con apici e slash.

Notoriousxl ha scritto:Mi vengono in mente le icone del progetto tango:
http://tango.freedesktop.org/Tango_Icon_Library
In particolare la casetta (al centro) o il globo terrestre (poco più sotto). Sono anche disponibili i sorgenti in SVG (particolarmente utili se si intende creare da zero un pulsante con, ad esempio, Inkscape), addirittura con diverse ottimizzazioni per diverse risoluzioni.
Al limite si può anche inserire un piccolo testo "BLOG" (come su un antipixel) ombreggiandolo per farlo risaltare sullo sfondo…

Non conoscevo inkscape, lo sto scaricando ora :) Comunque sai cosa mi piacerebbe invece?
Avere quelle striscette tipo come l’ha creata Mister6339 per quixoblog in firma, magari potremmo trovare un generatore di immagini da segnalare per poter utilizzare le proprie strisce in firma proprio per fare quante più poche modifiche possibili al forum.


Notorious @ TechLog

# 02/1/2008 12:44

Traffyk ha scritto:Il foglio di stile è precaricato dopodichè bisognerà ricostruirlo. Preferisco apportare modifiche direttamente sui file che via amministrazione perchè ci sono piccoli errori, come l’errato backslashing e altre cosine che provocano errori non poco piacevoli con apici e slash.

Ah, se per te modificare il CSS non è un problema, puoi sempre aumentare un po’ le dimensioni (per lo meno, la larghezza) del pulsantino per andare al blog dell’utente… d’altronde è la voce più importante nel profilo di un utente di questo blog :wink:

PS: le icone Tango vanno bene?
PPS: dovrebbero esserci generatori online di userbar; comunque mi sembra di aver letto dei tutorial per farseli da soli con Gimp o Inkscape.

EDIT: metto l’anteprima delle icone direttamente su questo thread:
Immagine


Traffyk

# 03/1/2008 01:25

Notoriousxl ha scritto:PS: le icone Tango vanno bene?

per ora si grazie :) Devo soltanto imparare ad usare inkskape :D


Notorious @ TechLog

# 03/1/2008 03:58

Traffyk ha scritto:Devo soltanto imparare ad usare inkskape :D

Allora penso che questo articolo faccia per te: http://www.topolinux.org/vis_articoli.php?id=117
Parla proprio della creazione di pulsanti web! :wink:
(questa invece è la prima "puntata": http://www.topolinux.org/vis_articoli.php?id=110 )


Traffyk

# 03/1/2008 05:57

Grazie mille per tutte le risorse postate Notoriusxl!! :)



Vorresti inserire un commento?

Registrati per un account gratuito oppure entra (se sei già utente).





Mandaci un Trackback a questo URL se vuoi:
http://www.italianbloggers.it/14803/evidenziare-un-po-di-pi-il-pulsantino-del-proprio-sito-web/trackback/