Visualizza questa pagina "LOGHI E VARIE IMMAGINI"
Wolly
codice da inserire nel css e nell'header.php.
Se qualcuno vuole modificarlo migliorarlo lo faccia pure io in grafica
non sono un granchè :-)
ciao wolly
Fai clic su http://groups.google.it/group/iwordcamp/web/loghi-e-varie-immagini
- oppure, se non funziona, copialo e incollalo nella barra
dell'indirizzo del tuo browser.
Wolly
a#ribbon {
position: fixed;
top: 0;
left: 0;
display: block;
width: 85px;
height: 85px;
background: url(/percorso/immagine/iwc_ribbon.png) top left no-repeat;
text-indent: -999em;
text-decoration: none;
}
Dopo il tag <body> inserite
<a id="ribbon" href="http://barcamp.org/iwordcamp">I WordCamp</a>
On 7 Lug, 15:59, Wolly <woll...@gmail.com> wrote:
> ho creato il primo ribbon da mettere sui blog adesso scrivo anche il
> codice da inserire nel css e nell'header.php.
> Se qualcuno vuole modificarlo migliorarlo lo faccia pure io in grafica
> non sono un granchè :-)
>
> ciao wolly
>
> Fai clic suhttp://groups.google.it/group/iwordcamp/web/loghi-e-varie-immagini
Federico Moretti
Hash: SHA1
Mi sono permesso di farne una versione anch'io [allegato], usando i
colori e il carattere del WordCamp 2007... :)
Wolly ha scritto:
- --
Federico, A. Moretti
http://fedalmor.altervista.org/blog/ | fedalmor[at]gmail[dot]com
-----BEGIN PGP SIGNATURE-----
Version: GnuPG v1.4.7 (MingW32)
iQIVAwUBRo+lEzLtf4DX+GxoAQJKyA/9FbDJGlaLRtoJwOux2QLPHafodVgqvxjH
vS992tvqlgVuLGR1q8M/r8BavIraiGRFi96sgC+W8W3Vhf+IrwuC7XtOMyIiSKT7
oNP+sp6JpxMWTm0jZnrB/AVSVuCgYVM7T2B8uGRkfV0bdGMzArHRLo9tu91VGK2z
ZObJy/hP+BKXkTQZcmRMyYZQs3hdqig7EhgseiG8WdAZga412nr6f8GAWxqQrIrZ
auBbo7FE5qKmual6mAkVmzxzz10+osgS2KM9sKQYzNFtHYO+3DwQIhp7rcMSRSVf
lZBHFiv/DsFDlXUNkFt1EvBojlGOmE4EwlQZ2lYuH/eGzgHRTniR9Fdh0GqeyyhS
TrJeROrrS7gpnzdRVcu3yHC8hVREEfbJzw7kCO3hfyyoyhFxU/kn/+uihv9z/7GF
8ml18hMUtpfmGk9ui2DYXyXbeCKtPk1cKmgRs1dm8BG2eIsEejUl7d6KREJIQQgH
KZFTb2qhObnRjIMzfknUsnFJXav0JjPzfno/eH6S8jupGJ2zvEWmd2FS7B+bVsJy
EgKaXiTN0W37zvC4OBD3Plb1wRAT15tdFoUjFPSAEZ1dxmOIR5Uhp88OlMCIvtg0
FOAf0oJlJ65l8KFwewy0C9Js6yulPTL368XPQ6ENK4Fg0rL5zQ60MQFu0d1IFuZu
R1yMdJuIj48=
=4Vi8
-----END PGP SIGNATURE-----
wolly
l'ho già messo sul mio blog :-)
se vuoi fare anche banner & C sei arruolato :-)
ciao
wolly
Il 07/07/07, Federico Moretti<feda...@gmail.com> ha scritto:
Follis Carlo Filippo
<I-WordCamp---1.png>begin:vcardfn:Federico Morettin:Moretti;Federicoemail;internet:feda...@gmail.comtel;cell:+393483683192x-mozilla-html:FALSEversion:2.1end:vcard
Federico Moretti
trovato, che è sui... uhm... 1500*1500 credo...) viene un po' sgranato:
provo a vedere di ritoccare anche l'antialias del carattere! :)
Per lo sfondo, posso vedere di impostare la trasparenza col canale alpha
perché anche io c'ho pensato (infatti servirebbe anche a me
trasparente), ma volevo evitare di farlo in GIF per diversi motivi.
Nel caso qualcuno volesse metterci mano ho il sorgente in PSD (e posso
salvarlo anche per The GIMP)!
Follis Carlo Filippo ha scritto:
> A me piace.
> Dovrebbe solo avere il fondo trasparente ed il testo leggermente maggiorato.
>
> A presto, ciao!
>
>
> Carlo Filippo
>
> Il giorno 07/lug/07, alle ore 16:37, Federico Moretti ha scritto:
>
<I-WordCamp---1.png>
begin:vcard
fn:Federico Moretti
n:Moretti;Federico
email;internet:feda...@gmail.com <mailto:feda...@gmail.com>
tel;cell:+393483683192
x-mozilla-html:FALSE
version:2.1
end:vcard
>>
>
--
wolly
iwordpresscamp.wordpress.com ovviamente mettici in basso a dx grafica
a cura di ....
ciao
Il 07/07/07, Federico Moretti<feda...@gmail.com> ha scritto:
Federico Moretti
*Dovrebbero* essere a posto sia il logo (che non è più sgranato) che
l'etichetta, ingrandita di 1pt e con antialias smooth. Ho impostato la
trasparenza con alpha... speriamo non dia problemi su IE6+!
wolly ha scritto:
> Bellissimo ,
> l'ho già messo sul mio blog :-)
>
> se vuoi fare anche banner & C sei arruolato :-)
>
> ciao
>
> wolly
>
> Il 07/07/07, Federico Moretti<feda...@gmail.com> ha scritto:
>
Follis Carlo Filippo
Federico Moretti
WordCamp 2007), ma non ci metto i crediti che sennò poi stonano... ;)
Considerate che sono di Varese, se poi ci sarà bisogno di un "manovale"
per l'organizzazione in meno di tre quarti d'ora sono a Milano!
wolly ha scritto:
wolly
ingrandire ancora un pò ?
wolly
scriverlo anche tu o ti fanno male le ditina :-) ) che alla sua
risoluzion 1680x1050 si legge nulla
wolly
http://www.rainews24.rai.it/ran24/rainews24_2007/speciali/blog/
ciao
wolly
Il 07/07/07, wolly<wol...@gmail.com> ha scritto:
Federico Moretti
Follis Carlo Filippo ha scritto:
> A me ogni tanto girano (i livelli) :-)
>
>
> >
>
>
> ------------------------------------------------------------------------
>
>
> ------------------------------------------------------------------------
>
>
> Il giorno 07/lug/07, alle ore 17:18, wolly ha scritto:
>> --~--~---------~--~----~------------~-------~--~----~
>> Hai ricevuto questo messaggio in quanto sei iscritto al gruppo
>> Gruppo "iwordcamp" di Google Gruppi.
>> Per mandare un messaggio a questo gruppo, invia una email a
>> iwor...@googlegroups.com
>> Per annullare l'iscrizione a questo gruppo, invia un'email a
>> iwordcamp-...@googlegroups.com
>> Per maggiori opzioni, visita questo gruppo all'indirizzo http://
>> groups.google.it/group/iwordcamp?hl=it
>> -~----------~----~----~----~------~----~------~--~---
Francesco Lodolo
gli accostamenti di colore in fotoschiappa ;-)
Follis Carlo Filippo
Una cortesia: come caspita si fa ad allinearlo a destra?
Sarà il caldo ma non mi riesce ...
Grazie, ciao!
Carlo Filippo
Il giorno 07/lug/07, alle ore 17:48, wolly ha scritto:
> <prova_ribbon.png>
Follis Carlo Filippo
Io metterei ancheil title:
<a id="ribbon" href="http://barcamp.org/iwordcamp" title="I
WordCamp">I WordCamp</a>
A presto, ciao!
Carlo Filippo
Il giorno 07/lug/07, alle ore 17:48, wolly ha scritto:
> <prova_ribbon.png>
wolly
Bisognerebbe però girarer il ribbon per metterlo a destrta
ciao
Il 07/07/07, Follis Carlo Filippo<cffo...@gmail.com> ha scritto:
> > <prova_ribbon.png>
Federico Moretti
a#ribbon { ... position:fixed; ... right:0; ... }
Ma forse è il "display:block;" che gli rompe le bàlle da quel punto di
vista (benché necessario)! :'(
Dovrei "spulciare" tra gli hacks... perché non mi viene in mente
altro... a meno che tu non faccia "position:absolute;right:0;" e il
"fixed" lo metti come background-attachment anziché come "position"! :P
>> <prova_ribbon.png>
>
>
> --~--~---------~--~----~------------~-------~--~----~
> Hai ricevuto questo messaggio in quanto sei iscritto al gruppo Gruppo "iwordcamp" di Google Gruppi.
> Per mandare un messaggio a questo gruppo, invia una email a iwor...@googlegroups.com
> Per annullare l'iscrizione a questo gruppo, invia un'email a iwordcamp-...@googlegroups.com
> Per maggiori opzioni, visita questo gruppo all'indirizzo http://groups.google.it/group/iwordcamp?hl=it
> -~----------~----~----~----~------~----~------~--~---
>
>
--
Follis Carlo Filippo
Bisognerebbe però girarer il ribbon per metterlo a destrta
Follis Carlo Filippo
begin:vcardfn:Federico Morettin:Moretti;Federicoemail;internet:feda...@gmail.com
Federico Moretti
Stesso carattere del ribbon... l'ho salvato in JPEG perché mi sembra che
WordPress.com (io lo uso pochino) preferisca quello o, PNG. :)
C'è sempre il PSD per chi lo volesse! :P
wolly ha scritto:
Follis Carlo Filippo
<I-WordCamp---2.jpg>begin:vcard
fn:Federico Morettin:Moretti;Federicoemail;internet:feda...@gmail.com
Follis Carlo Filippo
<I-WordCamp---2.jpg>begin:vcard
fn:Federico Morettin:Moretti;Federico
wolly
il risultato lo si vede a http://iwordpresscamp.wordpress.com/
ciao
wolly
Federico Moretti
Mi sa che invece il logo di WP sul ribbon lo "sposto" perché è
decentrato rispetto alla barra sotto... mi sono accorto adesso... sarà
perché c'è più luce...
wolly ha scritto:
Federico Moretti
Hash: SHA1
Ho scritto un CSS hack per IE6... che (ovviamente!) non visualizza
correttamente l'alpha sul livello delle PNG e "scazza" il codice:
l'immagine resta fissa, ma è sempre più gradevole! :P
* html a#ribbon {
display:block;
position:absolute;
top:0;
left:0;
margin:0;
padding:0;
background:url(http://fedalmor.altervista.org/_altervista_ht/iwc-ribbon.gif)
no-repeat top left;
background-attachment:fixed;
height:85px;
max-height:85px;
width:85px;
max-width:85px
}
Va aggiunto *in fondo alla pagina dello stile* (non "al posto di..."):
ulteriori dettagli al seguente indirizzo (è il riassunto dei codici che
uso)!
http://fedalmor.altervista.org/blog/2007/07/07/novita-dalli-wordcamp/
^,^
- --
Federico, A. Moretti
http://fedalmor.altervista.org/blog/ | fedalmor[at]gmail[dot]com
-----BEGIN PGP SIGNATURE-----
Version: GnuPG v1.4.7 (MingW32)
iQIVAwUBRpCnijLtf4DX+GxoAQIc8A/+IKIATl26bq0hyGWrGkqeriYJae92PXLl
LMf9clSLiF9dJyF8+ggPb6fnp3Cwnk0jCuLsDYkoEwU3O9QvVWPUfaFA33EvOd3C
HTr+BA1pf7IYLUpXhUddAL/snOSmsVDIvTqHKStCoz41giEjI9L1BOBucQ5dAr6t
JrSUAtCkJm2XrcigXn8VtW4W1B3HZ+iDX0ZvLEalxLCzbRHYGgKpvdF08Nkuhj5T
M6TPCVH2nFMUFDpXi5iaVpYNo4MfA0xTZUlsxaAhLUx4NwyWoa8bkmsx3ruNN2nv
nerl8E/4JHmaT4F1EdO0w4Ec8wJi059Ls8GmyLiRm3Vdr104uB/3C57PmNN2XdxH
sOqCBXTGnZkwkoAtW5G7hmJlqMV38+I20gCmzkoIqKmv7lWmuNafR6ZqmojJiaZM
6SvM4/UQ+VGUI59gtSIfBfl/eKAmu+9eoo+dvf+by9l/vtXyQnBLB+3Si2YlvAPr
FGNYmvVevU0z0WyaCEktYuRlk34JFFFdJxleYGAP7a4+5XAKD9q5aDG4A+qHUpYT
MH3/QuMHe1WHnmL3f3Y3Qsq8Ef17UmwgXy3yp/PSqYYlgheRwKeihew4NwlfUzIO
qHXCftNNcVZ74qg/SXtWKQ9dK0nIk9lw2q01GgXyWSZ550dw3Dg7FKwTpb8YlUUx
/gVtethgZ3Y=
=3+Nw
-----END PGP SIGNATURE-----
Claudio Simeone
> Ho scritto un CSS hack per IE6... che (ovviamente!) non visualizza
> correttamente l'alpha sul livello delle PNG e "scazza" il codice:
> l'immagine resta fissa, ma è sempre più gradevole! :P
[cut]
Mi sembra carino. L'ho appena messo nel mio sito.
La scritta però la farei più alta, a prendere quasi tutta l'altezza
della striscia nera.
La scriita infatti si legge poco :-)
Cmq, ottimo lavoro.
Ciao,
Claudio