Tgg - Webdesign Inspiration » Programmazione

YoxView : Galleria di immagini gratuita

Templategrafica — Wed, 24 Feb 2010 08:01:53 +0000

Oggi vi segnalo YoxView, un’ottima e semplice galleria di immagini in JavaScript che utilizza la libreria jQuery. YoxView è facile da implementare sul proprio sito/blog e altamente personalizzabile ; abbiamo la possibilita’ di visionarne una demo , oppure scaricare direttamente il file.

Inoltre la galleria immagini dispone di una dettagliata documentazione che ci aiutera’ nell’implementazione dei file all’interno del nostro blog. Ma ecco nei dettalgi le principali caratteristiche di YoxView :

Visualizzazione in Lightbox
Immagini auto scalate
Immagini precaricate
Slide show di immagini
Navigazione tramite tastiera
Search-engine friendly

Ecco invece alcuni consigli per utilizzare la galleria al meglio :

Richiamiamo il nostro file js, presente all’interno dell’archivio, in questo modo :

Inseriamo invece il seguente codice nella pagina html :

Via | Juliusdesign

Random Posts

Come creare una pagination in php

Templategrafica — Wed, 13 Jan 2010 06:52:28 +0000

Oggi voglio presentarvi un’interessantissimo script in php che ci permetterà di realizzare una pagination (giusto per intenderci con chi non sapesse di cosa si tratta, parlo della navigazione delle pagine di un sito , con prew – next e numeri vari.. come da figura sotto) in pochi, semplici passi. Lo script è molto importante per permettere l’utente una corretta e fluida navigazione sul tuo sito, inoltre è parecchio usato dai webmaster di tutta la rete.

La sintassi

Pages($tbl_name,$limit,$path);

Ed i suoi parametri

tbl_name ; il nome della tabella mysql
limit ; quanti blocchi visualizzare per pagina
path ; il nome dell'ex. Potete salvarla anche in pagination.php , ottenendo 'pagination.php?'

Utilizzo

Utilizza questa funzione per crare un pagination compleato, per creare un’altra pagine usa quanto segue :

Pages("table","limit to appear","the path");

Function

function Pages($tbl_name,$limit,$path)
{
$query = "SELECT COUNT(*) as num FROM $tbl_name";
$total_pages = mysql_fetch_array(mysql_query($query));
$total_pages = $total_pages[num];
$adjacents = "2";
$page = $_GET['page'];
if($page)
$start = ($page - 1) * $limit;
else
$start = 0;

$sql = "SELECT id FROM $tbl_name LIMIT $start, $limit";
$result = mysql_query($sql);

if ($page == 0) $page = 1;
$prev = $page - 1;
$next = $page + 1;
$lastpage = ceil($total_pages/$limit);
$lpm1 = $lastpage - 1;

$pagination = "";
if($lastpage > 1)
{
$pagination .= "
";
if ($page > 1)
$pagination.= "« previous";
else
$pagination.= "« previous";

if ($lastpage < 7 + ($adjacents * 2))
{
for ($counter = 1; $counter <= $lastpage; $counter++)
{
if ($counter == $page)
$pagination.= "$counter";
else
$pagination.= "$counter";
}
}
elseif($lastpage > 5 + ($adjacents * 2))
{
if($page < 1 + ($adjacents * 2))
{
for ($counter = 1; $counter < 4 + ($adjacents * 2); $counter++)
{
if ($counter == $page)
$pagination.= "$counter";
else
$pagination.= "$counter";
}
$pagination.= "...";
$pagination.= "$lpm1";
$pagination.= "$lastpage";
}
elseif($lastpage - ($adjacents * 2) > $page && $page > ($adjacents * 2))
{
$pagination.= "1";
$pagination.= "2";
$pagination.= "...";
for ($counter = $page - $adjacents; $counter <= $page + $adjacents; $counter++)
{
if ($counter == $page)
$pagination.= "$counter";
else
$pagination.= "$counter";
}
$pagination.= "..";
$pagination.= "$lpm1";
$pagination.= "$lastpage";
}
else
{
$pagination.= "1";
$pagination.= "2";
$pagination.= "..";
for ($counter = $lastpage - (2 + ($adjacents * 2)); $counter <= $lastpage; $counter++)
{
if ($counter == $page)
$pagination.= "$counter";
else
$pagination.= "$counter";
}
}
}

if ($page < $counter - 1)
$pagination.= "next »";
else
$pagination.= "next »";
$pagination.= "

n";
}
return $pagination;
}

Ed ecco il css

div.pagination {
padding: 3px;
margin: 3px;
text-align:center;
}

div.pagination a {
padding: 2px 5px 2px 5px;
margin: 2px;
border: 1px solid #AAAADD;

text-decoration: none; /* no underline */
color: #000099;
}
div.pagination a:hover, div.digg a:active {
border: 1px solid #000099;

color: #000;
}
div.pagination span.current {
padding: 2px 5px 2px 5px;
margin: 2px;
border: 1px solid #000099;

font-weight: bold;
background-color: #000099;
color: #FFF;
}
div.pagination span.disabled {
padding: 2px 5px 2px 5px;
margin: 2px;
border: 1px solid #EEE;

color: #DDD;
}

Buon divertimento!

PHP : Arriva ResourceGuide – una directory di script php

Il linguaggio php , come sappiamo , è ormai una delle basi ‘fondamentali’ nell’era del web 2.0 ; Per i professionisti , ma anche per gli…

Pubblicato il: agosto 9, 2009
Commenti: 0

WORDPRESS : Come mostrare i post in rilievo ovunque

WordPress ha di base questa ottima caratteristica chiamata ‘sticky post’ , che ci permette di mostrare un post in rilievo rispetto a tutti gli altri….

Pubblicato il: ottobre 21, 2009
Commenti: 0

CometChat, una chat in stile facebook per il nostro sito

Fonte : JuliusDesgin

CometChat è uno script che riproduce la barra chat di facebook in modo quasi identico. Tramite questo script infatti avremo a…

Pubblicato il: luglio 6, 2009
Commenti: 0

DIVOOGLE – nuovo motore di ricerca grafico

Da pochi giorni è online DIVOOGLE , il primo search engine Made in Italy, sviluppato da Julius Design, specializzato nella ricerca di risorse…

Pubblicato il: ottobre 23, 2008
Commenti: 0

WORDPRESS : Come mostrare i post in rilievo ovunque

Templategrafica — Wed, 21 Oct 2009 05:25:39 +0000

WordPress ha di base questa ottima caratteristica chiamata ‘sticky post’ , che ci permette di mostrare un post in rilievo rispetto a tutti gli altri. Ovviamente solo ed esclusivamente se il tema è impostato per la suddetta caratteristica. In questo tutorial vedremo come è possibile mostrare il vostro post in rilievo in qualsiasi parte del vostro tema.

Supponendo di aver gia’ creato una pagina personalizzata, o hai il Loop già pronto, incolliamo questo codice qua sotto prima del Loop :

/* Get all sticky posts */
$sticky = get_option( 'sticky_posts' );

/* Sort the stickies with the newest ones at the top */
rsort( $sticky );

/* Get the 5 newest stickies (change 5 for a different number) */
$sticky = array_slice( $sticky, 0, 5 );

/* Query sticky posts */
query_posts( array( 'post__in' => $sticky, ‘caller_get_posts’ => 1 ) );
?>

Questo codice puo’ essere tranquillamente utilizzato anche con funzioni quali scroller o altre tipologie di visualizzazione avanzate del vostro sito ed è già ottimizzato per home page di wordpress con un look personalizzato in stile ‘Magazine’.

Raccolta di Temi WordPress di settembre 2009

Di recente vi ho mostrato una serie di temi wordpress gratuiti e a pagamento, in stile Magazine, tramite questo post. Su segnalazione di Wpsmash ,…

Pubblicato il: ottobre 7, 2009
Commenti: 0

WORDPRESS : Raccolta di utility e tutorial

WordPress puo’ essere molto di più di una semplice piattaforma di blogging e puo’ essere utilizzato per eseguire molti tipi di siti ; da quelli…

Pubblicato il: settembre 15, 2009
Commenti: 0

BLOGROUND : Decine di risorse per blogger in un unica community

La maggiorparte degli utenti che frequentano internet, al giorno d’oggi, hanno un blog. Il modo più simpatico per tenerlo sempre ‘fresco’ e…

Pubblicato il: agosto 4, 2009
Commenti: 0

10 fantastici bottoni realizzabili con CSS 3

Oggi vi presento un interessante articolo dell’amico Stratos Iordanidis di MarkedLines.com. Nell’ormai era del CSS3 ed HTML5, Stratos ci mostra alcuni…

Pubblicato il: luglio 25, 2010
Commenti: 0

Blogging 3D: ecco 40 icone Social di alta qualità

Oggi vi presentiamo High detail social icons, un ottimo pacchetto di 40 icone sociali di alta qualità per il blogging in 3D. Presenti tutti i social…

Pubblicato il: giugno 23, 2010
Commenti: 2

WORDPRESS : Immagine thumb senza bisogno di plugin

Templategrafica — Thu, 27 Aug 2009 08:06:31 +0000

La maggiorparte dei temi per WordPress utilizzano dei plugin appositi , richiamati poi dalle ‘custom field’ , per poter inserire delle immagini ‘thumb’ accanto al post . Wprecipes.com ci mostra la soluzione a questo ‘problema’ : Possiamo far in modo che il sistema catturi in automati la prima immagine ‘trovata’ nel post , posizionandola in automatico accanto al testo. Per far questo basterà aggiungere all’interno del file function.php questo breve codice :

function catch_that_image() {
global $post, $posts;
$first_img = ”;
ob_start();
ob_end_clean();
$output = preg_match_all(‘//i’, $post->post_content, $matches);
$first_img = $matches [1] [0];

if(emptyempty($first_img)){ //Defines a default image
$first_img = “/images/default.jpg”;
}
return $first_img;
}

Dopo di cio’ dovremmo andare a richiamare il codice appena creato nella pagina in cui vogliamo che l’immagine appaia , in questo caso su index.php (se vogliamo richiamarla in home page , accanto agli ultimi post) , inserento questo codice :

Semplice , no?

Via | Wprecipes.com

Embed Article : Un ottimo SEO plugin per wordpress

Embed Article Wp Plugin è un interessante plugin sviluppato per WordPress che da la possibilita’ agli editori, grandi o piccoli che siano, la…

Pubblicato il: febbraio 17, 2010
Commenti: 3

GETSHOPPED : Un e-commerce plugin per wordpress

Lo abbiamo a lungo cercato e finalmente è disponibile per il download gratuito : GetShopped è un fantastico plugin per il nostro amato WordPress,…

Pubblicato il: febbraio 2, 2010
Commenti: 0

WORDPRESS : Come inserire un ‘Share on Facebook’ button ufficiale.

Esistono diversi plugin che ci aiutano nell’impostazione di un bottoncino ‘share on facebook’ , simile a quelli ‘retweet’ e ‘digg’ che utilizzo io su…

Pubblicato il: ottobre 28, 2009
Commenti: 0

Effetti hover su immagini utilizzando CSS3

Oggi proveremo a creare un bell’effetto hover su immagini utilizzando alcune proprietà di css3. Come tutti sappiamo è possibile creare particolari…

Pubblicato il: giugno 21, 2010
Commenti: 0

WORDPRESS : Raccolta di temi ‘premium’ gratuiti

WordPress è ormai la piattaforma più utilizzata dai blogger di tutto il mondo ; ci offre stabilità , continui aggiornamenti, sicurezza e migliaia…

Pubblicato il: ottobre 29, 2009
Commenti: 0

PHP : Arriva ResourceGuide – una directory di script php

Templategrafica — Sun, 09 Aug 2009 13:30:44 +0000

Il linguaggio php , come sappiamo , è ormai una delle basi ‘fondamentali’ nell’era del web 2.0 ; Per i professionisti , ma anche per gli ‘apprendisti’ , esistono numerosi siti che offrono script di ogni tipo , gratuitamente scaricabili.
Oggi voglio presentarvene uno in particolare, abbastanza ‘nuovo’ , ma che promette già davvero tantissimo.
Sto parlando di PHP Resource Guide, un sito che racchiude centinaia di applicazioni php e guide su questo , ormai fondamentale , linguaggio web.
All’interno del sito vi è anche una sezione di script a pagamento , 7 categorie che comprendono altre sottocategorie. In home possiamo anche visualizzare i script piu’ popolari e quelli piu’ votati.
Da visitare

Via | Geekissimo.com

Come creare una pagination in php

Oggi voglio presentarvi un’interessantissimo script in php che ci permetterà di realizzare una pagination (giusto per intenderci con chi non sapesse…

Pubblicato il: gennaio 13, 2010
Commenti: 0

WORDPRESS : Come mostrare i post in rilievo ovunque

WordPress ha di base questa ottima caratteristica chiamata ‘sticky post’ , che ci permette di mostrare un post in rilievo rispetto a tutti gli altri….

Pubblicato il: ottobre 21, 2009
Commenti: 0

ISPIRAZIONI : 9 stupendi Photoshop PSD file

Grazie a 1stwebdesigner , di seguito vi propongo una fantastica raccolta di 9 progetti grafici con rispettivi file psd. Ogni file ha a disposizione…

Pubblicato il: settembre 1, 2009
Commenti: 0

CometChat, una chat in stile facebook per il nostro sito

Fonte : JuliusDesgin

CometChat è uno script che riproduce la barra chat di facebook in modo quasi identico. Tramite questo script infatti avremo a…

Pubblicato il: luglio 6, 2009
Commenti: 0

Christmas brushes ! pennelli gratuiti per photoshop

Oggi voglio presentarvi 3 bellissimi set di brushes (pennelli) per photoshop a tema natalizio ; palline, campanelli, pacchi regalo , alberi e fiocchi…

Pubblicato il: dicembre 17, 2008
Commenti: 0