Archivio Tag: layout

20Lug/18
jquery menù

Jquery Menù (Pillola)

Torno per un Jquery Menù con l’aiuto di Jquery che spesso aiuta nello sviluppo di applicazioni.

Prometto che terminerò prima possibile la guida sull’ area riservata.

Oggi vedremo un ‘Jquery Menù‘ dinamico e molto flessibile. Questo perchè i menù sono una cosa fondamentale di un sito web e soprattutto di un’applicazione web.
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…