Inserimento del logo e piccole modifiche grafiche

Tutti I Trucchi & Segreti Per la Chat Targata SourceForge.net project
Regole del forum
ATTENZIONE! QUESTA SEZIONE E' STATA BLOCCATA !!
Avatar utente
tuxmax
UtenteExpert
UtenteExpert
Messaggi: 999
Iscritto il: 10/02/2012, 21:32
Versione: 3.0.11
Seo: Si
Server: UNIX/Linux
Php: 5.3.8
Database: MySQL 5.1.49-community-log

Inserimento del logo e piccole modifiche grafiche

Messaggio da tuxmax » 10/03/2012, 18:44

Apro questo post per darvi qualche piccola informazione su come procedere per abbellire la vostra chat.
Queste mie informazioni sono solo una piccola base per iniziare a divertirsi, vi basterà solo un pò di fantasia e fare delle prove con i fogli di stile della chat.
Bene vi allego questo screenshot della chat del mio forum dove ho indicato alcune modifiche che ho ritenuto opportune per abbellirla (ripeto per queste cose non esiste un sistema su tutti, ma solo i propri gusti e la propria fantasia .?. )

Immagine

Allora come primo passo ho deciso di inserire un logo al posto del classico testo della chat (n°1), uno nella chat vera e propria e l'altro nella schermata di login. Per fare questo sono interveuto sui files

Codice: Seleziona tutto

../chat/lib/template/loggedIn.html
e

Codice: Seleziona tutto

../chat/lib/template/loggedOut.html
modificando in loggedIn.html

Codice: Seleziona tutto

		<div id="headlineContainer">
			<h1>[LANG]title[/LANG]</h1>
		</div>
con

Codice: Seleziona tutto

<div id="headlineContainer">
		<h1><img src="http://TUO_PERCORSO_IMMAGINE"><a href="http://TUO_PERCORSO_FORUM"></a></img></h1>
		</div>
In questo modo oltre ad inserire l'immagine l'ho anche trasformata in link cliccabile che mi riporta alla home del mio forum. .?.
In loggedOut.html modificare

Codice: Seleziona tutto

		<div id="loginHeadlineContainer">
			<h1>[LANG]title[/LANG]</h1>
		</div>
con lo stesso di loggedIn.html e cioè

Codice: Seleziona tutto

<div id="headlineContainer">
		<h1><img src="http://TUO_PERCORSO_IMMAGINE"><a href="http://TUO_PERCORSO_FORUM"></a></img></h1>
		</div>
Ho dovuto lasciare i tag <h1></h1> perchè altrimenti non mi visualizzava l'immagine.

Per il logo abbiamo finito, il mio unico consiglio è quello di non esagerare con le dimensioni perchè altrimenti vi tocca lavorare molto con i passaggi nei css, ed in più rischiereste di togliere spazio prezioso alla finestra della chat list per inserire il logo.

Fatto questo adesso dobbiamo mettere mani ai css per fare in modo di organizzare correttamente gli spazi da dedicare al logo e spostare gli oggetti che ci posso dare fastidio.
Sempre prendendo come riferimento il mio screenshot, potete vedere che ho abbassato leggermente la finestra della chat list (n°3) e spostato verso dx tutta la parte dei canali, tasto uscita, ecc..(n°2). Per fare il passaggio n°2 ho dovuto spostare in basso accanto alle icone aiuto, preferenze, ecc.. i crediti dell'autore della chat ed il semaforino di attività.
Come scrivevo sopra, è solo una questione di fantasia, quindi non starò qui a scrivervi di quanto mi sono mosso per fare gli spostamenti ma solo quale file modificare, precisamente

Codice: Seleziona tutto

../chat/css/positions.css
ma vah?! :biggrin:

Saluti :good:
[center]Immagine[/center]

Avatar utente
mayko
UtenteExpert
UtenteExpert
Messaggi: 362
Iscritto il: 08/01/2012, 19:57
Versione: 3.0.10
Seo: No
Server: UNIX/Linux

Re: Inserimento del logo e piccole modifiche grafiche

Messaggio da mayko » 10/03/2012, 18:46

-,- -,- -,- ;:; ....?

Avatar utente
Tiger
Amministratore
Amministratore
Messaggi: 2611
Iscritto il: 02/11/2011, 1:19
Versione: 3.2.X
Seo: Si
Server: UNIX/Linux
Php: 5.4.31
Database: MySQL(i) 5.1.60-community-log
Località: Roma

Re: Inserimento del logo e piccole modifiche grafiche

Messaggio da Tiger » 10/03/2012, 18:48

Ottimo TuxMax.
Visto che non mi sbaglio mai io quando dicevo che valevi=? ......? .?.
Immagine

Avatar utente
tuxmax
UtenteExpert
UtenteExpert
Messaggi: 999
Iscritto il: 10/02/2012, 21:32
Versione: 3.0.11
Seo: Si
Server: UNIX/Linux
Php: 5.3.8
Database: MySQL 5.1.49-community-log

Re: Inserimento del logo e piccole modifiche grafiche

Messaggio da tuxmax » 10/03/2012, 19:07

Grazie, è molto semplice quando dietro ci sono persone squisite come voi. .?.
[center]Immagine[/center]

Avatar utente
sanfi
UtenteExpert
UtenteExpert
Messaggi: 398
Iscritto il: 06/02/2012, 13:02
Versione: 3.0.10
Seo: Si
Server: UNIX/Linux
Php: 5.3.10
Database: MySQL 5.5.13-enterprise-commercial-advanced-log

Re: Inserimento del logo e piccole modifiche grafiche

Messaggio da sanfi » 10/03/2012, 21:09

ottimo tux davvero bravo
Se hai voglia lascia un Immagine

Ps

se non lo fai potresti morire

Immagine

Avatar utente
tuxmax
UtenteExpert
UtenteExpert
Messaggi: 999
Iscritto il: 10/02/2012, 21:32
Versione: 3.0.11
Seo: Si
Server: UNIX/Linux
Php: 5.3.8
Database: MySQL 5.1.49-community-log

Re: Inserimento del logo e piccole modifiche grafiche

Messaggio da tuxmax » 10/03/2012, 22:12

Grazie sanfi, se non era per te non potevo nemmeno stilarla... .?.
Hai visto nello screenshot chi è presente nalla chat list? :biggrin:
[center]Immagine[/center]

Avatar utente
slash
UtenteGold
UtenteGold
Messaggi: 1128
Iscritto il: 02/12/2011, 14:35
Versione: 3.0.10
Seo: Si
Server: UNIX/Linux
Php: 5.3.10
Database: MySQL 5.5.13-enterprise-commercial-advanced-log

Re: Inserimento del logo e piccole modifiche grafiche

Messaggio da slash » 10/03/2012, 23:00

Ottima! potresti fare un uovo tema con tutto sto ben di d* e poi condividerlo se ti va! :wink:
[center]Se ti sono stato utile 1000 euro su paypal o lascia un Grazie!

Immagine[/center]

Avatar utente
tuxmax
UtenteExpert
UtenteExpert
Messaggi: 999
Iscritto il: 10/02/2012, 21:32
Versione: 3.0.11
Seo: Si
Server: UNIX/Linux
Php: 5.3.8
Database: MySQL 5.1.49-community-log

Re: Inserimento del logo e piccole modifiche grafiche

Messaggio da tuxmax » 10/03/2012, 23:27

Grazie slash. Sul tema ci avevo pensato, tempo permettendo ci provo... :good:
[center]Immagine[/center]

Avatar utente
sanfi
UtenteExpert
UtenteExpert
Messaggi: 398
Iscritto il: 06/02/2012, 13:02
Versione: 3.0.10
Seo: Si
Server: UNIX/Linux
Php: 5.3.10
Database: MySQL 5.5.13-enterprise-commercial-advanced-log

Re: Inserimento del logo e piccole modifiche grafiche

Messaggio da sanfi » 12/03/2012, 0:51

Beh tux non ho fatto niente di che ;) Comunque concordo con slash, fai un bel tema hai la stoffa per farlo ....?
Se hai voglia lascia un Immagine

Ps

se non lo fai potresti morire

Immagine

Avatar utente
tuxmax
UtenteExpert
UtenteExpert
Messaggi: 999
Iscritto il: 10/02/2012, 21:32
Versione: 3.0.11
Seo: Si
Server: UNIX/Linux
Php: 5.3.8
Database: MySQL 5.1.49-community-log

Re: Inserimento del logo e piccole modifiche grafiche

Messaggio da tuxmax » 12/03/2012, 1:01

Detto da te mi lusinga...beh dai mi avete convinto, appena mi libero provo a fare un bel bbcodeitalia theme. .?.
[center]Immagine[/center]