Css e le immagini di sfondo
Sito web: http://www.webdesignerwall.com/tutorials/how-to-css-large-background/
Costruire un template con i css tutorial passo passo
Fantastico tutorial che passo passo, sul campo, ci spiega come Costruire un template con i css.
Sito web: http://www.maxdesign.com.au/presentation/wentworth/
Tutorial css applicare stile a una tabella
sito web: http://www.webdesignfromscratch.com/datasheet.cfm
Tableless forms impaginare form senza tabelle
<form>
<label for="name">Name</label>
<input id="name" name="name"/><br />
<label for="address">Address</label>
<input id="address" name="address"/><br />
<label for="city">City</label>
<input id="city" name="city"/><br />
</form>
label,input {
display: block;
width: 150px;
float: left;
margin-bottom: 10px;
}
label {
text-align: right;
width: 75px;
padding-right: 20px;
}
br {
clear: left;
}
Usare i css per risolvere bugs comuni
Senza dubbio, un layout logico e strutturato è il modo migliore di lavorare. Non solo perché il layout varia tra i browser, ma anche perché i CSS hanno un sacco di modi per posizionare ogni elemento che avete. Oggi abbiamo voluto condividere con voi alcune veloci consigli su come evitare errori facile al momento della creazione del layout CSS.
Sito web: http://www.noupe.com/css/using...-bugs-and-fixes.html
15000 tutorials per photoshop
Ottima raccolta di tutorials su good-tutorials.com divisi per categorie.
Sito web: http://www.good-tutorials.com/
Tutorial avanzati su tematiche web su nettuts.com
Ottimo sito dove poter trovare interessanti tutorial avanazati su programmazione web.
Sito web: http://nettuts.com/
Modificare lo stile di una pagina web modificando il file css con javascript
In questo articolo vedremo come modificare lo stile css di una pagina web con uno script javascript. Nella pagina html, avremo l'elenco degli stili:
...
<link rel="stylesheet" type="text/css" href="stile1.css" title="stile1" />
<link rel="alternate stylesheet" type="text/css" href="stile2.css" title="stile2" />
...
e oltre al resto della pagina, la chiamata al file javascript:
<script type="text/javascript" src="switcher.js"></script>
cosi impostato:
/* Style Switcher by Paul Sowden, see A List Apart: http://www.alistapart.com/articles/alternate/ */
function setActiveStyleSheet(title) {
var i, a, main;
for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
a.disabled = true;
if(a.getAttribute("title") == title) a.disabled = false;
}
}
}
function getActiveStyleSheet() {
var i, a;
for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title") && !a.disabled) return a.getAttribute("title");
}
return null;
}
function getPreferredStyleSheet() {
var i, a;
for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
if(a.getAttribute("rel").indexOf("style") != -1
&& a.getAttribute("rel").indexOf("alt") == -1
&& a.getAttribute("title")
) return a.getAttribute("title");
}
return null;
}
function createCookie(name,value,days) {
if (days) {
var date = new Date();
date.setTime(date.getTime()+(days*24*60*60*1000));
var expires = "; expires="+date.toGMTString();
}
else expires = "";
document.cookie = name+"="+value+expires+"; path=/";
}
function readCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for(var i=0;i < ca.length;i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1,c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
}
return null;
}
window.onload = function(e) {
var cookie = readCookie("style");
var title = cookie ? cookie : getPreferredStyleSheet();
setActiveStyleSheet(title);
}
window.onunload = function(e) {
var title = getActiveStyleSheet();
createCookie("style", title, 365);
}
var cookie = readCookie("style");
var title = cookie ? cookie : getPreferredStyleSheet();
setActiveStyleSheet(title);
document.writeln("<div id=\"textsize\">Passa a stile1: <a href=\"#\" onclick=\"setActiveStyleSheet('stile1'); return false;\" id=\"stile1\">Stile1</a><a href=\"#\" onclick=\"setActiveStyleSheet('stile2'); return false;\" id=\"stile2\">Passa a stile2</a></div>");
Tecniche ed esempi di css
Ottima raccolta di link a tecniche ed esempi di cosa si puo fare con i css.
Sito web: http://www.alvit.de/web-dev/css-techniques-and-examples.html
Stili moderni alle tabelle con i css
Raccolta di siti web che offrono stili css per formattazione di tabelle.
Sito web: http://www.smashingmagazine.com/...bles-modern-solutions/