Category Archives: Css

29Gen/16
smartimage

SmartImage – Facile manipolazione delle immagini

Nello sviluppo di Siti Web spesso ci imbattiamo nella necessità di gestire le immagini caricate tramite script Php. Soprattutto se i nostri utenti hanno possibilità di caricare foto profilo o altro, spesso e giustamente non stanno a sistemare l’immagine prima di caricarla.

La classe SmartImage ci aiuta ridimensionando, ritagliando (croppare), convertendo, ottimizzando e ruotando le immagini automaticamente. Se utile è possibile anche inserire un Watermark.

Una volta scaricato la classe inseriamola nella root del nostro Sito Web. Richiammiamo la nostra classe dove ci serve utilizzando il classico include così:

<?php 
include "SmartImage.class.php"; 
?>

Leggi tutto…

31Dic/15
Font Awesome

Font Awesome

Oggi andremo a parlare di Font Awesome, una raccolta di simboli usabili e di facile utilizzo per noi sviluppatori.

Possiamo prendere la struttura che abbiamo preparato nell’articolo Posizionamento con Css e inserire qualche icona che Font Awesome ci mette a disposizione.

Vi faccio un esempio:

il codice è il seguente:

<i class="fa fa-bar-chart-o fa-3x"></i>

Leggi tutto…

29Dic/15
Posizionamento css

Posizionamento con Css

Basta guardare un pò nel web per capire che i template che si trovano sono al 99% strutturati con i “div”. Questi con la potenza dei css possono dar vita con poco codice a vere e proprie strutture per un sito web.
Anche se oggi si trovano davvero un numero elevatissimo di template già belli e pronti, questo metodo è utile anche per i contenuti stessi.

Partiamo da un codice base di una semplice pagina html:

<html>
<head>
<title>Posizionamento con css</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="container">
	<div id="header">
    header
    </div>
	<div id="main">
    	<div id="sx">
    	barra sx
        </div>
        <div id="body">
        corpo della pagina
        </div>
    </div>
    <div id="footer">
    footer
    </div>
</div>
</body>
</html>

Leggi tutto…

22Dic/15
Css dinamici con Php

Css dinamici con Php

La potenza del Php rende possibile creare dei css dinamici così da fornire, ad esempio su un blog personalizzabile, la possibilità di scegliere colore del testo, dei link, lo sfondo piuttosto che un’immagine di sfondo.

La scrittura del codice css non cambia, ma si aggiungono le variabili che passeremo in php.
Un normale file css standard ha l’estensione .css

<html>
<head>
<title>Css standard</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<p class="testo">Testo di prova</p>
</body>
</html>

Per renderlo dinamico e quindi lavorare al suo interno con il php basta modificare l’estensione in .php

Leggi tutto…