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...

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

Mettre en forme vos menus déroulants

Pour personnaliser vos menus déroulants, c'est à dire choisir la largeur, la couleur du texte, la couleur du fond, les bords etc... Titre du menu Nom de votre lien Nom de votre lien   Collez dans votre feuille de style le bloc suivant, en modifiant les codes couleurs et la taille du width. select {        color: #000000;        background-color: #FFFFFF;        width: 190px;        border-top : 2px solid... [Lire la suite]
Posté par Demolite à 17:39 - - 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 : , , , ,

17 novembre 2010

Menu déroulant vertical en css

Alors celui là, vous avez été nombreux à me le demander...Il est sympa et en plus il est compatible avec Firefox et Internet explorer ! Voici une capture du menu faite sur mon ancien blog : Un grand merci à PêUR chez qui j'ai trouvé ce script...Son site va fermer, car madame la cigogne ne devrait pas tarder à faire un lâché de bébé au dessus de chez lui...si tu passes par là, tous mes voeux de bonheur. Alors, je ne vais pas rentrer dans certains détails que ni vous ni moi ne comprendrons, mais plutôt vous dire où et comment... [Lire la suite]
Posté par Demolite à 21:50 - - Permalien [#]
Tags : , , , , ,
17 novembre 2010

Menu défilant

Vous avez une ribambelle de liens dans vos colonnes... Ce petit menu va vous faire gagner de la place ! Voici le code :<marquee behavior="scroll" direction="up" height="50" width="160"scrollamount="1" scrolldelay="1" onmouseover="this.stop()"onmouseout="this.start()"><p><a href="Adresse">Nom du lien</a><br /><a href="Adresse">Nom du lien</a><br /><a... [Lire la suite]
Posté par Demolite à 21:17 - - Permalien [#]
Tags : , , ,
17 novembre 2010

Supprimer l'encadrement des images

Un petit tuto tout simple mais qui rend bien service !C'est une question qui revient régulièrement dans ma boite mail... Voici comment vous débarrasser du cadre qui entoure certaines images sur votre blog... Ouvrez votre feuille de style descendez jusqu'au bloc suivant, qui doit ressembler à ça : .navlinks img {    border-top-style: solid;    border-right-style: solid;    border-bottom-style: solid;    border-left-style: solid;    border-width: 1px;    border-color:... [Lire la suite]
Posté par Demolite à 21:02 - - Permalien [#]
Tags : , , ,
17 novembre 2010

Mettre un image différente pour vos Blocs

Dans ce tuto nous avons vu comment Mettre une image sous le titre de vos catégories (Blocs), aujourd'hui nous allons voir comment mettre des images différents pour chaque bloc. Ouvrez la feuille de style, copiez le bloc .navlinks .title et collez-le à la suite, en ajoutant un 1 comme ceci : .navlinks .title1 {font-family: Verdana, Arial, Helvetica, sans-serif;color: #292103;font-size: small;font-weight: bold;font-style: italic;text-transform: uppercase;text-align: center;border-top-style: solid;border-right-style:... [Lire la suite]
Posté par Demolite à 18:16 - - 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