Ingrandire immagini con javascript
Monday, May 19th, 2008Sto rifacendo tutta una serie di tool che avevo già pronti, traducendoli da quella meraviglia di linguaggio che è coldfusion, a quella cosa destrutturata che è ASP (vbscript). Oggi mi sono imbattuto nel mio vecchio ImageViewer.
Già che c’ero gli ho dato pure una rinfrescata, in modo di aver un tool universale per ingrandire le immagini, [...]
Come utilizzare al meglio il Tag LINK
Tuesday, March 25th, 2008Moltissimi usano il TAG link solamente per linkare i fogli CSS, qualcuno lo usa per definire più fogli CSS in base al terminal di accesso alla pagina. Ma ci sono molte altre cose che possiamo fare con questo tag.
Ad esempio se vogliamo dichiarare la versione di una pagina in una lingua alternativa possiamo usare questa [...]
CSS2: scopriamoli un po’.
Monday, March 3rd, 2008I CSS2 sono l’evoluzione dei CSS (Cascading Style Sheet), i nostri beneamati fogli di stile, che ci consentono, previo ottima strutturazione, di gestire visivamente i contenuti, ma soprattutto di dividere la programmazione del layout da quella dei contenuti stessi.
Tanto per dare una veloce infarinatura, se voi gestite i vostri contenuti in DIV, e ad ogni [...]
Tre colonne tableless: ottimizzate!!!
Monday, February 18th, 2008Come sicuramente i più attenti e gli afecionados hanno notato, ho cambiato il blog e sono passato sotto piattaforma wordpress. Le mie manie però le ho mantenute tutte. Un po’ per distinguermi un po’ per gusti ho deciso di non fare il solito layout WP a due colonne che si vede in giro (o 3 [...]
Regolare l’altezza dei DIV in base alla finestra
Monday, February 4th, 2008Un velocissimo script per creare un elemento DIV che si adatti alle dimensioni della finestra. Purtroppo le dimensioni in altezza percentuali via CSS sono ancora un sogno. Forse qualche browser le supporta: comunque non è standard.
Ecco allora un veloce script Javascript che sistema le cose a dovere:
<script type=”text/javascript”>
window.onload = function(){
resizeMe();
}
window.onresize = function(){
resizeMe();
}
function resizeMe(){
//http://www.howtocreate.co.uk/tutorials/javascript/browserwindow
var myWidth = [...]
Menu intelligente con javascript e style
Thursday, January 24th, 2008Ecco un esempio gustoso su come creare un menu sensibile alla pagina in cui siamo. Quali tecniche ho usato?
Innanzi tutto html e css (che non metto) per la creazione di un normale menu basato su css e liste (ul/li).
Quindi un po’ di coldfusion per individurare lato server la pagina in cui il navigatore è.
Alla fine [...]
Tabbed Menu con CSS e HTML (anche tondi)
Thursday, June 14th, 2007Ecco un semplice menù, fatto con CSS e HTML. In realtà c’è anche un pizzico di coldfusion per implementare anche lo stile per il TAB relativo alla sezione di navigazione.
Partiamo con vedere come è fatto il codice HTML:
<div id=”menu”>
<cfset pagina = listLast(cgi.SCRIPT_NAME,”/”)>
<a href=”prodotti.cfm” <cfif pagina is “prodotti.cfm”> class=”on” </cfif> >Prodotti articoli</a>
<a href=”prodotti_categorie.cfm” <cfif pagina is [...]
CSS - Height e Min-Height
Monday, December 11th, 2006Nel blog fino ad oggi, a chi utilizzava Internet Explorer 6 su windows, scomparivano in fase di caricamente, il titolo e il sottotitolo nel top del sito (fondo arancione).
Dopo mille imprecazioni ho capito che era un problema di rendering dell’altezza del DIV da parte di IE.
Come risolverlo?
Nel CSS, nel DIV interessato a questo problema (devo [...]
CSS - Elenco su più colonne
Tuesday, November 28th, 2006Per creare un bell’elenco su 2 colonne tramite CSS e Coldfusion, quando l’altezza delle varie celle non è uniforme, io ho pensato a questo veloce script.
<cfset i=0>
<cfset numColonne = 2>
<cfoutput query="qry_news">
<cfset i=i+1>
<div style="float: left; width: 230px; margin: 0 20px 10px 0;">
<a href="news.cfm?id_news=#news#"><b>#titolo#</b></a><br>
#sottotitolo#<br>
</div>
<cfif i is numColonne ><br clear="left" /><cfset i=0></cfif>
</cfoutput>
<br clear="left" [...]
