Aller à la page : 1, 2  |
|
|
|
|  Mar 15 Juil - 9:41
♥ Titre du forum : Gangnam Life.
♥ Adresse du forum : http://gangnamlife.forumactif.org/
♥ Taille du header : 800*400.
♥ Thème : C’est Gangnam, donc c’est plutôt coloré et dans les couleurs vives.
♥ Ce que vous souhaitez : Juste la bannière.
♥ Sur Qui ou Quoi vous voulez votre commande : J'aimerais un fond aux couleurs pastels (mais pas trop beige, orange clair, sinon ça n'ira pas avec le futur fond du forum) et des petits effets comme vous savez les faire. J'aimerais aussi que les Idoles qui y figurent soient Yoona, en plein milieu, et à côté d'elle, Gongchan et Baekhyun.♥ Slogan : .
♥ Photo ou galerie OBLIGATOIRE :
http://data3.whicdn.com/images/126745584/large.png
http://data1.whicdn.com/images/126576728/large.png
http://data2.whicdn.com/images/126247111/large.jpg
♥ Pouvons nous utiliser d'autres photos (Cochez) ? Oui [X] Non [ ]
♥ Exemple de Header : .
♥ Ceux qui peuvent répondre à la commande : Tous le monde [X] Les graphistes [ ]
♥ Plus d'information sur votre commande : C'est un forum qui se doit d'être convivial, alors les couleurs sombres sont de préférence à éviter. Pour les Idoles qui figurent, je n'ai trouvé que quelques jolies photos de Yoona, Gongchan est assez difficile à trouver (en entier) sans que la photo soit flou où de qualité médiocre, et pour Baekhyun aussi, il est souvent trop près de la caméra. Merci, je pense que j'ai tout dis !
| |
| | |
|
|
|
| Jeu 17 Juil - 14:35 Je vais voir ce que je peux faire :) Le fond sera de quelle couleur ? | |
| | |
|
|
|
| Jeu 17 Juil - 14:57 Je voulais mettre une couleur pastel ou un fond simple mais toujours dans les couleurs très clairs. Il faudra que je vois pour trouver un fond, par contre. ;.; Merci, c'est gentil à toi de répondre, en plus j'adoooore tes créations. ** | |
| | |
|
|
|
| Jeu 17 Juil - 15:01 Bah si tu veux, je peux te trouver une couleur qui irait bien avec le header quand je l'aurais fait :) | |
| | |
|
|
|
| Jeu 17 Juil - 15:39 Oh, je veux bien ! J'ai jamais été doué pour trouver les bonnes couleurs, et tout.. Merci haha. | |
| | |
|
|
|
| Jeu 17 Juil - 15:53 | |
| | |
|
|
|
| Jeu 17 Juil - 16:04 Par contre, ce serait possible de mettre les coins du design arrondit ? Que ça fasse quelque chose de sympa ^^ | |
| | |
|
|
|
| Jeu 17 Juil - 16:12 | |
| | |
|
|
|
| Jeu 17 Juil - 16:21 Merci, c'est super alors ! Je viens en privée pour te demander deux trois petites choses que je ne trouve pas sur google o/ | |
| | |
|
|
|
| Jeu 17 Juil - 16:24 | |
| | |
|
|
|
| Ven 18 Juil - 7:37 Petite question... Est-ce que, comme je trouve pas de bonne photo de Gongchan, je peux mettre quelqu'un d'autre à la place ? | |
| | |
|
|
|
| Ven 18 Juil - 14:21 Alors, tu crées un nouveau javascript, tu le mets sur toutes les pages, tu colles ça à l'intérieur et tu valides :) - Code:
-
$(function() {
var a = ["http://i39.servimg.com/u/f39/16/03/91/82/header12.jpg", "http://i39.servimg.com/u/f39/16/03/91/82/header13.jpg", "http://i39.servimg.com/u/f39/16/03/91/82/header14.jpg"];
$("#pun-logo img,#i_logo,#logo img").attr("src", a[Math.floor(Math.random() * a.length)])
}); https://i.servimg.com/u/f39/16/03/91/82/header12.jpg https://i.servimg.com/u/f39/16/03/91/82/header13.jpg https://i.servimg.com/u/f39/16/03/91/82/header14.jpg Ça te plait ou tu veux que je modifie quelque chose ? Je m'occupe des couleurs ^^ | |
| | |
|
|
|
| Ven 18 Juil - 15:01 
Gangnam Life Images :
Qui est en ligne : Ici
Boutons : News, No News, Locked, Nouveau Message, Répondre, Citer, Citation Multiple, Editer, Supprimer
Fond de page : Ici
Couleurs :
Couleur du lien : #f25d3c
Couleur du lien visité : #f25d3c
Couleur du lien actif : #f25d3c
Couleur du lien survolé : #f25d3c
Couleur intérieure du cadre du forum : #faf7e8
Table Rangée Couleur 1 : #faf7e8
Table Rangée Couleur 2 et surbrillance : /
Table Rangée Couleur 3 et séparations : /
Couleur des citations, codes et boutons : #fdfcf8
Couleur zones de saisie, menus déroulants et cadre de l'en-tête : #fdfcf8
Couleur de fond d'un message remercié : #faf7e8
Couleur de fond de l'éditeur (Barre de menu) : #fdfcf8
Couleur de fond de l'éditeur (Zone de saisie de texte) : #fdfcf8
Couleur du cadre du forum : #f25d3c
Couleur du cadre des tables : /
Couleur du cadre des cellules : /
Couleur Fond En-tête Catégorie : /
Codage :
CSS :
- Code:
-
.npperso {font-size:28px; font-family: 'Pacifico', cursive; color: white; text-shadow: 1px 1px 1px #ffc682}
.basefiche {width:400px; padding:5px; background-color: #fdfbef; border: 1px #efe8c5 solid; margin-top:-7px}
.cat1 {height:200px; background: #fdfcf8; padding:5px; text-align:justify; overflow: auto}
.tittle {font-size:24px; font-family: 'Pacifico', cursive; color: white; text-shadow: 1px 1px 1px #ffc682}
.imgpos {margin-left:-415px}
.iconfiche {width:75px; border-radius:50%}
.selfpres {width:359px; height: 225px; background: #fdfcf8; padding:5px; text-align:justify; overflow: auto; margin-top:-225px; margin-right:-32px}
.nplien {font-size:18px; font-family: 'Pacifico', cursive; color: white; text-shadow: 1px 1px 1px #ffc682; text-align:left; margin-left:37px; position:relative}
.divlien {width:359px; height: 65px; background: #fdfcf8; padding:5px; text-align:justify; overflow: auto; margin-top:-75px; margin-right:-32px}.npperso {font-size:28px; font-family: 'Pacifico', cursive; color: white; text-shadow: 1px 1px 1px #ffc682}
.basefiche {width:400px; padding:5px; background-color: #fdfbef; border: 1px #efe8c5 solid; margin-top:-7px}
.cat1 {height:200px; background: #fdfcf8; padding:5px; text-align:justify; overflow: auto}
.tittle {font-size:24px; font-family: 'Pacifico', cursive; color: white; text-shadow: 1px 1px 1px #ffc682}
.imgpos {margin-left:-415px}
.iconfiche {width:75px; border-radius:50%}
.selfpres {width:359px; height: 225px; background: #fdfcf8; padding:5px; text-align:justify; overflow: auto; margin-top:-225px; margin-right:-32px}
.nplien {font-size:18px; font-family: 'Pacifico', cursive; color: white; text-shadow: 1px 1px 1px #ffc682; text-align:left; margin-left:37px; position:relative}
.divlien {width:359px; height: 65px; background: #fdfcf8; padding:5px; text-align:justify; overflow: auto; margin-top:-75px; margin-right:-32px}
/* Code par Hiro pour CSSACTIF
Merci de ne pas supprimer cette mention
(http://www.css-actif.com)
Ne pas modifier cette partie !!! */
#englob { /* Encadrement global des 2 divs */
position:relative;
width:400px;
height:200px;
border:none; /* La vilaine bordure rouge */
overflow:hidden; /* Permet de cacher ce qui dépasse */
}
.imgp {
background:orange; /* le bg de la div qui contient l'image */
position:absolute; /* Laissez comme ceci */
top:0;/* Laissez comme ceci */
left:0;/* Laissez comme ceci */
width:100%;/* Laissez comme ceci */
height:100%;/* Laissez comme ceci */
z-index:1;/* La position par rapport à l'autre div qui contient les infos */
-webkit-transition:all 0.5s;/* Laissez comme ceci */
-moz-transition:all 0.5s;/* Laissez comme ceci */
-o-transition:all 0.5s;/* Laissez comme ceci */
-ms-transition:all 0.5s;/* Laissez comme ceci */
transition:all 0.5s;/* Laissez comme ceci */
}
#englob:hover > .imgp {
margin-left:-500px; /* Lorsque la souris passe sur la div #englob, on fait glisser l'image vers la gauche de 500px */
}
.infosp {
background: #fdfcf8; /* le bg de la div qui contient les infos*/
text-align:justify;
overflow: auto;
position:absolute;/* Laissez comme ceci */
top:0;/* Laissez comme ceci */
left:0;/* Laissez comme ceci */
width:100%;/* Laissez comme ceci */
height:100%;/* Laissez comme ceci */
z-index:0;/* La position par rapport à l'autre div qui contient les infos (ici en dessous)*/
opacity:0;/* on met l'opacité à zero pour un effet stylé ;) */
margin-left:0px;/* on décale la div de 200px, elle est invisible grâce a l'overflow:hidden de #englob */
-webkit-transition:all 0.5s;/* Laissez comme ceci */
-moz-transition:all 0.5s;/* Laissez comme ceci */
-o-transition:all 0.5s;/* Laissez comme ceci */
-ms-transition:all 0.5s;/* Laissez comme ceci */
transition:all 0.5s;/* Laissez comme ceci */
}
#englob:hover > .infosp {
opacity:1;/* Lorsque la souris passe sur la div #englob, on augmente l'opacité des infos */
margin-left:0px;/* et on décale cette div à 0px (position par défaut) */
} Fiche de présentation part.1
- Code:
-
<link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'><center><span class="npperso">Nom Prénom</span><div class="basefiche"><div id="englob"> <div class="imgp"><img src="http://media.tumblr.com/tumblr_m7zxqoVPIF1qjwhrf.gif"></div> <div class="infosp">Bonjour, je m'appelle <b>Nom Prénom</b> je suis né(e) le <b>Date de naissance</b> à <b>Lieu de naissance</b> j'ai donc <b>XX</b>ans. Je travaille comme <b>Métier</b>/ J'étudie <b>Études</b> ce qui fait que je suis <b>Statut financier</b> et, si tu veux tout savoir, je suis <b>Statut</b> et <b>Orientation</b>.<br/><br/>Décris le caractère de ton personnage ici. </div></div> <div class="cat1">Raconte nous ton histoire ici </div> <span class="tittle">Derrière l'écran</span> <div class="imgpos"><img src="https://31.media.tumblr.com/afbfe16feacfa98cb83af8928a336b9d/tumblr_inline_n85bk0w5aT1sd45zl.png" class="iconfiche"> <img src="https://31.media.tumblr.com/dc65e5d11f13f557b4b59b0d1ab8c033/tumblr_inline_n85btyf6lZ1sd45zl.png" class="iconfiche"> <img src="https://31.media.tumblr.com/970a1c292fcd23751e2c7b95d4c8584d/tumblr_inline_n85butQuvj1sd45zl.png" class="iconfiche"></div><div class="selfpres">Dans cette partie, oublie un peu ton personnage et parle nous de toi, on veut savoir qui se cache derrière l'écran :) </div></div></center> Fiche de présentation part.2
- Code:
-
<link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'><center><span class="npperso">Nom Prénom</span><div class="basefiche"> <span class="tittle">Interview</span><div class="cat1"><b>Question</b> <blockquote>Réponse</blockquote> <b>Question</b> <blockquote>Réponse</blockquote> <b>Question</b> <blockquote>Réponse</blockquote> <b>Question</b> <blockquote>Réponse</blockquote> <b>Question</b> <blockquote>Réponse</blockquote> <b>Question</b> <blockquote>Réponse</blockquote> <b>Question</b> <blockquote>Réponse</blockquote> <b>Question</b> <blockquote>Réponse</blockquote></div> <span class="tittle">Titre</span><br/><object width="200" height="113"><param name="movie" value="//www.youtube.com/v/95LWTeda-qk?hl=fr_FR&version=3"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="//www.youtube.com/v/95LWTeda-qk?hl=fr_FR&version=3" type="application/x-shockwave-flash" width="200" height="113" allowscriptaccess="always" allowfullscreen="true"></embed></object> <span class="tittle">Photoshoot</span> <div class="cat1"></div></center> Fiche de lien (premier message)
- Code:
-
<link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'><center><span class="npperso">Nom Prénom</span><div class="basefiche"><div id="englob"> <div class="imgp"><img src="http://media.tumblr.com/tumblr_m7zxqoVPIF1qjwhrf.gif"></div> <div class="infosp">Hello, moi c'est <b>Nom Prénom</b> je suis né(e) le <b>Date de naissance</b> à <b>Lieu de naissance</b> et j'ai donc <b>XX</b> ans. Je suis <b>Métier</b> dans le groupe des <b>Groupe</b> mais j'aime également <b>Ton autre passion (comédien, mc, danseur, ton choix est libre)</b> et, si tu veux tout savoir, je suis <b>Statut</b> et <b>Orientation</b>. <br/><br/> Qualité → Défaut → Qualité → Défaut → Qualité → Défaut → Qualité → Défaut. </div></div> <div class="cat1">[u]Resume[/u] ton histoire ici [url=lien de ta fiche]En savoir plus[/url] </div> <span class="tittle">Looking for...</span> <div class="cat1" style="height:100px">m/f - <b>Titre du lien</b> description du lien m/f - <b>Titre du lien</b> description du lien m/f - <b>Titre du lien</b> description du lien </div></div></center> Liens :
- Code:
-
<link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'><center><span class="npperso">Titre</span><div class="basefiche"><div class="nplien">Nom Prénom</div> <div style="margin-top:-20px"><div class="imgpos"><img src="https://31.media.tumblr.com/afbfe16feacfa98cb83af8928a336b9d/tumblr_inline_n85bk0w5aT1sd45zl.png" class="iconfiche"></div><div class="divlien"><b>Titre du lien</b> Description du lien</div></div><div class="nplien">Nom Prénom</div> <div style="margin-top:-20px"><div class="imgpos"><img src="https://31.media.tumblr.com/afbfe16feacfa98cb83af8928a336b9d/tumblr_inline_n85bk0w5aT1sd45zl.png" class="iconfiche"></div><div class="divlien"><b>Titre du lien</b> Description du lien</div></div></div></center>
Code by Min'
Pour le fond, tu veux une image ou juste une couleur ?
Tu veux la suite du design ? | |
| | |
|
|
|
| Ven 18 Juil - 18:12 Alors franchement...... Je suis amoureuse du design, là. L'idée des prénoms est juste géniale, c'est juste vraiment magnifique. Je n'ai pas d'ordinateur disponible mais j'en aurais un lundi après-midi, et je ferais tout. C'est vraiment beau, je suis in love, là. ** Par contre, ce serait possible de mettre une image en fond ? Comme tu me l'as proposé. J'aimerais un truc plus festif, qui donne envie de venir, et ce sera parfait. Mais l'idée des prénoms est vraiment superbe. Ah et, tu pourras juste m'expliquer plus en détail ce qu'on doit mettre où pour le design ? Parce que j'ai pas vraiment compris. -la nullité qui l'est jamais partie- ;.; Pour les codages et couleurs et images, j'ai compris, y'a pas de problèmes. Je veux bien la suite, s'il tout plaaaait. C'est super gentil à toi ! C'est vraiment magnifique. | |
| | |
|
|
|
| Sam 19 Juil - 0:30 Contente que ça te plaise ^^ Pour l'explication, je fais la suite du design et je t'envoie un mp Pour la suite, j'éditerais le message avec les couleurs etc. ^^ | |
| | |
|
|
|
| Sam 19 Juil - 3:37 J'ai commencé à faire la fiche, ça vous plait ? http://mindesign.forumactif.org/t5-test-fiche-gangnam-life#5 | |
| | |
|
|
|
| Sam 19 Juil - 6:46 D'accord, pas de problèmes. Merci pour touuuut en tout cas, c'est super génial. | |
| | |
|
|
|
| Sam 19 Juil - 6:48 Tu n'as pas répondu à ma question T_T La fiche te plait ? (Les "Bla" ne seront pas là dans la version finale, c'est juste pour tester le défilement) | |
| | |
|
|
|
| Sam 19 Juil - 8:27 Pardon, je n'avais pas duuuuu tout vu. ;-; (T'inquiètes, c'est un des seuls trucs que je comprends et que je sais XD) Oui, elle est super. Par contre, j'éditerais les "blabla" pour mettre ce qu'il faudra et tout, et ce serait possible d'ajouter une catégorie pour la créatice, qu'elle se présente ? Et puis, en vue du contexte, j'avais prévue une catégorie où les élèves faisaient une fiche où ils marqueraient les publications, ce qu'ils ont fait. Du genre "- 1 interview. - 1 vidéo. - 2 séances photos." Ce serait possible de faire un petit code où tu veux que j'essaye de m'en charger ? | |
| | |
|
|
|
| Sam 19 Juil - 8:33 Y a la catégorie pour le/la créa, juste à côté des icons ^^ Pour les codes, oui je peux faire ça ^^ | |
| | |
|
|
|
| Sam 19 Juil - 8:51 Pardon, sur téléphone c'est assez dur de voir, j'ai loupé. D'accord, merci ! | |
| | |
|
|
|
| Sam 19 Juil - 8:54 Et sous l'image, y a la présentation du personnage, je sais pas si c'est visible depuis le téléphone ^^ | |
| | |
|
|
|
| Sam 19 Juil - 9:01 J'ai réussi à mettre version web, ça y est ! La présentation est super, pile ce qui me fallait. Dans la partie créa, ce serait possible de faire une liste (Prénom, âge, comment as-tu découvert le forum, qu'est-ce qui t'as poussé à t'inscrire, un dernier commentaire) ? Tout ça en gras pour que ce soit distingué des réponses. :3 Ce serait super cool hihi. Et pour qu'ils s'y retrouvent, ce serait bien de reprendre l'écriture "Nom et prénom" et mettre pareil que pour dans la catégorie créa sauf "Qui se cache derrière ton écran ?". Ça ce serait cool je pense, enfin bien sûr si tu peux. :3 | |
| | |
|
|
|
| Sam 19 Juil - 9:06 Tu préfères pas leur laisser le choix de ce qu'ils veulent écrire ? Ou alors, ne rien mettre mais proposer quand même un mini-formulaire/une petite présentation comme celle du perso pour ceux qui n'ont pas d'idées ? Je m'occupe des modifications ^^ | |
| | |
|
|
|
| Sam 19 Juil - 9:14 C'est-à-dire faire deux fiches de liens, une pour les gens qui ont envie d'écrire et les autres qui préfèrent faire un formulaire ? | |
| | |
|
|
|
| | |
| | |
Accueil
Clique 