Recherche dans le forum:
Rechercher


« Voir le sujet précédent :: Voir le sujet suivant »  
Auteur Message
Message12/05/2012, 14 02 30 (UTC)    
Sujet du message: Tutoriel pour design Ice Blue

Bonjour , il existe plusieurs réponses sur le forum pour les questions suivantes , c'est pourquoi je regroupe ici les réponses suivantes pour éviter aux utilisateurs de se perdre dans le forum et éviter les questions sans réponse , je répete que les codes suivants concernent uniquement le design Ice Blue . Je remercie Webmaster-shop qui m'a aidé à mieux comprendre et à vous faire comprendre .

Code pour élargir le design Ice Blue

( Cliquez pour agrandir l'image , elle vous montre d'ou viennent les noms dans le code )



A mettre dans TEXTE AU DESSUS DU DESIGN

Code:

<center><style type="text/css">
<!--
table.edit_main_table{width: 100% !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;
background-position:center;background-repeat:no-repeat; }
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 15% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 15% !important;}
td.edit_rechts_cbg{width:100%;}
-->
</style>
<center><style type="text/css">
<!--
body{background-image:url(IMAGE DE VOTRE FOND DECRAN , LA PLUS GRANDE POSSIBLE pour qu'elle soit visible aux grands écrans );
background-position:50% 50%;height:924;repeat: no-repeat; background-attachment: fixed;background-color:;}

td.nav{background-image:url(URL DE LIMAGE DU BOUTON QUAND LA SOURIS NEST PAS DESSUS , height 33);height: 33px;);background-color:;}

td.nav:hover{background-image:url(URL DE LIMAGE DU BOUTON QUAND LA SOURIS EST DESSUS , height 33  );height:33px;background-color:;}

td.nav_heading{background-image:url( URL DE LIMAGE DU BOUTON AU DESSUS DES BOUTONS DE MENU , 185x33 ); height:33px;width:185px; background-color:;}

td.edit_rechts_cbg{background-image:url(IMAGE TOUT EN BAS APRES LA PAGE , à laisser vide si vous voulez voir le fond decran );background-color:transparent;}

td.edit_content_top{background-image:url(IMAGE INTRODUCTIVE DE LA PAGE CONTENT , LA BARRE EN HAUT , Bleue par defaut );backgrounground-color:;height: 33px;}

td.edit_content_bottom2{background-image:url( IMAGE APRES LA FIN DE LA PAGE , SOUS LE CONTENT BOTTOM  );background-repeat:no-repeat; height:; width: 894px; background-color:;}

td.sidebar_heading{background-image:url(URL DE LIMAGE EN DESSOUS DES BOITES DE DROITES , LA BARRE EN HAUT DU CONTENU DE LA BOITE );height:33px; width:15%;}

td.edit_navi_headbg{background-image:url(URL DE L'IMAGE EN DESSOUS DU MENU , à laisser vide si vous voulez voir le fond decran );background-color:transparent;}

td.shouty{background-image:url(URL DE LIMAGE DE LA BOITE DE DROITE , BLANCHE normalement );background-color:;}
td.shouty2{background-image:url(URL IMAGE BOITE DROITE 2 );background-color:;}
td.shouty3{background-image:url(URL IMAGE BOITE DROITE 3 );background-color:;}
td.shouty4{background-image:url(URL IMAGE BOITE DROITE 4 );background-color:;}
td.shouty5{background-image:url(URL IMAGE BOITE DROITE 5 );background-color:;}

td.edit_rb_footer{background-image:url(L'IMAGE DE FIN DES BOITES DE DROITES );background-color:;}

td.edit_rechts_bottom{background-image:url(URL DE L'IMAGE EN DESSOUS DES BOITES DE DROITES , vous pouvez laisser vide );background-color:transparent;}

td.edit_content{background-image:url(URL DE L'IMAGE QUI REPRESENTE VOTRE PAGE , BLANCHE normalement );background-color:;}

td.edit_rechts_sbg{visibility:hidden;}

td.edit_header_full{background-image:url(URL DE VOTRE BANNIERE , 921x 104);width:921px;height:; repeat:no-repeat}

td.headline{visibility:hidden;}

td.edit_below_nav{visibility:hidden;}

td.edit_content_bottom{background-image:url(URL DE L'IMAGE EN BAS ,height 33 px);background-color:;height: 33px;}
--> </style>


Le texte entre parenthése est à changer par les URLS correspondantes comme vous l'explique l'image en haut ( merci a Webmaster-shop qui l'a crée ) Vous obtiendrez un design qui prend tout l'ecran , un fond d'écran clair et des images personnalisées par vous méme ou alors téléchargées pour les boutons et les différentes barres .
Conseil : pour ne pas que votre image se double , évitez de mettre une fin a votre image , c'est à dire , ne pas mettre le tout en blanc et a la fin un trait en noir par exemple , ceci doublerait votre image .

Code pour changer les boutons du menu

à mettre dans TEXTE EN DESSOUS DU DESIGN

Code:

<style type="text/css">
<!--
td.nav{background-image: url(URL DE VOTRE BOUTON QUAND LA SOURIS NEST PAS DESSUS ( 185 x 33 ) );}
td.nav:hover{background-image: url(URL DE VOTRE BOUTON LORSQUE LA SOURIS EST DESSUS ( 185 x 33 ) );}
-->
</style>


Les Urls se mettent uniquement entre parenthése , attention aux dimensions aussi .

Code pour fond de PAGE , pour que votre page ait une image

Vous pouvez mettre ce code dans une page spéciale en code source ou alors dans texte AU DESSUS DU DESIGN pour l'appliquer à toutes les pages :

Code:


<style type="text/css">
td.edit_content{URL DE VOTRE IMAGE DE PAGE ); background-color:;}
td.edit_content_bottom{background-image:url(); background-color:;}
--> </style>


Code pour fond d'ecran

Ce code vous met un fond d'écran , vous pouvez le mettre sous forme de code source dans une page spéciale ou dans TEXTE AU DESSUS DU DESIGN pour l'appliquer à toutes les pages

Code:
<center><style type="text/css">
<!--
body{background-image:url(URL DE VOTRE FOND DECRAN );
background-position:50% 50%;height:924;repeat: no-repeat; background-attachment: fixed;background-color:;}
--> </style>


Code pour faire des pages invisibles

Vous pouvez créer des pages avec des noms SANS ESPACES ni accents ni autre caractére special , et mettre le nom de votre page dans le code suivant pour le mettre dans TEXTE AU DESSUS DU DESIGN :

Code:
<style type="text/css">
<!--
td#nav_NOMDEPAGE {
visibility:hidden; position:absolute }
/*ets.*/
-->
</style>


Vous pouvez le faire plusieur fois aussi .

CODE pour bloquer le clic droit dans vos sites

Code:
<html><head></head>
<body oncontextmenu="return bloc()">
<SCRIPT LANGUAGE=JAVASCRIPT>
// Script créé par Mingain
//Copyright 2004
// http://awoc.free.fr
function bloc(){return false;}
</SCRIPT>
</body>
</html>


il n'affiche aucune fenétre qui peut faire fuir vos visiteurs , il est à mettre dans TEXTE AU DESSUS DU DESIGN .

Code pour empécher les gens de selectionner du texte dans votre site

à mettre dans code source d'une page ou alors dans TEXTE AU DESSUS DU DESIGN

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Emp&ecirc;cher la s&ecirc;lection du texte</title>
    <script type="text/javascript">
        //<!--
                function ffalse()
                {
                        return false;
                }
                function ftrue()
                {
                        return true;
                }
                document.onselectstart = new Function ("return false");
                if(window.sidebar)
                {
                        document.onmousedown = ffalse;
                        document.onclick = ftrue;
                }
        //-->
        </script>
</head>
</body>
</html>


Astuces :

Quand vous avez un code , pour le mettre à une seule page , mettez le dans votre page dans EDITER PAGES , sous forme de CODE SOURCE , pour l'appliquer à toutes les pages , mettez le dans TEXTE AU DESSUS DU DESIGN dans --> Ajouter Design .
J'éspére ne pas avoir fait d'erreur je modifierai pour rajouter d'autres codes .
N'hesitez pas à poster des codes que vous trouvez utiles en étant explicite le plus possible pour aider nos utilisateurs FRGDIENS . Cordialement .
______________
-Actualités sur Séries-Jeux-Films-Musique-DessinsAnimés
-Salutations et bonne continuation ...



Dernière édition par aksel1 le 10.08.2012, 19:19; édité 16 fois
Montrer les messages depuis:   


Powered by phpBB © 2001, 2005 phpBB Group
Traduction par : phpBB-fr.com