Msn Skin Plus! Live 9.0

Ryddyck

Posted on 21/3/2009, 21:19

.

User deleted

Come avevo detto nel post della prima lezione (link), in questa lezione parlerò di come modificare i colori del testo, andremo a modificare gli stili 921 (toast), 947 (accesso) e 1002 (parte della lista contatti).
Però andiamo prima ad aggiungere lo stile 1002 (che troverete nella cartella Windows - Styles delle risorse di Messenger estratte da Msg Plus [è già dentro l'allegato]) e aggiungiamo lo stile all'archivio e aggiorniamo lo SkinInfo con questo nuovo stile:

CODICE

<SkinInfo>
<Information>
<Name>Nome skin</Name>
<Description>Descrizione sulla skin</Description>
<Screenshot>
<File>anteprima.jpg</File>
</Screenshot>
</Information>
<MessengerSkin>
<ResGroup>
<Restrictions>
<MsgVersions>
<Version Major="14" Minor="0"/>
</MsgVersions>
</Restrictions>

<Resources>
<Replace>
<Graphics><Pictures>

<Picture Id="1751">
<File>1751.jpg</File><Metadata><UMLeft>1</UMLeft><UMTop>1</UMTop><UMRight>1</UMRight><UMBottom>1</UMBottom></Metadata>
</Picture>

<Picture Id="1473">
<File>1473.png</File><Metadata><Colorize>false</Colorize><UMLeft>3</UMLeft><UMTop>3</UMTop><UMRight>3</UMRight><UMBottom>3</UMBottom></Metadata>
</Picture>

<Picture Id="21032">
<File>21032.jpg</File><Metadata><UMLeft>1</UMLeft><UMTop>1</UMTop><UMRight>1</UMRight><UMBottom>1</UMBottom></Metadata>
</Picture>
<Picture Id="1786">
<File>1786.png</File>
</Picture>

<Picture Id="4300">
<File>4300.jpg</File><Metadata><UMLeft>1</UMLeft><UMTop>1</UMTop><UMRight>1</UMRight><UMBottom>1</UMBottom></Metadata>
</Picture>
</Pictures></Graphics>
<Windows>

<Definitions>
<Definition Id="920">
<File>920d.txt</File>
</Definition>
<Definition Id="921">
<File>921d.txt</File>
</Definition>
<Definition Id="923">
<File>923d.txt</File>
</Definition>
<Definition Id="947">
<File>947d.txt</File>
</Definition>
</Definitions>
<Styles>
<Style Id="920">
<File>920s.txt</File>
</Style>
<Style Id="921">
<File>921s.txt</File>
</Style>
<Style Id="923">
<File>923s.txt</File>
</Style>
<Style Id="947">
<File>947s.txt</File>
</Style>
<Style Id="1002">
<File>1002s.txt</File>
</Style>
</Styles>
</Windows>
</Replace>
</Resources>

</ResGroup>
</MessengerSkin>
</SkinInfo>

Perfetto, ora che abbiamo gli stili ci serve una tavolette dei colori in rgb che potete trovare cercando su Google oppure su quasi tutti i programmi di grafica (ce l'ha anche Paint di Windows, basta aprirlo e in alto andare su Colori, Modifica colori e poi clickare sul pulsante Definisci colori personalizzati
Grossolanamente dico che il bianco è 255,255,255 (rosso:255, verde:255, blu:255) e nero è 0,0,0 (rosso:0, verde:0, blu:0)

Nei vari stili che modificheremo andremo a modificare l'elemento che identifica il colore, cioè Foreground che sarà sicuramente seguito da un tipo diverso di identificazione dei colori cioè rcclr("msgr", 621); che noi andremo a modificare in rgb(255,255,255); (dove il ; serve per chiudere l'istruzione o l'elemento in molti linguaggi di programmazione), prima di cominciare preciso che dentro l'archivio ho differito gli stili con s e le definizioni con d.
Cominciamo con l'accesso, possiamo dividere i diversi elementi come Checkbox che sta per le opzioni come Memorizza profilo utente, idEmail etc che sono i colori per l'e-mail, ed altro.
Cambiamo il colore alle opzioni, dobbiamo cambiare il foreground dell'elemento Checkbox

CODICE

Checkbox[Class="CheckBox"]
{
Icon:rcbkd(20031);
Foreground:rcclr(20043);
ContentAlign:middlecenter|endellipsis;
AccDefAction:rcstr(20500);
Tooltip:true;

in

Checkbox[Class="CheckBox"]
{
Icon:rcbkd(20031);
Foreground:rgb(0,0,0); Commento:Quindi in Nero
ContentAlign:middlecenter|endellipsis;
AccDefAction:rcstr(20500);
Tooltip:true;

E via dicendo, devo dire anche che il colore cambia ad esempio quando l'elemento viene clickato o il puntatore ci passa sopra, e sono rispettivamente [Pressed] e [MouseWithin] che troverete alla fine di ogni elemento, per chiarivi, un esempio:

CODICE

Checkbox[Class="CheckBox"][MouseWithin] Commento:al passaggio del mouse
{
Icon:rcbkd(20032);
Foreground:rcclr(20044);
}
Checkbox[Class="CheckBox"][Pressed] Commento: quando viene premuto
{
Icon:rcbkd(20033);
Foreground:rcclr(20045);

Chiaro?
___
Andiamo avanti, modifichiamo il CommonLink che indica i Links in basso (Informativa sulla privacy e stato del server) ma anche il link che annulla la memorizzazione del profilo e password dimenticata;
CommonLabel che invece modifica lo Stato e così via dicendo, non posso spiegarli tutti, il metodo è sempre lo stesso, altri elementi potete trovarli e provarli anche voi, come PushButton che è il colore del testo del Bottone Accedi/Annulla.
Andiamo avanti, passiamo al Toast, apriamo lo stile 921 e cerchiamo ToastMessage che è il colore del messaggio nel Toast, facile ed intuitivo (già modificato)

CODICE

ToastMessage
{
Foreground:rgb(255,255,255);
Accessible:true;
AccRole:42;
AccState:0x40;
AccName:rcstr("msgr",635);
Padding:Rect(3,3,1,3);

Potete trovare una guida migliore (in inglese) qui
___
Mentre per la lista contatti, apriamo lo stile 1002 che abbiamo aggiunto precedentemente, qui la cosa è leggermente più complessa, si ci incasina un pò (sono ancora incasinato xD) distinguiamo le categorie come Preferiti, Amici etc con la classe BlueText anche qui vale il discorso del Pressato, passaggio del cursore etc, poi invece abbiamo il nick e il messaggio personale con TextPsm e EmoText[id=atom(BuddyListName)][Class="DefaultText"], come potete vedere abbimo il messaggio personale e il nickname, a questo punto basta sostituire i colori, il trattino che separa il nick dal messaggio personale è da qualche parte che non ricordo, ecco perchè ho detto che incasina

Per questa lezione è tutto, al solito il download in allegato

Tutti i pacchetti di fine lezione sono sotto licenza Copyleft

CITAZIONE

Tutti sono liberi di imparare, scaricare e modificare le skins e condividerle con altri, a patto che:
1- La skin non venga spacciata per propria*;
2- L'autore rimane fuori da ogni tipo di situazione legale e non;

*L'autore del pacchetto (struttura della skin) rimane Ryddyck, ma potete naturalmente firmare la skin con il vostro nome/nickname

Edited by Ryddyck - 14/5/2010, 22:01

File Allegato

Test_Skin2.plsk
(Number of downloads: 28)

.

_Phantom_

Posted on 21/3/2009, 21:39

.

User deleted

bellissima guida... quasi tt le skin che facevo x me nn si leggeva mai nnt xD
grz della guida ^_^

.

Unico

Posted on 21/3/2009, 22:30

.

Group: Moderatore

Posts: 34,943

Location: Messina

Status: Offline

E dire che manco voleva fare le guide perchè nessuno le leggeva -.- bravo Ryd

Contacts Web

.

fausto87

Posted on 22/3/2009, 09:25

.

User deleted

Rid non so come ringraziarti! Anche io avevo questo problema per le scritte che non si leggeva mai bene!!!! Ora provo subito subito a fare qualcosa!!!!

.

e91

Posted on 8/5/2009, 17:33

.

User deleted

io nn ci capisco nulla

.

luca0710

Posted on 1/6/2009, 11:51

.

User deleted

scusate qualcuno sa quale stringa si deve modificare per il messaggio personale?

.

carminpork

Posted on 1/6/2009, 13:53

.

User deleted

bravissimo!!!!

.

rafx98

Posted on 1/6/2009, 16:27

.

User deleted

bravissimo

.

TheUnbearableLightnessOfBeing

Posted on 27/7/2009, 13:21

.

User deleted

io non ci riesco XD sn un caso disperato

.

momo_corona

Posted on 27/7/2009, 17:02

.

User deleted

io ho proato cn la 921 ma nnt ho creato una skin a volo ma nn si e colorato nnt e ho seguito tt x bn...mah

.

Ryddyck

Posted on 28/7/2009, 12:41

.

User deleted

Non credo, tutto funziona altrimenti non postavo ^^

.

Beatriz84

Posted on 30/12/2009, 20:47

.

User deleted

Oggi mi sono armata di pazienza e buona volontà e ho creato la mia primissima Skin (grazie ovviamente a questa guida)... sono riuscita a modificare un bel po' di cose tra cui il colore e la grandezza dei nick in lista contatto ed il psm, solo che non trovo alcune cosine:
1. il colore dei link nel psm (che con l'ultima versione di msn solo cliccabili)
2. il trattino che separa nick e psm
3. nella finestra principale, di fianco a "Accedi con il tuo blablabla", il link "Iscriviti"
4. l'area d'immissione testo nella finestra di conversazione

Non è che qualcuno sa qual è la stringa cui si riferiscono?

Edited by Beatriz84 - 30/12/2009, 22:52

.

Ryddyck

Posted on 2/1/2010, 14:24

.

User deleted

1. Intendi del tuo messaggio personale oppure quello del contatto?
2. Stile 1002, se non ricordo male:

SPOILER (click to view)

Element[Class="Seperator"]

3. Non l'ho mai capito/Non ci ho perso molto tempo (devo studiarlo un pò)
4. Stile 920

SPOILER (click to view)

element[id=atom(inputareacont)]

in giù

.

Beatriz84

Posted on 2/1/2010, 19:38

.

User deleted

1. quelli dei contatti
2. mi sembrava di aver provato quel campo... ora riprovo
3. in realtà non è fondamentale perchè cmq la finestra iniziale la guardo solo appena apro WLM, poi si accede e quindi non mi interessa più di tanto...era giusto uno sfizio in più perchè "stona"
4. come il punto 2

Grazie

.

Ryddyck

Posted on 2/1/2010, 22:59

.

User deleted

Non ho capito che devi fare per nell'area di input della conversazione... per il resto, domani che ho del tempo libero, faccio un paio di prove ^^

.

Msn Skin Plus! Live 9.0

Lezione 2