http://www.websitegrader.com/

Con Websitegrader potete monitorare il vostro sito o quello dei vostri concorrenti e studiare le vostre strategie di posizionamento in modo semplice e chiaro, nel buon stile 2.0!
E’ un’ottimo strumento per vedere a colpo d’occhio pagerank, keywords, meta tags, headings, link out e in, pagine indicizzate da google, età del sito, e tante cose che messe insieme vi daranno i numeri per capire dove puntare per superare i concorrenti nel posizionamento.

Trovai questo link su Italian WebDesign ma al momento non ricordo l’articolo giusto!

ATTENTION! This tutorial is only a translation from english to italian of a tutorial under copyright by Photoshopassist.com.

Link tutorial originale/Link original tutorial: Creating Dark Banner

In questo tutorial vi mostrerò come fare un banner scuro professionale che può essere usato in vari modi incluse firme, header, o ogni sorta di design moderno.

Prima aprite Photoshop e create un nuovo file. La dimensione che ho scelto è 600×130 pixels.

Ora prendete il Rounded Rectangle Tool (Strumento Rettangolo arrotondato)e create un nuovo livello. Dopo questo create un rettangolo dentro il documento che avete già creato.

Ora tasto destro sul livello del rettangolo e andate su Blending options (opzioni di fusione)

(more…)

Questo è un codice html completo di un template splinder.

Utilizzando questo codice, potrete realizzare un template splinder simile a questi:

Regole:

Il codice html l’ho creato io ma lo metto disponibile per chiunque lo voglia utilizzare per crearsi un proprio template splinder, a patto che si rispettino le regole seguenti:

• E’ possibile modificare la grafica, lo style del template, colori, box, tag di splinder, aggiungere ed eliminare titoli, testi, immagini e quant’altro.
• E’ possibile modificare e o aggiungere credits nell’apposito box.
• E’ vietato eliminare il box credits.
• E’ vivamente consigliato inserire i credits delle risorse grafiche che utilizzate per creare la grafica del template.
• E’ obbligatorio mantenere un link a Brokendollie.com tra i credits (è gia presente di base).
• E’ vietato riutilizzare questo template per scopi di lucro e spacciare per proprio il codice. Ricordo che cambiare due immagini e qualche titolo non è saper creare del codice html per un template splinder.

Caratteristiche del Template:

• Il template è creato con codice XHTML 1 transitional. Di base non presenta errori nè nel codice, nè nei css. Il template splinder è centrato.
• Ha già inseriti tutti i tag fondamentali di Splinder, che permettono di funzionare il template correttamente in ogni sua parte. (Post, categorie, titolo post, commenti pop-up, descrizione blog, profilo, categorie, archivio, links, ultimi commenti, contatore visite, etc)
• E’ obbligatorio modificare le dimensioni della colonna e del post se cambiate grafica, altrimenti il template viene sballato!
• Se ve ne capite abbastanza di html è possibile aggiungere un altra colonna, in modo da creare un template a 3 colonne. In questo caso, dovrete aggiungere nei css un nuovo div per la terza colonna, con i relativi attributi e valori.
• Le immagini da modificare o da creare per realizzare la grafica del template sono quattro: l’header (testata o logo), il background (sfondo), il footer (immagine a piè di pagina) ed il background generale (sfondo dietro tutto il template).
• Per qualsiasi problema scrivete o nei commenti di questo post, oppure tramite mail info@brokendollie.com .

Codice completo della Base Personalizzabile del Template:

Anteprima - Download base personalizzabile

{ file .rar, contenente all’interno file .txt con codice e file .html+cartella “images” per modificare il template con programma diverso dal blocco note; es. Dreamweaver }

Da IWD, un vecchissimo post che mi era stato utile anni fa quando volevo avere un blog su un mio dominio personale e a pagamento.

Oggi volevo scrivere un articolo sulla scelta di un hoster piuttosto che un altro per acquistare dominio + spazio, salvo poi rendermi conto che magari un neofita non conosce bene neanche la differenza. Allora partiamo dall’inizio, poi vedremo dove e come acquistarli.

Il dominio, dalla parola dominus = padrone, è il nome che si da ad un indirizzo web ed è composto da due parti: il nome e l’estensione, che viene più genericamente segnalata come il dominio vero e proprio (es: troverete scritto: “Acquista il tuo dominio .it”).
Ad esempio www.italianwebdesign è un dominio, composto da italianwebdesign e .it, il dominio che identifica gli indirizzi di proprietà dello stato italiano e delle persone residenti in Italia. I nomi a dominio e le sue estensioni sono attribuite da un unico organismo, chiamato Registro del ccTLD.it che ha sede a Pisa, all’Istituto di Informatica e telematica (CNR). Sul sito si possono trovare tutti i moduli per fare richiesta dei domini.it, e le indicazioni su come acquistarli.
I domini .it sono assegnabili ad una persona fisica residente in Italia. Ci sono alcuni nomi a dominio che sono protetti, nel senso che sono già attribuiti alle singole entità regionali d’Italia, e nel momento in cui ne facessero richiesta sarebbero disponibili, in caso contrario rimangono “a riposo” in attesa di essere utili. Un esempio? Tutti i www.comune.nomedelcomune.it (Es: www.comune.milano.it) o ancora domini legati alle regioni, province, agli stati (Es: uk=United Kingdom, us=Stati uniti, br=Brasile etc), agli enti pubblici (Parlamento, Senato, Camera, Governo…) e via dicendo.

L’Url invece sta per: Uniform Resource Locator, e nel caso degli indirizzi dei siti internet è quasi sempre preceduto da http:// seguito dal nome del dominio ed eventualmente i nomi delle cartelle e dei files che vogliamo riportare. Es: http://www.lauryn.it/italianwebdesign/ (che poi è il vero indirizzo fisico sul quale risiede lo spazio di italianwebdesign). Lo spazio web poi è tutt’altra cosa: è uno spazio fisico dentro ad un computer (un server) gestito da un cosiddetto MANTAINER, definito così dal CNR perchè “mantiene” i domini a lui concessi come ospiti.
E da quest’ultimo l’altro nome: HOSTER per la stessa entità, che ospita appunto dominio e spazio necessario alle pagine che compongono il sito. Esempi di manteiner sono:

• Aruba.it
• Register.it
• Html.it

Ecco i passi da compiere per registrare un dominio: REGISTRAZIONE DOMINI Se avete domande chiedete pure che integriamo l’articolo, spero di essere stata semplice e chiara!

ATTENTION! This tutorial is only a translation from english to italian of a tutorial under copyright by
http://community.livejournal.com/bomb_hands/901.html

Prima di inziare:

• L’immagine dovrebbe avere un preciso punto di inizio e fine;
• L’immagine non deve essere tagliata sui lati;
• L’immagine dovrebbe essere relativamente di buona qualità.

Iniziamo:

1. apriamo la nostra immagine scelta su ps e passiamola su un nuovo livello trasparente.

2. Usando sia la gomma o strumento “lazo” , traccia attentamente intorno alla figura su tutti i lati, eliminando lo sfondo. (Di solito si utilizza lo strumento lazo nelle grandi aree in primo luogo, e poi la gomma avvicinandosi alla figura il più possibile. Poi tornate indietro e usate il laccio di nuovo nei luoghi che non avete potuto raggiungere con la gomma.) E’ molto utile ingrandire l’immagine del 200% -300% nel corso di questo passaggio.

Clicca sull’immagine per ingrandirla.

3. Ridimensiona l’immagine (Di solito si ridimensiona a circa 85px in altezza, ma in questo caso, ho fatto 80px);

4. Aprite una nuova immagine 100×100.

5. Riempiamolo con un colore sgargiante, ovviamente intonato all’immagine usata;

6. Impostate questa trama sullo schermo, quindi duplicare il livello.

7. Ora copiateci sopra questa texture Click e settate su screen (scolora); dopo duplicate il livello;

8. aprite quest’altra texture Click e settate su multiply, 100%
Clicca per ingrandire l’immagine.

9. Copia la figura precedetemente tagliata, e incolliamola sulla base preparata posizionandola dove vogliamo.

10. Duplichiamo l’immagine, desaturizziamo (Ctrl Shift U) e impostiamo a luce soffusa. Duplica questo livello ncora una volta, se lo desideri.

11. duplica uno dei tuoi desaturati e trascinalo sotto l’immagine principale. Setta su soft light (luce soffusa);

12. Ripeti il passaggio se lo desideri, quante volte vuoi.
Clicca per ingrandire l’immagine.

Da questo passaggio in poi si lascia spazio alla tua creatività: aggiungi textures, brush e font a tuo piacimento.

Ecco qui il  risultato:

Altri risultati: