|
|
|
| Jeu 9 Déc - 12:12 ♥ Titre du forum : Sweet Korean ♥ Adresse du forum : http://sweetkorean.bbactif.com/ (il est en pleine construction !) ♥ Taille du header : 800*500 ♥ Thème : Noel ! Avec des couleurs rouges, blanc mais que le tout soit agréable et tout douillet :3 ♥ Ce que vous souhaitez : Si je demande un peu beaucoup c'est grave ? Donc du coup je sais pas si vous viendrez ... =( Mais FIGHT ! Donc Header (juste en haut ;P) + Page d'acceuil + Qui est en ligne + Nouveau Message [etc] . J'espère que vous avez compris, sinon vous pouvez me demander. ♥ Sur Qui ou Quoi vous voulez votre commande : Soit SNSD ou SHINee en mode Noel. ♥ Slogan : C'est quoi ? x] ♥ Photo ou galerie OBLIGATOIRE : http://fc08.deviantart.net/fs39/f/2008/338/2/a/2ab3850a8a48fb1b6be81194eeb24257.jpg https://2img.net/r/ihimizer/img228/9720/thischristmasbyscorpion.jpg http://desmond.imageshack.us/Himg146/scaled.php?server=146&filename=christmasbellpsd38191.png&xsize=640&ysize=640 http://desmond.imageshack.us/Himg593/scaled.php?server=593&filename=starc.png&xsize=640&ysize=640 http://kpopfrance.com/wp-content/uploads/2010/12/01010507.jpg http://soshicatalogue.files.wordpress.com/2010/11/b0034105_4cea7059d4149.jpg http://1.bp.blogspot.com/_oHNNC_HO4gE/TQBUWUQDzdI/AAAAAAAAQPI/UJRBMO0C53A/s1600/dmn.jpg http://1.bp.blogspot.com/_y1IukkD68LQ/TPobbvuKjyI/AAAAAAAABAY/Jpvur1b2IVY/s400/Picture1.png http://89.img.v4.skyrock.net/898/heebon/pics/2733311038_1.jpg https://2img.net/r/ihimizer/img705/3581/nanasb.jpg ♥ Pouvons nous utiliser d'autres photos (Cochez) ? Oui [x] Non [ ] ♥ Exemple de Header : La voilà ♥ Plus d'information sur votre commande : Le Forum est en pleine construction, mais ce serait bien que j'ai tout ça juste un tout petit peu avant Noel ;P Laissez libre court à votre imagination. Je ne sais pas si les photos vous inspirent ou non. Mais j'aimerais vraiment que l'Header soit du même style que celui donné dans l'exemple. Ce que je désire par dessus tout est un beau "fondu" en bas de l'image. Je ne sais pas si vous comprenez XD Aussi non, faites comme vous le sentez :) Comme je l'ai dis, laissez court à votre imagination ♥ Je vous serez vraiment reconnaissante car je tiens à ce Forum et j'aimerais l'avoir le plus agréable possible. Merci d'avance et courage ;D
| |
| |
|
|
|
Chaussette Messages : 4171
Date d'inscription : 31/12/2009
Age : 31
Date de naissance : 26/02/1993
Emploi/loisirs : étude en visuel communication
Localisation : Danemark.
| Sam 11 Déc - 4:40 J'aimerais bien essayer, mais j'arrive pas à voir ton exemple. =) Tu en as pas un autre ?? =D | Chaussette |
| |
|
|
|
| Sam 11 Déc - 7:44 Oh merciiii Chaussette ! Gomen ! Je ne sais pas pourquoi on n'arrive pas à voir l'image uu' Je n'arrive pas à trouver d'autres Exemple d'Header comme celui là >< Comment faire ? :'( EDIT ;; Je me suis débrouillée pour que l'on puisse la voir. On peut désormais la voir ;D | |
| |
|
|
|
Chaussette Messages : 4171
Date d'inscription : 31/12/2009
Age : 31
Date de naissance : 26/02/1993
Emploi/loisirs : étude en visuel communication
Localisation : Danemark.
| Sam 11 Déc - 14:52 Ah ! Au fait, le slogan, c'est une petite phrase qui représente le contexte du forum sur le header, sur l'exemple c'est : fête noël et Thanksgiving. J'ai donc fait un header avec fond et sans fond, dis moi ce que tu en pense et si ça te plait. =) J'ai prit des images en plus. ^^ - Spoiler:
- Spoiler:
| Chaussette |
| |
|
|
|
| Dim 12 Déc - 6:25 GOMEN ! Chaussette tu es extraordinaire ♥ J'aime trop et c'est dur de choisir .... J'en prends un pour essai. Merci milles fois Chaussette (: Y a t-il une suite ? | |
| |
|
|
|
Chaussette Messages : 4171
Date d'inscription : 31/12/2009
Age : 31
Date de naissance : 26/02/1993
Emploi/loisirs : étude en visuel communication
Localisation : Danemark.
| Dim 12 Déc - 6:32 Oui, une suite. ^^ Heureuse que ça te plaise, je n'étais pas sûre que ce soit bien. =) Pour la PA, il te faut juste une image qui rentre dans le cadre ? Il faut qu'elle face qu'elle taille ? | Chaussette |
| |
|
|
|
| Dim 12 Déc - 6:52 Je pourrais te faire un exemple sur PF ? J'aimerais que ce soit en code mais vu que c'est pas tip top les codes avec moi :/ | |
| |
|
|
|
Chaussette Messages : 4171
Date d'inscription : 31/12/2009
Age : 31
Date de naissance : 26/02/1993
Emploi/loisirs : étude en visuel communication
Localisation : Danemark.
| Dim 12 Déc - 6:57 Oui, fait sur PF, ensuite, j'essaierais. =D | Chaussette |
| |
|
|
|
| Dim 12 Déc - 7:42 Voilà ! =D c'est moche et pas très bien fait mais j'espère que tu comprendras >< Si non, fais moi savoir ^^ - Spoiler:
EDIT ;; j'ai oublier de mettre le "Credit" ! =O Mets-le où tu veux ^^ | |
| |
|
|
|
Chaussette Messages : 4171
Date d'inscription : 31/12/2009
Age : 31
Date de naissance : 26/02/1993
Emploi/loisirs : étude en visuel communication
Localisation : Danemark.
| Dim 12 Déc - 10:17 Pour la PA - Code:
-
<img src="http://i55.tinypic.com/28wgftv.png" border="0" alt="" /><BR> <BR> <table><tr><td align="center"> <fieldset style="border :5px #326074 solid ; background: #E0F4F4; -moz-border-radius : 5px; width: 250px; height: 250px;"><div style="line-height: 10px;"><span style="font-size: 24px; font-family: Time New Roman; color: #326074; text-transform: uppercase; ">Equipe</span> <span style="font-size: 24px; font-family: Monotype Corsiva; color: #531014; margin-left: 100px;">Administrative</span></div><BR>
<a class="info"><img src="http://stasis4.humanpets.com/upload/herds/1125450016_521454713.jpg" border="0" alt="" /><span><img src="http://l-userpic.livejournal.com/104100739/29674112" border="0" alt="" /><BR>Sweety K.<BR>Fondatrice</span></a> <a class="info"><img src="http://l-userpic.livejournal.com/106486924/29181767" border="0" alt="" /><span><img src="http://l-userpic.livejournal.com/104100739/29674112" border="0" alt="" /><BR>?????<BR>?????</span></a><BR><a class="info"><img src="http://l-userpic.livejournal.com/106486924/29181767" border="0" alt="" /><span><img src="http://l-userpic.livejournal.com/104100739/29674112" border="0" alt="" /><BR>?????<BR>?????</span></a> <a class="info"><img src="http://l-userpic.livejournal.com/106486924/29181767" border="0" alt="" /><span><img src="http://l-userpic.livejournal.com/104100739/29674112" border="0" alt="" /><BR>?????<BR>?????</span></a> </div> </fieldset> </td><td align="center"> <MARQUEE onmouseover=this.stop() style="PADDING-RIGHT: 5px; PADDING-LEFT: 5px; -moz-border-radius : 5px; border :5px #326074 solid; BACKGROUND-color: #E0F4F4; PADDING-BOTTOM: 5px; WIDTH: 250px; PADDING-TOP: 5px; HEIGHT: 250px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial" onmouseout=this.start() scrollAmount=1 scrollDelay=1 direction=up width=200 height=175><div style="margin:auto;text-align:center;width:100%"><span style="font-size: 24px; font-family: Time New Roman; color: #326074; text-transform: uppercase; ">Contexte</span></div><BR> blablablablbalbalbalbalbalbalbalbalbalbalbalbalablablablabla blablablablabalbalablablablablabalblablablabal ablabalbalbalablablablab<BR> blablablablbalbalbalbalbalbalbalbalbalbalbalbalablablablabla blablablablabalbalablablablablabalblablablabal ablabalbalbalablablablab<BR> blablablablbalbalbalbalbalbalbalbalbalbalbalbalablablablabla blablablablabalbalablablablablabalblablablabal ablabalbalbalablablablab<BR><BR><BR><BR><BR><BR><BR><BR><BR>
</MARQUEE></BR></td></tr></table>
<table><tr><td align="center"><BR> <fieldset style="border :5px #326074 solid ; background: #E0F4F4; -moz-border-radius : 5px; width: 200px; height: 100px;"><div style="margin:auto;text-align:center;width:100%"><span style="font-size: 24px; font-family: Time New Roman; color: #326074; text-transform: uppercase; ">TOP SITE</span></div>
blablabla </fieldset> </td>
<td align="center"><BR> <fieldset style="border :5px #326074 solid ; background: #E0F4F4; -moz-border-radius : 5px; width: 200px; height: 100px;"><div style="margin:auto;text-align:center;width:100%"><span style="font-size: 24px; font-family: Time New Roman; color: #326074; text-transform: uppercase; ">Nouveautées</span></div>
blablabla </fieldset> </td>
<td align="center"> <BR><fieldset style="border :5px #326074 solid ; background: #E0F4F4; -moz-border-radius : 5px; width: 200px; height: 100px;"><div style="margin:auto;text-align:center;width:100%"><span style="font-size: 24px; font-family: Time New Roman; color: #326074; text-transform: uppercase; ">Partenariat</span></div>
blablabla </fieldset> </td></tr></table><BR> <span style="font-size: 9px; line-height: normal">Crédit : © Design Chaussette - Le <a class="categling" href="http://le-chat-noir-graph.keuf.net/" target="_blank">Chat Noir </a><BR>Le forum appartient à ses créateurs.</span> Dans le CSS - Code:
-
a.info { position: relative; color: grey; text-decoration: none; }
a.info span { display: none; /* on masque l'infobulle */ font-size: 12px;
} a.info:hover { background: none; /* correction d'un bug IE */ z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
cursor: help; /* on change le curseur par défaut en curseur d'aide */ } a.info:hover span { display: inline; /* on affiche l'infobulle */ position: absolute; -moz-border-radius: 10px 10px 10px 10px; white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
top: 10px; /* on positionne notre infobulle */ left: 10px;
background: #E0F4F4; /* font notre infobulle */
color: #326074; /* couleur du texte de notre infobulle */ padding: 3px; border-bottom: 3px solid #326074; /* bord du bas de notre infobulle */ border-top: 1px solid #326074; /* bord du haut de notre infobulle */ border-right: 6px solid #326074; /* bord de droite de notre infobulle */ border-left: 6px solid #326074; /* bord de gauche notre infobulle */ } Voilà ! La première partie de la commande, dis moi si tu veux que je rajoute quelque chose. =) | Chaussette |
| |
|
|
|
| Dim 12 Déc - 11:34 Ah non Chaussette, c'est parfait Je t'aime trop tu sais ? x] Tu gères à mort ! Merci beaucoup. | |
| |
|
|
|
Chaussette Messages : 4171
Date d'inscription : 31/12/2009
Age : 31
Date de naissance : 26/02/1993
Emploi/loisirs : étude en visuel communication
Localisation : Danemark.
| Mar 14 Déc - 10:08 | Chaussette |
| |
|
|
|
| Mar 21 Déc - 5:22 Merci :D Par contre j'aurais juste besoin d'aide pour une chose que je n'arrive pas à résoudre X______X Quand on va par exemple sur "Administration" ou même "Partenariat" (sur mon forum =P) J'aimerais enlever "l'effet" quand on clique dessus. En créant le Forum, j'ai pris un design prédéfinis. Vois-tu ce que je veux dire ? | |
| |
|
|
|
Chaussette Messages : 4171
Date d'inscription : 31/12/2009
Age : 31
Date de naissance : 26/02/1993
Emploi/loisirs : étude en visuel communication
Localisation : Danemark.
| Mar 21 Déc - 5:29 Quand ça devient rouge au passage de la souris ?? | Chaussette |
| |
|
|
|
| Mar 21 Déc - 6:25 | |
| |
|
|
|
Chaussette Messages : 4171
Date d'inscription : 31/12/2009
Age : 31
Date de naissance : 26/02/1993
Emploi/loisirs : étude en visuel communication
Localisation : Danemark.
| Mar 21 Déc - 14:35 Tu peux me mettre ton Css entre code, s'il te plait ? =D | Chaussette |
| |
|
|
|
| Mer 22 Déc - 7:02 - Code:
-
a.info { position: relative; color: grey; text-decoration: none; }
a.info span { display: none; /* on masque l'infobulle */ font-size: 12px;
} a.info:hover { background: none; /* correction d'un bug IE */ z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
cursor: help; /* on change le curseur par défaut en curseur d'aide */ } a.info:hover span { display: inline; /* on affiche l'infobulle */ position: absolute; -moz-border-radius: 10px 10px 10px 10px; white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
top: 10px; /* on positionne notre infobulle */ left: 10px;
background: #E0F4F4; /* font notre infobulle */
color: #326074; /* couleur du texte de notre infobulle */ padding: 3px; border-bottom: 3px solid #326074; /* bord du bas de notre infobulle */ border-top: 1px solid #326074; /* bord du haut de notre infobulle */ border-right: 6px solid #326074; /* bord de droite de notre infobulle */ border-left: 6px solid #326074; /* bord de gauche notre infobulle */ }
.forumline{ background-color: #ffffff; border: 7px #ffffff solid; }
a.forumlink { background-color: #transparent; text-shadow: #f5f8de 1px 1px 1px; background-image: url('http://nsa15.casimages.com/img/2010/05/09/100509044510844127.png'); color: #894E45; display: block; font-family: Calibri; font-size: 24px; text-transform: uppercase; text-align: center; letter-spacing: -1px; -moz-border-radius:5px; -moz-box-shadow: 0px 2px 2px #a49896; }
a.forumlink:hover{ background-color: #transparent; text-shadow: #635f5e 1px 1px 1px; background-image: url('http://i67.servimg.com/u/f67/14/07/23/03/erthyj10.png'); color: #f9fced; display: block; font-family: Calibri; font-size: 24px; text-transform: uppercase; text-align: center; letter-spacing: -1px; -moz-border-radius:5px; -moz-box-shadow: 0px 2px 2px #a49896; } a.mainmenu {border-left: 3px solid #989EA9; background-color: #A5DFEA; font-size:14px; font-family: calabri; text-decoration:none; padding-right:8px; padding-left:8px; background-color: #B8BFDA; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; }
a.mainmenu:hover{ color: #4F3838; font-size:14px; font-family: POLICE; .a { text-decoration:none; }; padding-right:8px; padding-left:8px; background-color: ##F5EEEC; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; } .statistiques { border:0px; background-image: url("http://nsa15.casimages.com/img/2010/05/09/100509064041546393.png"); background-repeat: no-repeat; background-position: center; height:270px; /* HAUTEUR DE VOTRE IMAGE DE FOND, C'EST UNE VARIABLE */ }
.groupes { background-color:#FFFFFF; /* FOND DES NOMS DE GROUPES */ border: 1px #D0D0D0 dotted; /* POUR METTRE LE CONTOUR EN POINTILLES */ -moz-border-radius : 5px 5px 5px 5px; /* ARRONDI DES CONTOURS */ height:40px; /* HAUTEUR DES ENCADRES */ padding-right:12px; /* SÉPARATION ENTRE LES GROUPES */ padding-left:12px; padding-bottom:3px; font-size:15px; /*TAILLE ECRITURE */ font-weight: bold; /* STYLE DE L'ECRITURE */ text-align:center; text-decoration: none:important! ; }
Voilà ! :) | |
| |
|
|
|
Chaussette Messages : 4171
Date d'inscription : 31/12/2009
Age : 31
Date de naissance : 26/02/1993
Emploi/loisirs : étude en visuel communication
Localisation : Danemark.
| Mer 22 Déc - 7:24 Essaye de copier ça et remplacer ton CSS : - Code:
-
a.info { position: relative; color: grey; text-decoration: none; }
a.info span { display: none; /* on masque l'infobulle */ font-size: 12px;
} a.info:hover { background: none; /* correction d'un bug IE */ z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
cursor: help; /* on change le curseur par défaut en curseur d'aide */ } a.info:hover span { display: inline; /* on affiche l'infobulle */ position: absolute; -moz-border-radius: 10px 10px 10px 10px; white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
top: 10px; /* on positionne notre infobulle */ left: 10px;
background: #E0F4F4; /* font notre infobulle */
color: #326074; /* couleur du texte de notre infobulle */ padding: 3px; border-bottom: 3px solid #326074; /* bord du bas de notre infobulle */ border-top: 1px solid #326074; /* bord du haut de notre infobulle */ border-right: 6px solid #326074; /* bord de droite de notre infobulle */ border-left: 6px solid #326074; /* bord de gauche notre infobulle */ }
.forumline{ background-color: #ffffff; border: 7px #ffffff solid; }
a.forumlink { background-color: #transparent; text-shadow: #f5f8de 1px 1px 1px; background: #E0F4F4; color: #326074; display: block; font-family: Georgia; font-size: 16px; text-align: center; letter-spacing: px; -moz-border-radius:5px; -moz-box-shadow: 0px 2px 2px #a49896; }
a.forumlink:hover{ background-color: #transparent; text-shadow: #635f5e 1px 1px 1px; background: #326074; color: #E0F4F4; display: block; font-family: Georgia; font-size: 16px; text-align: center; letter-spacing: px; -moz-border-radius:5px; -moz-box-shadow: 0px 2px 2px #a49896; } a.mainmenu {border-left: 3px solid #989EA9; background-color: #A5DFEA; font-size:14px; font-family: calabri; text-decoration:none; padding-right:8px; padding-left:8px; background-color: #B8BFDA; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; }
a.mainmenu:hover{ color: #4F3838; font-size:14px; font-family: POLICE; .a { text-decoration:none; }; padding-right:8px; padding-left:8px; background-color: ##F5EEEC; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; } .statistiques { border:0px; background-image: url("http://nsa15.casimages.com/img/2010/05/09/100509064041546393.png"); background-repeat: no-repeat; background-position: center; height:270px; /* HAUTEUR DE VOTRE IMAGE DE FOND, C'EST UNE VARIABLE */ }
.groupes { background-color:#FFFFFF; /* FOND DES NOMS DE GROUPES */ border: 1px #D0D0D0 dotted; /* POUR METTRE LE CONTOUR EN POINTILLES */ -moz-border-radius : 5px 5px 5px 5px; /* ARRONDI DES CONTOURS */ height:40px; /* HAUTEUR DES ENCADRES */ padding-right:12px; /* SÉPARATION ENTRE LES GROUPES */ padding-left:12px; padding-bottom:3px; font-size:15px; /*TAILLE ECRITURE */ font-weight: bold; /* STYLE DE L'ECRITURE */ text-align:center; text-decoration: none:important! ; } C'est cette partie qui est concerné. =) - Code:
-
a.forumlink { background-color: #transparent; text-shadow: #f5f8de 1px 1px 1px; background: #E0F4F4; color: #326074; display: block; font-family: Georgia; font-size: 16px; text-align: center; letter-spacing: px; -moz-border-radius:5px; -moz-box-shadow: 0px 2px 2px #a49896; }
a.forumlink:hover{ background-color: #transparent; text-shadow: #635f5e 1px 1px 1px; background: #326074; color: #E0F4F4; display: block; font-family: Georgia; font-size: 16px; text-align: center; letter-spacing: px; -moz-border-radius:5px; -moz-box-shadow: 0px 2px 2px #a49896; } J'ai changer les couleurs avec bleu, dis moi ce que tu en pense. =) | Chaussette |
| |
|
|
|
| Lun 27 Déc - 9:39 Merci Chaussette :D C'est exactement ça ^_^ ♥ | |
| |
|
|
|
| | |
| |