Skin Factory · Brings out the Best! 
Web & Resources
Tags
-
Set Menų(x2) + Sidebar - Hanami Collection
Set di due menų e una sidebar coordinati da usare dove volete. Possono essere usati tutti insieme o separatamente.
Per problemi o errori scrivere qui.
Se prelevate un menų, sarebbe gradito l'inserimento dei crediti:CODICEMenų realizzato da <a href="http://skinfactory.forumfree.it/?act=Profile&MID=2266120">Valls</a> ~ <a href="http://skinfactory.forumfree.it">Skin Factory</a>
POTETE:
☺ Modificare i colori e i font;
☺ Cambiare l'immagine, i testi e le voci e aggiungerne altre.
SCONSIGLIATO:
- Aggiungere voci nella sidebar o mettere immagini di dimensioni diverse da quelle consigliate.
VIETATO:
✖ Stravolgere l'aspetto di menų o sidebar perchč non sono basi;
✖ Spacciarli per propri;
✖ Togliere i crediti alla sidebar. Si tratta di una scritta di 9px per nulla invadente, per favore lasciatela.
-
Set Menų(x2) + Sidebar - Nature Collection
Set di due menų e una sidebar coordinati da usare dove volete. Possono essere usati tutti insieme o separatamente.
Per problemi scrivere qui.
Se prelevate un menų, sarebbe gradito l'inserimento dei crediti:CODICEMenų realizzato da <a href="http://skinfactory.forumfree.it/?act=Profile&MID=2266120">Valls</a> ~ <a href="http://skinfactory.forumfree.it">Skin Factory</a>
POTETE:
☺ Modificare i colori e i font;
☺ Cambiare l'immagine, i testi e le voci e aggiungerne altre.
SCONSIGLIATO:
- Aggiungere voci nella sidebar o mettere immagini di dimensioni diverse da quelle consigliate.
VIETATO:
✖ Stravolgere l'aspetto di menų o sidebar perchč non sono basi;
✖ Spacciarli per propri;
✖ Togliere i crediti alla sidebar. Si tratta di una scritta di 9px per nulla invadente, per favore lasciatela.
MENU 1 - CODICE
Da aggiungere in Colori e Stili:CODICE/* MENU 01 - Nature collection */
.valls02 li {font: 20px 'grand hotel';
background: #91DB30;
line-height: 60px;
text-align:center;
margin: 2px;
padding: 0 4px;
border-radius: 80px;
min-height: 50px;
min-width: 50px;
transition:all .1s ease-in-out}
.valls02 li a {color: #FFF;
text-decoration: none;
border: 3px solid #FFF;
box-shadow: 1px 2px 2px #777;
padding: 5px;
background: #D87E2F;
text-align:center}
.valls02 li:nth-child(even) {background: #D87E2F}
.valls02 li:nth-child(even) a {background: #91DB30}
.valls02 li:hover {transform:rotate(10deg); -webkit-transform:rotate(10deg)}
Da aggiungere in HTML in cima a tutte le pagine:CODICE<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Grand+Hotel">
Da aggiungere in HTML dove volete:
... -
Menu a Rombo #1
Premessa: il menu č stato realizzato dalla sottoscritta pertanto č gradito l'inserimento dei credits proposti. Giusto giusto perchč ho fatto la base che voi modificherete per adattarla alle vostre esigenze
.CODICEMenu a Rombo by <a href="http://evs.blogfree.net/?act=Profile&MID=24527">-spiker</a>
Il codice č molto intuitivo per chi conosce un minimo di CSS/HTML, ma se avete problemi potete contattarmi tramite la sezione "Supporto" aprendo un topic.
In Amministrazione > Grafica > Colori e Stili:SPOILER (clicca per visualizzare)CODICE/* MENU ROMBO BY -spiker */
.evs {width: 70px; height: 70px;
background: #FF4B4B;
display: inline-block;
margin: 15px;
transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transition-duration: .3s; -webkit-transition-duration:.3s; -moz-transition-duration: .3s; -o-transition-duration: .3s}
.evs:hover {background: #1DB9C4}
.evs_text, .evs_text a {height: 70px;
color: #FFF;
padding: 3px;
line-height: 60px;
text-decoration: none;
transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg)}
.evs_text:hover, .evs_text a:hover, .evs:hover a {color: #FFF}
.evs:hover, .evs_text:hover {transform: rotate(0deg); transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transition-duration: .3s; -webkit-transition-duration:.3s; -moz-transition-duration: .3s; -o-transition-duration: .3s}
/* MENU ROMBO - VOCE PERSONALIZZATA BY -spiker */
.evs_1 {width: 70px; height: 70px;
background: #1DB9C4;
display: inline-block;
margin...Link - Raccolta di risorse per skinners
[ Resource - Web ]MEGA RACCOLTA DI RISORSE PER SKINNERS
Pattern
GALLERIES:
http://thedesigninspiration.com/category/patterns/
http://subtlepatterns.com/
http://shizoo-design.de/patterns.php
www.colourlovers.com/patterns
http://ransie3.deviantart.com/gallery/24742423
www.liveinternet.ru/community/-para...5596/page2.html
http://xvanillasky.deviantart.com/gallery/482494
http://crazykira-resources.deviantart.com/gallery/1895349
http://floatingshadow.deviantart.com/gallery/7423994
http://crazy-alice.deviantart.com/gallery/6765332
http://zebiii.deviantart.com/gallery/2504175
http://melemel.deviantart.com/gallery/6397340
http://katibear-stock.deviantart.com/gallery/7064410
http://el-l-en.deviantart.com/gallery/27257459 (GIMP)
http://shoriameshiko.deviantart.com/gallery/3264862
http://naga-pree.deviantart.com/gallery/35633477
http://mu3i.deviantart.com/gallery/
http://kihaad.deviantart.com/gallery/2357340
http://elvensword.deviantart.com/gallery/1923840
http://yohproject.deviantart.com/gallery/32484688
EDITORS:
...Ready to Use! - Basi bottoni
[ Pronti per l'uso ] Raccolta di basi per bottoni.Ready to Use! - Buttons Set
[ Pronti per l'uso ] Raccolta di set di bottoni per skin.Menu a Cerchio Orizzontale #1
Premessa: il menu č stato realizzato dalla sottoscritta pertanto č gradito l'inserimento dei credits proposti. Giusto giusto perchč ho fatto la base che voi modificherete per adattarla alle vostre esigenze.CODICEMenu a Cerchio by <a href="http://evs.blogfree.net/?act=Profile&MID=24527">-spiker</a>
Il codice č molto intuitivo per chi conosce un minimo di CSS/HTML, ma se avete problemi potete contattarmi tramite la sezione "Supporto" aprendo un topic.
In Amministrazione > Grafica > Colori e Stili:CODICE/* MENU A CERCHI ORIZZANTILI BY -spiker */
.circlevs {display: inline-block;
width: 65px;
height: 65px;
text-align: center;
margin: 4px;
border-radius: 50px;
line-height: 60px;
padding: 2px;
background: #FF4B4B;
color: #FFF}
.circlevs:hover {background: #1DB9C4;
transition-duration: .99s;
-webkit-transition-duration:.99s;
-moz-transition-duration: .99s;
-o-transition-duration: .99s;
transform: scale(1.5) rotate(360deg);
-moz-transform: scale(1.5) rotate(360deg);
-webkit-transform: scale(1.5) rotate(360deg);
-o-transform: scale(1.5) rotate(360deg)}
In Amministrazione > Grafica > Gestione HTML (dove volete il menu, alto, basso, home etc...):CODICE<a href="#" class="circlevs">Voce #1</a>
<a href="#" class="circlevs">Voce #2</a>
<a href="#" class="circlevs">Voce #3</a>
<a href="#" class="circlevs">Voce #4</a>
<a href="#" class="circlevs">Voce #5</a>
Al posto di # dovete aggiungere URL della voce.
La parte in Colori e Stili serve per personalizzare il menu e come detto il codice č molto intuitivo:
...Raccolta di Plugins per Webdesigner e Skinner
[Risorse ] Raccolta redatta dallo SF sui componenti aggiuntivi dei browsers che sono stati recensiti.Raccolta aggiornata e download di tutti i componenti aggiuntivi dei browser recensiti dallo Skinfactory.1. ColorzillaPermette di giocare con le "tempere" mentre siete nel vostro browser preferito, che non dovrebbe essere Internet Explorer né tantomeno Opera e Safari :-)
Recensione: Il dinosauro multicolorato
Download per: Firefox - Chrome2. MeasureItPermette di misurare porzioni di pagine web, a mō di righello portatile.
Recensione: Misurarlo e scannerizzarlo!
Download per: Firefox - Chrome3. LinkCheckerScannerizza i link presenti in una pagina web.
Recensione: Misurarlo e scannerizzarlo!
Download per: Firefox - Chrome4. IE TabConverte le pagine di Mozilla/Chrome in pagine Internet Explorer.
Recensione: Il potere asiatico
Download per: Firefox - ...Super-Raccolta generatori CSS
[Resources - CSS]- CSS3 Generator Sito di qualitā semplice con numerose funzioni,
- CSS3 Maker Molto simile al precedente, ma pių completo e ricco!
- Colorzilla CSS Gradient Un avanzatissimo generatore di gradienti molto simile a quello presente nel software "Photoshop". Consente di creare gradienti di diverso tipo, cross-browser e anche di importarne nuovi da un'immagine esistente.
- Layer Styles Il nome dice tutto: "Stili di Livello". Una versione pressochč identica degli stili di livello persenti in "Photoshop". Quando non č possibile ritagliare un'immagine con ombra o simili questo č il tool a cui fare riferimento.
- CSS Border Radius Un semplice tool che ci consente di realizzare angoli arrotondati, se non avete voglia di scrivere ogni volta il codice diverso per ogni browser questo č il sito che fa per voi. Adesso su forumfree non č necessario scrivere le varie versioni con i prefissi.
- CSS Layout Generator Un ottimo generatore che ci puō risparmiare tanto lavoro nella realizzazione di un layout base
- CSS Menu Generator Un tool utile per i meno esperti che potrebbero avere difficoltā nel realizzare un menu rollover avanzato. Ricco di stili!
- CSS Creator Layout Un altro fantastico generatore di layout che ci consente anche di scegliere tra diversi doctype.
- CSS Menu Maker Altro tool per creare menu CSS accattivanti.
- Only CSS Menu Ennesimo sito per creare ottimi menu CSS.
- CSS Gradient Generator Un altro tool per realizzare gradienti con CSS3, non č avanzato come quello di colorzilla ma č molto facile e veloce da usare.
- CSS3 playground Generatore di CSS3 molto vario e ricco di funzionalitā.
- CSS3.me Generator Se secondo voi anche l'occhio vuole la sua parte ecco a voi un generatore con funzioni molto simili a quelli che vi ho mostrato precedentemente ma con un design molto pro!
- Style Master...
Text-Generator
[ Resource - Text ]Che noia dover sempre copiare ed incollare quel benedetto Lorem Ipsum, non trovate? Fino a qualche tempo fa ce l'avevo salvato in un documento, e lo copiavo da li °>° Beh, era scomodo
Sono sicura che anche qualcuno di voi č stupido quanto me Quindi, grazie alla mia pigrizia, qualche tempo fa mi imbattei in questo text-generator, che genera una serie di testi (fra cui Lorem Ipsum, Pangramma, i dolori del giovane Werther ed altri), e voi potrete determinare il numero di parole, di paragrafi, il tipo di font, insomma, potete farci tante cosine utili *W* E soprattutto in maniera velocissima.
Ecco qui il link:
Edited by Valls ~ - 22/8/2013, 00:29Create your forum and your blog! · Top Forum · Categories · Help · Status · Contacts · Powered by ForumFree
Reply
