Les tuto 2 Demolite

Blog tuto, aide à la création et au design des blogs et sites internet, Montage photo, trucs et astuces, logiciels gratuits...

04 décembre 2010

Anti clic droit avec menu

Sujet déjà traité ici, mais cet anti-clic droit est un peu spécial...lorsqu'un visiteur fait un clic-droit sur votre blog, un petit menu s'ouvre sous le curseur. Voir l'effet sur cette page ! Personnellement je ne suis pas trop pour ce genre de gadget, je parle de l'anti-clic droit...car vous l'aurez surement remarqué je suis pour le partage et l'échange...et puis de toute façon si quelqu'un veut vous piquer une photo ou un texte il pourra toujours le faire... Disons que ça peut en dissuader quelques un...    ... [Lire la suite]
Posté par Demolite à 16:15 - - Permalien [#]
Tags : , , ,

30 novembre 2010

Menu boutons liens défilants

Comme pour le menu défilant, collez vos liens à la place de "Lien ici" et vos images à la place de "Adresse image". Dans cet exemple de menu, les boutons liens s'ouvrent dans une autre fenêtre grâce au : target="_blank" <p><marquee behavior="scroll" direction="up" height="50" width="160" scrollamount="1" scrolldelay="1" onmouseover="this.stop()" onmouseout="this.start()"><p><a href="Lien... [Lire la suite]
Posté par Demolite à 15:36 - - Permalien [#]
Tags : , , , , ,
19 novembre 2010

Menu avec Rollover sur image

Ouvrez votre feuille de style et collez tout en bas les blocs suivants : ul#menu li a {  border: 2px solid #910000;  background: #000000 url("Adresse de l'image au premier plan") no-repeat scroll left top;  display: block;  line-height: 40px;  text-indent: 10px;  text-decoration: none;  width: 180px;  margin-right: 0px;  margin-left: 4px;  top: 0;  font-size: 1.3em;  font-family: 'Trebuchet MS', Verdana, sans-serif;  font-weight: bold;  color:... [Lire la suite]
Posté par Demolite à 13:24 - - Permalien [#]
Tags : , , , ,
19 novembre 2010

Menu vertical pour mettre dans une colonne

Commencez par ouvrir votre feuille de style et collez les blocs suivants tout en bas de votre page... #tablenavigation .blocfixe h2, #coinmoment .blocfixe h2 {    width:180px;    height:14px;    background-image:url("http://p4.storage.canalblog.com/41/57/493778/29912500.gif");    background-repeat:no-repeat;    background-position:left top;    background-color:#9102a6;    font-size:11px;    overflow:hidden;    padding:3px 10px 0px... [Lire la suite]
Posté par Demolite à 11:54 - - Permalien [#]
Tags : , , , ,
18 novembre 2010

Menu déroulant avec ouverture dans une nouvelle fenêtre

Menu déroulant avec l'ouverture des liens du menu dans une nouvelle fenêtre... TITRE DE VOTRE MENU Le grand méchant cook Titre de vos liens Titre de vos liens   <p><script LANGUAGE="JavaScript"><!-- Script trouvé sur http://www.toulouse-renaissance.net/ D'après Vincent CARRIER - Forum amen.fr--><!--var target = "blank" //Destination des URL: "blank", "top" "self" ou "nom du cadre"function envoie(frm){URL =... [Lire la suite]
Posté par Demolite à 18:20 - - Permalien [#]
Tags : , , , ,
18 novembre 2010

Menu horizontal ou vertical

Celui là vous pouvez le passer d'horizontal à vertical en changeant 1 chiffre !Il peut se mettre n'importe ou...dans une colonne, dans un message, au dessus de la bannière ou bien en dessous... Voici le script, il y a juste à changer le 1 en 0 pour le passer d'horizontal à vertical, de changer les codes couleurs, et aussi la largeur et la hauteur des cellules pour l'adapter à votre blog : .ejsmenu { color: rgb(196, 196, 196); } Titre Titre Titre Titre Titre Titre .ejsmenu { color: rgb(196, 196, 196); }... [Lire la suite]
Posté par Demolite à 18:12 - - Permalien [#]
Tags : , , , ,

18 novembre 2010

Menu déroulant pour photo

Un petit menu déroulant pour vos photos...pourquoi pas !C'est bien pratique et ça ne prend pas de place... Vous pouvez mettre autant de photo que vous voulez, de la taille que vous voulez, choisir la couleur du fond et des bords,et aussi agrandir ou réduire la hauteur et la largeur... Et bien sur de coller l'adresse de vos images dans le script... <p style="border: 2px solid black; background: #000000 none repeat scroll 0% 50%; overflow: scroll; width: 150px; color: #C4C4C4; height:... [Lire la suite]
Posté par Demolite à 18:03 - - Permalien [#]
Tags : , , ,
18 novembre 2010

Menu très discret en 1 clic

Voici comment ranger vos liens, vos blocs, tout ce qui traine et qui prend de la place dans vos colonnes...Seul le titre du menu est apparent, il suffit de cliquer dessus pour afficher le contenu. Voici le code de base : <script type="text/javascript">function showhide(blocid) {var monbloc1= document.getElementById(blocid);if (!monbloc1) return;monbloc1.style.display = (monbloc1.style.display=="none" ) ? "block" : "none";}</script><p class="bloclien1"><a... [Lire la suite]
Posté par Demolite à 17:52 - - Permalien [#]
Tags : , ,
18 novembre 2010

Menu déroulant

Un petit menu déroulant discret à placer où vous voulez... Titre du menu Nom de votre lien Nom de votre lien Copiez-collez le code ci-dessous dans vos pages html, remplacez le titre du menu, l'adresse des liens ainsi que le nom des liens par les votres... <ul><form><p><select name="demolite" size="1" onchange="location.href=(form.demolite.options[form.demolite.selectedIndex].value)" 0="[object HTMLOptionElement]" style="font-family: ... [Lire la suite]
Posté par Demolite à 17:26 - - Permalien [#]
Tags : , , ,
17 novembre 2010

Menu horizontal avec images cliquables

Le code se présente comme ceci : <table border="0" width="99%" cellspacing="0" cellpadding="0"><td width="0%" align="center" valign="middle"><a href="http://demomiam.canalblog.com/archives/2000/01/01/6791649.html" title="L'Apéro"><img width="90" height="76" border="0" src="http://p6.storage.canalblog.com/62/36/308322/19923139.jpg" ... [Lire la suite]
Posté par Demolite à 22:11 - - Permalien [#]
Tags : , , , ,

« Accueil 1
2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41