Wiki SirinHGpole

Ingenierie Metavers

Outils pour utilisateurs

Outils du site


site-web:html5_conception_site

Un site d'acceuil pour votre grille en HTML5

Aide à la creation de site d'accueil en HTML5.

Insérer du code PHP


AddType application/x-httpd-php .html

A mettre dans un .htaccess, puis mettre le PHP dans le HTML avec <?php {code} ?>

Astuce couleur de lien sans CSS

html pure <a href=“mapage.html”> Ce lien a la couleur rouge</font> </a>

html pure <a href="mapage.html"> <font color=red> Ce lien a la couleur rouge</font></a>

Bouton sociaux partage

<div>
    <p><i>Vous avez aimé cet article ? Alors partagez-le avec vos amis en cliquant sur les boutons ci-dessous :</i></p>
    <div>
        <a target="_blank" title="Twitter" href="https://twitter.com/share?url=<?php the_permalink(); ?>&text=<?php the_title(); ?>&via=korben" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=400,width=700');return false;"><img src="http://korben.info/wp-content/themes/korben2013/hab/twitter_icon.png" alt="Twitter" /></a>
        <a target="_blank" title="Facebook" href="https://www.facebook.com/sharer.php?u=<?php the_permalink(); ?>&t=<?php the_title(); ?>" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=500,width=700');return false;"><img src="http://korben.info/wp-content/themes/korben2013/hab/facebook_icon.png" alt="Facebook" /></a>
        <a target="_blank" title="Google +" href="https://plus.google.com/share?url=<?php the_permalink(); ?>&hl=fr" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=450,width=650');return false;"><img src="http://korben.info/wp-content/themes/korben2013/hab/gplus_icon.png" alt="Google Plus" /></a>
        <a target="_blank" title="Linkedin" href="https://www.linkedin.com/shareArticle?mini=true&url=<?php the_permalink(); ?>&title=<?php the_title(); ?>" rel="nofollow" onclick="javascript:window.open(this.href, '','menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=450,width=650');return false;"><img src="http://korben.info/wp-content/themes/korben2013/hab/linkedin_icon.png" alt="Linkedin" /></a>
        <a target="_blank" title="Envoyer par mail" href="mailto:?subject=<?php the_title(); ?>&body=<?php the_permalink(); ?>" rel="nofollow"><img src="http://korben.info/wp-content/themes/korben2013/hab/email_icon.png" alt="email" /></a>
    </div>
    <div>
        <a target="_blank" title="Flattr !" href="https://flattr.com/submit/auto?user_id=Korben&url=<?php the_permalink(); ?>&title=<?php the_title(); ?>&description=<?php bloginfo('description'); ?>&language=fr_FR&tags=blog&category=text" rel="nofollow"><img src="http://korben.info/wp-content/themes/korben2013/hab/flattr_icon.png" alt="Flattr !" /></a>
    </div>
</div>

Forcer la dimension d'une image

style="width: 50px;"

exemple:

<img src="images/bouton/twitter_icon.png" style="width: 50px;" alt="Twitter" />

Validation W3C

Vous pourriez laisser un commentaire si vous étiez connecté.
/var/www/Wiki/data/pages/site-web/html5_conception_site.txt · Dernière modification: 2015/01/29 21:40 par sirinpeccable