| | Dim 17 Avr - 3:54 | M'envolant à la fin du mois pour un séjour de cinq semaines à Sapporo, l'évidence s'impose en une disponibilité compromise et les commandes demeureront ainsi closes en cette période. Vous pouvez toutefois poster à la suite de ce message pour émettre des suggestions en respectant les formulaires correspondants ainsi que les éléments concernés par cette démarche. - Code:
-
<b>Taille :</b> <i>200*320, 200*400, 200*350, etc...</i> <b>Texte :</b> <i>Extrait de chanson/poème/jeu vidéo, etc...</i> <b>Provenance du personnage :</b> <i>Nom du personnage par Artiste/Série</i> <b>Images :</b> <i>Sous forme de liens</i> <b>Précisions :</b> <i>Ambiance particulière, forme du gif, etc...</i> - Code:
-
<b>Lien de l’œuvre concernée :</b> ... Catégories QEEL Message RP Fiche de relations Fiche partenariat Fiche de présentation Prédéfinis Récapitulatif RPs - Code:
-
<b>Largeur maximale :</b> <i>500px, 600px, etc...</i> <b>Hauteur maximale :</b> <i>Si aucune = auto</i> <b>Schéma :</b> <i>Sous forme de lien</i> <b>Éléments :</b> <i>Si impossibilité absolue de produire une esquisse imagée ou pour affiner cette dernière</i> <b>Images :</b> <i>Si images particulières à afficher, les placer ici sous forme de liens</i> <b>Animations :</b> <i>Glissement, redimensionnement, niveaux de gris, changement d'opacité, etc...</i> <b>Informations supplémentaires :</b> <i>A votre appréciation</i> Suggestion ≠ Réalisation Pour signaler un malfonctionnement, merci de continuer à poster un nouveau sujet Penser à consulter la notice avant toute interrogation |
| | | Dim 17 Avr - 4:51 | Bonsoir ! Alors avant tout, je sais qu'on vous l'a dit, redit et rereredit mais vos créations sont vraiment superbes. Félicitations et merci beaucoup pour tout le travail fourni :) Je profite que l'indisponibilité ne soit plus pour vous proposer ma suggestion: Taille : 200*360Texte : Born to be wild Provenance du personnage : Connor Kenway - Assassin's Creed Images : https://2img.net/r/hpimg15/pics/909344tpjpJ2K49N.jpg https://2img.net/r/hpimg15/pics/8559272222bymaydarid6ed2d3.jpgPrécisions : J'aime tout particulièrement la première image. Est-ce qu'il serait possible de mettre le pseudo « Tasunka » quelque part? (si ce n'est pas possible ce n'est pas grave). Sinon, l'avatar est pour un forum un peu sombre; le personnage incarne un loup (je ne sais pas si cette information aide...) J'espère n'avoir rien oublié. Vous avez beaucoup de chance d'aller à Sapporo, j'espère que vous passerez un bon séjour là-bas :) - Vous remerciant de l'attention communiquée ; la chance n'ayant cependant participé à l'élaboration du projet nous ne la laisserons ainsi s'arroger quelconque crédit en l'action. - Lundi 18 Avril 2016 à 4h23 a écrit:
- Bonsoir,
Je me permets ce message pour vous remercier. Les créations sont géniales, encore merci! |
| | | Lun 18 Avr - 16:26 | Bonjour Skaemp, d'abord je tiens à m'excuser si mon message donne l'impression d'être insistant, cela n'est nullement mon intention. Ayant vu votre sujet, je viens donc proposer moi-aussi proposer quelques propositions :D Largeur maximale : 850pxHauteur maximale : AutoSchéma : https://2img.net/image.noelshack.com/fichiers/2016/15/1460773136-qeel.png Éléments : // Images : https://2img.net/image.noelshack.com/fichiers/2016/15/1460773369-brush.png https://2img.net/image.noelshack.com/fichiers/2016/15/1460773370-queelonglet.png https://2img.net/image.noelshack.com/fichiers/2016/15/1460773504-ilssont.png https://2img.net/image.noelshack.com/fichiers/2016/15/1460773504-ilsetaient.png Animations : J'aimerais qu'on passage des blocs groupes (Les trois carrés en dessous du QEEL), il y ait un système d'infobulle qui apparaisse sur l'image du QEEL. Informations supplémentaires : Le bloc "Ils étaient là" contiendraient les membres connectés au cours des 24h, celui aurait aussi une ascenseur si cela est nécessaire. Le cadre mesure 1px et son code de couleur est: #bf51b2.
Le bloc "Ils sont là" contiendrait les membres statistiques de bases ainsi que les membres présentes. Une ascenseur peut aussi être ajouter au besoin. Le cadre mesure 1px et son code de couleur est: #bf51b2.
Les blocs des groupes mesurent 185*37 px chacun. Le couleur du premier bloc est de:#bf51b2, #f0cc7e et #99e2fbLien de l’œuvre concernée : http://www.aht.li/2801563/NEK_LS.pngVoici mes deux premières propositions :D Passer une agréable journée et je vous souhaite aussi un bon voyage ♥ Remplacer le code du QEEL [lignes 173 à 221 du template index_body] par celui-ci :- Spoiler:
- Code:
-
<link href="https://fonts.googleapis.com/css?family=Roboto:500" rel="stylesheet" type="text/css"> <!-- BEGIN disable_viewonline --> <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr><td><div class="QEEL"><!-- 24H --><div class="dayQEEL"><!-- TITRE 24H --><div class="tleDAY"></div><table>{L_CONNECTED_MEMBERS}</table></div><div class="boxQEEL"><!-- IMAGE --><img src="{L_ONLINE_IMG}" id="imgQEEL" /><!-- DESCRIPTIFS GROUPES --><script type="text/javascript" src="http://sd-1.archive-host.com/membres/up/211183412958130190/onglets.js"></script><div class="contenu_onglets"> <script type="text/javascript"> //<!-- var anc_onglet = 'eins'; change_onglet(anc_onglet); //--> </script> <!-- CONTENU GROUPE 1 --><div class="contenu_onglet" id="contenu_onglet_eins"><!-- NOM --><div style="color:#bf51b2">Les démons</div><p>Contenu groupe 1.</p></div><!-- CONTENU GROUPE 2 --><div class="contenu_onglet" id="contenu_onglet_zwei"><!-- NOM --><div style="color:#f0cc7e">Les humains</div><p>Contenu groupe 2.</p></div><!-- CONTENU GROUPE 3 --><div class="contenu_onglet" id="contenu_onglet_drei"><!-- NOM --><div style="color:#99e2fb">Les anges</div><p>Contenu groupe 3.</p></div>
</div><!-- TITRE --><div class="tleQEEL"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow"><img src="http://image.noelshack.com/fichiers/2016/15/1460773504-ilssont.png" /></a></div><!-- MEMBRES CONNECTES --><div class="onlineQEEL"><!-- STATISTIQUES --><div class="stsQEEL">{TOTAL_USERS}. {TOTAL_POSTS}. {NEWEST_USER}</div><table>{LOGGED_IN_USER_LIST}</table></div></div>
<!-- GROUPES --><div class="GQEEL"><div class="onglets"><!-- GROUPE 1 --><span class="onglet_0 onglet" id="onglet_eins" onmouseover="javascript:change_onglet('eins');" style="background:#bf51b2;">Démons</span><!-- GROUPE 2 --><span class="onglet_0 onglet" id="onglet_zwei" onmouseover="javascript:change_onglet('zwei');" style="background:#f0cc7e;">Humains</span><!-- GROUPE 3 --><span class="onglet_0 onglet" id="onglet_drei" onmouseover="javascript:change_onglet('drei');" style="background:#99e2fb;">Anges</span> </div></div>
</div></td></tr></table> <!-- END disable_viewonline --> Partie CSS : - Code:
-
/* QEEL */ .QEEL { margin:auto; width:850px; padding-top:30px; text-align:center; background-image:url(http://image.noelshack.com/fichiers/2016/15/1460773369-brush.png); background-position:bottom left; /* MODIFIABLE */ background-repeat:no-repeat; } /* TITRE 24H QEEL */ .tleDAY { position:absolute; margin-top:-65px; margin-left:-25px; width:267px; height:72px; background:url(http://image.noelshack.com/fichiers/2016/15/1460773504-ilsetaient.png); /* MODIFIABLE */ } /* 24H QEEL */ .dayQEEL { display:inline-block; vertical-align:top; width:275px; height:450px; padding:5px; overflow:auto; border:1px solid #bf51b2; /* MODIFIABLE */ font-size:10px; text-align:justify; } .dayQEEL .row1 { padding:0 !important; background:none !important; } /* COULEUR TEXTE 24H */ .dayQEEL .gensmall { color:#bf51b2; /* MODIFIABLE */ } /* BLOC IMAGE / DESCRIPTIONS GROUPES / MEMBRES CONNECTES */ .boxQEEL { display:inline-block; vertical-align:bottom; margin-left:25px; text-align:center; } /* IMAGE QEEL */ #imgQEEL { width:325px; height:325px; border-radius:350px; } /* BLOC DESCRIPTION GROUPE QEEL */ .contenu_onglet { display:none; position:absolute; margin-top:-310px; margin-left:70px; width:300px; height:270px; padding-top:30px; overflow:auto; border-radius:300px; background-color:rgba(250,250,250,0.5); /* MODIFIABLE */ font-size:10px; text-align:justify; } /* NOM GROUPE DESCRIPTION GROUPE QEEL */ .contenu_onglet div { margin-bottom:15px; height:35px; text-align:center; text-transform:uppercase; font-family:Roboto; font-size:32px; } /* DESCRIPTION GROUPE */ .contenu_onglet p { margin:auto; width:200px; height:160px; overflow:auto; font-size:10px; text-align:justify; color:#bf51b2; /* MODIFIABLE */ } /* TITRE MEMBRES CONNECTES */ .tleQEEL { position:absolute; margin-top:-55px; margin-left:-5px; } /* STATISTIQUES QEEL */ .stsQEEL { margin-bottom:10px; } /* MEMBRES CONNECTES QEEL */ .onlineQEEL { margin-top:5px; width:430px; height:120px; padding:5px; overflow:auto; color:#bf51b2; border:1px solid #bf51b2; /* MODIFIABLE */ font-size:10px; text-align:justify; } /* BLOC GROUPES QEEL */ .GQEEL { margin-top:15px; width:850px; text-align:center; } /* NOM DU GROUPE QEEL */ .onglet { display:inline-block; margin:0 10px; padding:5px 10px; text-align:center; text-transform:uppercase; font-family:Roboto; font-size:24px; color:white; /* MODIFIABLE */ transition:all 0.45s linear; -webkit-transition:all 0.45s linear; } /* SURVOL NOM DU GROUPE QEEL */ .onglet_1 { box-shadow:0 0 3px rgba(0,0,0,0.1); /* MODIFIABLE */ } Instructions :Vous remerciant et vous souhaitant pareillement. |
| | | Mar 19 Avr - 1:41 | Hello ! Je reviens vous embêter, éWè' Excusez moi, vraiment, mais j'adore votre style, et j'aimerais en faire profiter un ami, étant donné que j'ai moins de talents que vous TWT' Taille : 200*400Texte : "Before touching my car, thinking the gun in my pocket" • "Animals have fangs and claws. I have guns and blades" • "You can take my life. Anyway I still have two." • "It's not about how fast you drive. It's about how you drive fast." • "I'm not a hero. Never was. Never will be."• "Winter is coming" • "love is just a word, but you bring it the definition" Provenance du personnage : Shusei Kagari • Psycho Pass Images : http://www.less-real.com/imagevault/uploaded/images/part1/3402.jpg • http://cdn.i.ntere.st/p/9372206/image • http://orig13.deviantart.net/08c6/f/2014/314/f/c/render_psycho_pass___kagari_shuusei_by_fuyumizu-d85zm7y.png • http://static.zerochan.net/Kagari.Shuusei.full.1421724.jpg • http://static.zerochan.net/Kagari.Shuusei.full.1874603.jpg • http://static.zerochan.net/Kagari.Shuusei.full.1637899.jpgPrécisions : Attention, sur l'avant dernière image, si possible de remettre ses yeux de la couleur un peu noisette, voir orange :'/
Ah, et j'ai mis plus de citations, que d'images, pour que vous puissiez vraiment avoir du choix, sur ce que vous faite éwè'Vous souhaitant une agréable journée. |
| | | Mar 19 Avr - 9:24 | Bonjour ou bonsoir à vous, tout d'abord je vous souhaite un excellent séjour ! j'aurai aimé un tutoriel en rapport avec une de vos oeuvres : Lien de l’œuvre concernée : http://www.aht.li/2819030/NEC_LS.pngMerci bien ! Tutoriel réalisé : ici
Vous remerciant. |
| | | Jeu 21 Avr - 9:45 | Bonjour ou bonsoir Skaemp. J'introduis ce message avec les compliments que l'on vous adresse beaucoup, et qui sont légitimes. Je suis depuis quelques mois votre travail et adore vos créations, qui sont d'autant plus impressionnantes pour l'utilisation en libre service que vous en faîtes auprès d'une communauté. J'utilise certaines de vos fiches de liens et de rp, et vous en adresse les remerciements appropriés. Voyant que des suggestions sont ouvertes avant votre départ, je viens postuler pour deux suggestions d'avatars. Bon voyage d'avance, en espérant que vous en profiterez au mieux. Taille : 200x320Texte : Sweet Blossom ○ Hybrid tea rose Provenance du personnage : Arima Ahiru – Princess Tutu (crédits des artistes Kuzira Kirara et Hitori) Images : https://2img.net/image.noelshack.com/fichiers/2016/16/1461223632-arima-ahiru-full-1852864.jpg https://2img.net/image.noelshack.com/fichiers/2016/16/1461223684-commi1f-by-hitoricorporation-d9s83g1.pngPrécisions : Le personnage étant une jeune enfant, une possible ambiance évoquant la candeur ? Si cette indication vous inspire autrement, libre à vous de composer selon vos propres ressentis et votre propre envie. En vous remerciant encore et d'avance. - Vous remerciant. |
| | | Ven 22 Avr - 0:44 | |
| | | Ven 22 Avr - 22:44 | Bonjour :3 Je viens vous demander un tutoriel sur une oeuvre très récente puisqu'elle a été faite sur ce topic :3 Lien de l’œuvre concernée : https://2img.net/r/hpimg15/pics/475152360C1.pngJ'ai également une question qui va de pair : est-ce qu'il vous arrive de partager vos ressources ? Et plus particulièrement, ici, la texture qui a servi pour faire le fond de cet avatar. J'en cherche dans ce style, mais mes recherches ne sont pas fructueuses, donc voilà, j'ose poser la question. Merci d'avance pour vos réponses, quelle qu'elles soient, et bon voyage :3 Tutoriel réalisé : ici
Vous remerciant. |
| | | Dim 24 Avr - 16:22 | |
| | | Dim 24 Avr - 17:56 | |
| | | Mer 27 Avr - 8:03 | |
| | | Jeu 28 Avr - 22:50 | Bonjour/bonsoir, voici une de mes propositions! Largeur maximale : 700 pxHauteur maximale : autoSchéma : https://2img.net/r/hpimg11/pics/122011cat.jpg Éléments : L'avatar fera 700*300 en dimension les premières icones carrées sont les icones de champs profil, mp etc, les champs de contact donc! Seraitil possible d'avoir la possibilité qu'en glissant dessus au lieu d'avoir par exemple "visiter le site du posteur" on puisse spécifier l'information comme "fiche de lien" "fiche de sujet" "fiche d'évolution? Les autres carrés sont pour la modération. Images : Si images particulières à afficher, les placer ici sous forme de liens Animations : Glissement, redimensionnement, niveaux de gris, changement d'opacité, etc...Informations supplémentaires : merci par avance! |
| | | Sam 30 Avr - 10:32 | Bonjour, bonjour. Je profite de cette section pour vous transmettre une petite (ou pas pitite) demande de codage. Ce serais pour un "inventaire" pour un forum basé sur un jeu vidéo qui devrait ouvrir prochainement. Largeur maximale : 800pxHauteur maximale : autoSchéma : https://i.servimg.com/u/f86/19/35/41/70/sans_t10.png Animations :
Je voudrais que les cases ou il y a une étoile glissent ou disparaissent pour laisser place a du texte.
Et en dessous de la grande image si possible une case pour du texte et/ou des images et avec overflow.
Informations supplémentaires : Je ne sais pas trop si vous pourrez le faire mais comme je suis fan, bin je tente le coup.
Merci d'avance de l'attention portée à ma demande en espérant que ce soit possible (et pas trop embêtant).
Bonne journée/ soirée à vous, et bonne vacances !Code : - Code:
-
<!-- INVENTAIRE --><div class="INV"><!-- INVENTAIRE GAUCHE - IMAGES EN 125*125 --><div class="lftINV"><!-- I --><div><img src="http://www.aht.li/2780126/125125.png" /><!-- CONTENU --><p>Texte</p></div><!-- II --><div><img src="http://www.aht.li/2780126/125125.png" /><!-- CONTENU ---><p>Texte</p></div><!-- III --><div><img src="http://www.aht.li/2780126/125125.png" /><!-- CONTENU --><p>Texte</p></div></div><!-- BLOC CENTRAL INVENTAIRE --><div class="mdlINV"><!-- IMAGE INVENTAIRE EN 200*100 --><div><img src="http://www.aht.li/2733637/200100.png" /><!-- CONTENU --><p>Texte</p></div><!-- IMAGE PERSONNAGE EN 200*300 --><img src="http://www.aht.li/2776411/200300.png" /></div><!-- INVENTAIRE DROITE - IMAGES EN 125*125 --><div class="rgtINV"><!-- I --><div><img src="http://www.aht.li/2780126/125125.png" /><!-- CONTENU --><p>Texte</p></div><!-- II --><div><img src="http://www.aht.li/2780126/125125.png" /><!-- CONTENU ---><p>Texte</p></div><!-- III --><div><img src="http://www.aht.li/2780126/125125.png" /><!-- CONTENU --><p>Texte</p></div></div><!-- TITRE / CITATION --><div class="tleINV">Titre / citation</div><!-- INFORMATIONS SUPPLEMENTAIRES --><div class="abtINV">Texte<div></div> Partie CSS : Affichage > Images et Couleurs > Couleurs > Feuille de style CSS - Code:
-
/* INVENTAIRE */ .INV { margin:auto; width:500px; line-height:16px; } /* INVENTAIRE GAUCHE */ .lftINV { display:inline-block; vertical-align:bottom; } .lftINV div{ margin-top:10px; } .lftINV div img{ width:125px; height:125px; } /* CONTENUS INVENTAIRE GAUCHE */ .lftINV div p{ position:absolute; margin-top:-125px; width:115px; height:115px; padding:5px; overflow:auto; background:white; color:black; /* MODIFIABLE */ opacity:0; transition:all 0.55s; -webkit-transition:all 0.55s; } .lftINV div:hover p { opacity:1; } /* BLOC CENTRAL INVENTAIRE */ .mdlINV { display:inline-block; vertical-align:top; margin:0 25px; } .mdlINV div{ margin-bottom:10px; } .mdlINV div img{ width:200px; height:100px; } /* CONTENU BLOC CENTRAL INVENTAIRE */ .mdlINV div p{ position:absolute; margin-top:-100px; width:190px; height:90px; padding:5px; overflow:auto; background:white; color:black; /* MODIFIABLE */ opacity:0; transition:all 0.55s; -webkit-transition:all 0.55s; } .mdlINV div:hover p { opacity:1; } /* INVENTAIRE DROITE */ .rgtINV { display:inline-block; vertical-align:bottom; } .rgtINV div{ margin-top:10px; } .rgtINV div img{ width:125px; height:125px; } /* CONTENUS INVENTAIRE DROITE */ .rgtINV div p{ position:absolute; margin-top:-125px; width:115px; height:115px; padding:5px; overflow:auto; background:white; color:black; /* MODIFIABLE */ opacity:0; transition:all 0.55s; -webkit-transition:all 0.55s; } .rgtINV div:hover p { opacity:1; } /* TITRE */ .tleINV { margin:15px auto; text-align:center; font-size:24px; /* MODIFIABLE */ } /* INFORMATIONS SUPPLEMENTAIRES */ .abtINV { height:100px; /* MODIFIABLE */ padding:20px; overflow:auto; border-radius:25px; background:black; color:white; /* MODIFIABLE */ font-size:11px; text-align:justify; } Vous remerciant. |
| | | Jeu 5 Mai - 17:01 | Bonjour Skaemp, j'espère que vous êtes bien arrivée à Sapporo (si vous y êtes déjà mais vu votre message, il me semble que les dates sont bonnes Je me permet de venir vous poster un petit formulaire concernant une fiche de partenariat/pub! En espérant que je fasse les choses convenablement @_@ Largeur maximale : 500px Hauteur maximale : Je n'ai pas de hauteur maximale Schéma : https://2img.net/image.noelshack.com/fichiers/2016/18/1462459804-fiche-partenaire.png Éléments : // Images : Est ce que ça vous dérange si je les ajouterais moi même à la fin? Sinon, je vous fournirais des images classiques Animations : Pour l'image en 500 de large, je n'ai pas de hauteur préférée, si le code peut s'adapter, ça m'arrangerait La navigation, j'aimerais bien un petit effet d'étirement du texte, très léger pour qu'il ne déborde pas Le code du staff : j'aimerais que ce soit un slideshow si possible, nous sommes et j'aimerais que le défilement soit automatique s'il vous plait! La case contexte peut être caché derrière une image? Et le contenu peut il avoir une barre de défilement? De même que pour les news? Cachés derrière une image et barre de défilement? j'ignore bien la taille que vous pouvez mettre et je m'en excuse :/ Je ne suis pas très très douée pour les schémas. J'essaie de m'expliquer au mieux pour vous faciliter la tâche! Les images des scénarios seraient de 40*40 comme dit sur le schéma ** et un effet de filtre noir et blanc sur l'image qui s'en va quand on passe la souris (je ne connais pas le terme, désolée) Pour l'image du partenariat, pas de hauteur ou large maximal s'il vous plait Informations supplémentaires : J'adore pouvoir modifier la police et les couleurs d'une fiche, serait il possible de faire ça? Egalement, j'aimerais l'héberger sur une page HTML, est il possible de mettre le code pour que les caractères spéciaux soient pris en compte s'il vous plait?Voilà Skaemp, j'espère avoir tout remplis correctement et avoir été assez claire. Si ce n'est pas le cas, n'hésitez pas à m'avertir. Concernant les images, comme dit plus haut, je pourrais vous les fournir si vous le désirez mais l'ennui c'est que je ne sais absolument pas quelle taille vous comptez mettre au case "staff", "contexte" et "news". En vous souhaitant une agréable semaine et un excellent séjour - Code:
-
<meta charset="utf-8"><!-- SLIDE BY JSSOR --><script type="text/javascript" src="http://sd-1.archive-host.com/membres/up/211183412958130190/jquery-1113min.js"></script><script type="text/javascript" src="http://sd-1.archive-host.com/membres/up/211183412958130190/jssorslidermini.js"></script><script type="text/javascript" src="http://sd-1.archive-host.com/membres/up/211183412958130190/debug_slide.js"></script><link href="https://fonts.googleapis.com/css?family=Niconne" rel="stylesheet" type="text/css"><link href="http://sd-1.archive-host.com/membres/up/211183412958130190/RP/PART_SLID.css" rel="stylesheet" type="text/css"><!-- PARTIE CSS PERMETTANT DE MODIFIER LA COULEUR DES LIENS & DES FLECHES --><style type="text/css">/* LIENS */.lksSLID a{color:white !important; font-family:Times New Roman !important;} /* FLECHE GAUCHE ET SON SURVOL */ .lftARW {color:black !important;} .lftARW:hover {color:grey !important;} /* FLECHE DROITE ET SON SURVOL */ .rgtARW {color:black !important;} .rgtARW:hover {color:grey !important;}</style><!-- FICHE PARTENARIAT - TOUTES COULEURS PERSONNALISABLES --><div class="SLID" style="background:grey;"><!-- CREDIT --><div class="cdtSLID"><a href="http://crushcrushcrush.actifforum.com/" target="_blank">Ʃkaemp はは </a></div><!-- BANNIERE DU FORUM - LARGEUR MINIMALE = 500PX - REDIMENSIONNEMENT AUTOMATIQUE --><div class="imgSLID"><img src="http://www.aht.li/2780127/500150.png" /></div><!-- 5 LIENS --><div class="lksSLID"><!-- I --><a href="" target="_blank">Lien</a><!-- II --><a href="" target="_blank">Lien</a><!-- III --><a href="" target="_blank">Lien</a><!-- IV --><a href="" target="_blank">Lien</a><!-- V --><a href="" target="_blank">Lien</a></div><!-- SLIDE STAFF - IMAGES EN 200*50 --><div class="sliSLID" style="background:#7DB6FC;"><div id="jssor_1"><div data-u="slides" style="position:relative; width:300px; height:100px; overflow:hidden;"><!-- I --><div data-p="225.00" style="display:none; color:black;"><!-- CONTENU --><img src="http://www.aht.li/2824974/20050.png" /><span>Pseudonyme</span><br/>Fonction</div><!-- II --><div data-p="225.00" style="display:none; color:black;"><!-- CONTENU --><img src="http://www.aht.li/2824974/20050.png" /><span>Pseudonyme</span><br/>Fonction</div><!-- III --><div data-p="225.00" style="display:none; color:black;"><!-- CONTENU --><img src="http://www.aht.li/2824974/20050.png" /><span>Pseudonyme</span><br/>Fonction</div></div><!-- FLECHES --><span data-u="arrowleft" class="lftARW">◄</span><span data-u="arrowright" class="rgtARW">►</span></div></div><br/><br/><!-- CONTEXTE --><div class="ctxtSLID" style="background:#7DB6FC; color:black; font-family:Times New Roman;">Contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte</div><!-- 6 PREDEFINIS - IMAGES EN 40*40 --><div class="pfSLID"><!-- 1 --><a href="" target="_blank"><img src="http://www.aht.li/2889364/4040C.png" /></a><!-- 2 --><a href="" target="_blank"><img src="http://www.aht.li/2889364/4040C.png" /></a><!-- 3 --><a href="" target="_blank"><img src="http://www.aht.li/2889364/4040C.png" /></a><!-- 4 --><a href="" target="_blank"><img src="http://www.aht.li/2889364/4040C.png" /></a><!-- 5 --><a href="" target="_blank"><img src="http://www.aht.li/2889364/4040C.png" /></a><!-- 6 --><a href="" target="_blank"><img src="http://www.aht.li/2889364/4040C.png" /></a></div><br/><br/><!-- JOIN US --><div class="joinSLID" style="color:black;">Nous rejoindre ?<!-- IMAGE --><a href="" target="_blank"><img src="http://www.aht.li/2827805/8831.png" /></a></div><!-- NOUVELLES --><div class="newsSLID" style="background:#7DB6FC; color:black; font-family:Times New Roman;"><b>- le 00/00/00 :</b> ...<br/><b>- le 00/00/00 :</b> ...<br/><b>- le 00/00/00 :</b> ...</div></div> I. Créer une nouvelle page html :II. Iframe à modifier [ Lien | Width | Height ] et communiquer : - Code:
-
<center><iframe src="lien" scrolling="no" style="width:525px; height:500px;" marginwidth="0" marginheight="0" frameborder="0"></iframe></center> Ajout de staff = ajout de : - Code:
-
<!-- ? --><div data-p="225.00" style="display:none; color:black;"><!-- CONTENU --><img src="http://www.aht.li/2824974/20050.png" /><span>Pseudonyme</span><br/>Fonction</div> Vous remerciant. |
| | | Sam 7 Mai - 19:26 | Bonjour où bonsoir si vous êtes encore a Sapporo ce serait pour un code de message Rp Largeur maximale : 500Hauteur maximale : 281Schéma : Sous cette forme là: - Spoiler:
- Code:
-
<link rel="stylesheet" type="text/css" href="http://sd-1.archive-host.com/membres/up/211183412958130190/RP/BTD_RP.css"/><center><div style="width:575px"><!-- BOITE - BORDURE PERSONNALISABLE --><div class="boxBTD" style="border-bottom:5px solid #123352;"><!-- BANNIERE - 575*135 --><div class="bannBTD" style="background:url(http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/BTDBann.png) no-repeat; border-bottom:5px solid #123352;"><!-- CREDIT --><div class="cdtBTD"><a href="http://crushcrushcrush.actifforum.com/" target="_blank">Ʃkaemp はは ™</a></div></div><!-- MESSAGE - TYPOGRAPHIE PERSONNALISABLE --><div style="padding:10px; font-family:'Arial'; font-size:12px;">Votre message.</div><!-- FIN MESSAGE --></div><!-- CITATION - COULEURS PERSONNALISABLES --><div class="quoteBTD" style="background-color:#123352 !important;">Citation.</div><!-- FIN CITATION --></div></center> Éléments : Si impossibilité absolue de produire une esquisse imagée ou pour affiner cette dernière Images : Oui: http://24.media.tumblr.com/c275687c5a129a1e58db18d56f32e1e1/tumblr_mqqrjxfPJd1s4s5q8o1_500.gif Animations : NonInformations supplémentaires : Mettre le gift a la place de l'image du fond du code et mettre les bordure et l'encadrement avec le code couleur: #4E87B5 - Code:
-
<link rel="stylesheet" type="text/css" href="http://sd-1.archive-host.com/membres/up/211183412958130190/RP/BTD_RP.css"/><!-- BOITE - TOUTES COULEURS PERSONNALISABLES --><div class="boxBTD" style="border-bottom:5px solid #4E87B5;"><!-- BANNIERE --><div class="bannBTD" style="border-bottom:5px solid #4E87B5;"><!-- CREDIT --><div class="cdtBTD"><a href="http://crushcrushcrush.actifforum.com/" target="_blank">Ʃkaemp はは ™</a></div><!-- IMAGE - 575 DE LARGEUR MINIMALE --><img src="http://24.media.tumblr.com/c275687c5a129a1e58db18d56f32e1e1/tumblr_mqqrjxfPJd1s4s5q8o1_500.gif" /></div><!-- MESSAGE - TYPOGRAPHIE PERSONNALISABLE --><div class="msgBTD" style="font-family:Arial; background:#FFF; color:black;">Message.</div><!-- FIN MESSAGE --></div><!-- CITATION --><div class="quoteBTD" style="background:#4E87B5; color:white;">Citation.</div> Vous souhaitant une agréable journée. |
| | | Dim 8 Mai - 19:59 | Bonjour ou bonsoir à vous ! J'aime vraiment ce que vous faites alors je viens vous proposez ma suggestion, en espérant ne pas vous encombrer. Taille : 200*320 Texte : "Liar" ou "Alone" Provenance du personnage : Oc de Tae4021 sur zerochan Images : http://www.zerochan.net/1739155http://www.zerochan.net/1727791http://www.zerochan.net/1778795Précisions : Quelque chose de pas trop sombre de préférence ^^ Merci d'avoir pris le temps de lire et Bonne continuation. - Vous souhaitant une agréable journée. |
| | | Lun 9 Mai - 1:51 | |
| | | Lun 9 Mai - 18:29 | Bonjour / Bonsoir, Avant toute chose je tiens à vous féliciter encore une fois de vos créations qui sont toujours aussi belles. Je me permet une petite commande de codes, si cela est bien sûr possible. En vous souhaitant d'excellentes vacances et en vous remerciant du temps accordé à ma demande. Largeur maximale : 800pxHauteur maximale : autoSchéma : code rp : https://2img.net/r/hpimg11/pics/185541codesimple.png code groupe : https://2img.net/r/hpimg11/pics/422135codeclan.png code predefini : https://2img.net/r/hpimg11/pics/141236codepredefini.png Images : icon fiche predef : https://v.dreamwidth.org/5025007/1282274 couronne : https://2img.net/r/hpimg15/pics/529529iconcouronne.png avatar : https://2img.net/r/hpimg15/pics/591509jeanne23.png Animations : Comme sur les fiches predefini dans le ls il faudrait afficher les informations sous l'avatar et pouvoir rajouter des adjectifs si besoin sans deformer le code ( le dernier point est facultatif )Informations supplémentaires : Serait-il possible d'ajouter un screen roll dans la fiche des groupes ? En vous remerciant encore. Message RP : - Code:
-
<link href="http://sd-1.archive-host.com/membres/up/211183412958130190/RP/BOR_RP.css" rel="stylesheet" type="text/css"><!-- BOITE - TOUTES COULEURS PERSONNALISABLES --><div class="BOR"><!-- BLOC TITRE --><div id="tleBOR" style="background:#a3a3c7; color:white;"><!-- BORDURE TITRE --><div class="tleBOR" style="border-color:white;"><!-- TITRE --><div>Titre</div><!-- SOUS-TITRE --><span>sous-titre</span></div></div><!-- MESSAGE & BORDURE BAS --><div class="msgBOR" style="background:white; color:black; border-color:#a3a3c7;">Message.</div></div> Fiche prédéfinis : - Code:
-
<link href="http://sd-1.archive-host.com/membres/up/211183412958130190/RP/PF_BOR.css" rel="stylesheet" type="text/css"><!-- FICHE --><div class="PFBOR"><!-- NOM PRENOM(S) - DISPONIBILITE --><div id="tlePFBOR"><div class="tlePFBOR"><!-- NOM PRENOM(S) --><div>NOM Prénom(s)</div><!-- DISPONIBILITE --><span>Disponible</span></div></div><!-- AVATAR / INFORMATIONS / HISTOIRE / ADJECTIFS --><div class="abtPFBOR"><!-- CREDIT --><a class="cdtPFBOR" href="http://crushcrushcrush.actifforum.com/" target="blank"><img src="http://www.aht.li/2456212/PUF.png" /></a><!-- AVATAR / PHYSIQUE / INFORMATIONS --><div class="fosPFBOR"><!-- IMAGE 200*320 --><img src="http://img15.hostingpics.net/pics/591509jeanne23.png" /><!-- INFORMATIONS / PHYSIQUE --><div><center>ft. personnage de <b>série/artiste</b></center><br/><b>Âge</b> : ...<br/><b>Métier/études</b> : ...<br/><b>Nationalité/origines</b> : ...<br/><b>Situation conjugale</b> : <i>Marié(e)/Célibataire/En couple/Divorcé(e)/Veuf(ve)</i><br/><b>Situation familiale</b> : <i>Fils(le) unique/(Demi-)frère(s)/(Demi-)soeur(s)</i><br/><b>Situation financière</b> : <i>Précaire/Moyenne/Aisée</i><br/><br/><!-- PHYSIQUE --><b>Carnation</b> : ...<br/><b>Taille</b> : ...<br/><b>Corpulence</b> : ...<br/><b>Cheveux</b> : <i>Longueur, couleur</i><br/><b>Yeux</b> : <i>Couleur</i><br/><b>Signe(s) distinctif(s)</b> : <i>Tatouage, tache de naissance, accessoire particulier, etc...</i></div></div><!-- HISTOIRE --><div class="storyPFBOR"><span>Histoire</span><!-- CONTENU -->Histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire</div><!-- LISTE D'ADJECTIFS - PAS DE MAXIMUM --><div class="adjPFBOR"><div>adjectif</div><div>adjectif</div><div>adjectif</div><div>adjectif</div><div>adjectif</div><div>adjectif</div></div></div></div><!-- RELATION POTENTIELLE --><div class="rlPFBOR"><!-- IMAGE & NOM PRENOM --><div class="npPFBOR"><!-- IMAGE 100*100 --><img src="https://v.dreamwidth.org/5025007/1282274" /><!-- NOM PRENOM --><div>NOM<br/>Prénom</div></div><!-- DESCRIPTION --><div class="uniPFBOR"><!-- RELATION --><span>relation</span><!-- CONTENU --><p>Description</p></div></div> Ajout de relation potentielle = ajout de : - Code:
-
<!-- RELATION POTENTIELLE --><div class="rlPFBOR"><!-- IMAGE & NOM PRENOM --><div class="npPFBOR"><!-- IMAGE 100*100 --><img src="https://v.dreamwidth.org/5025007/1282274" /><!-- NOM PRENOM --><div>NOM<br/>Prénom</div></div><!-- DESCRIPTION --><div class="uniPFBOR"><!-- RELATION --><span>relation</span><!-- CONTENU --><p>Description</p></div></div> Partie CSS : - Code:
-
/* FICHE PREDEFINIS */ /* BLOC NOM PRENOM(S) & DISPONIBILITE */ #tlePFBOR { background:#a3a3c7 !important; color:white !important; } /* BORDURE NOM PRENOM(S) & DISPONIBILITE */ .tlePFBOR { border-color:white !important; } /* BLOC AVATAR / INFORMATIONS / HISTOIRE / ADJECTIFS */ .abtPFBOR { background:white !important; } /* INFORMATIONS & PHYSIQUE */ .fosPFBOR div{ background:rgba(250,250,250,0.7) !important; color:black !important; } /* TITRES INFORMATIONS & PHYSIQUE */ .fosPFBOR b{ color:#a3a3c7 !important; } /* BLOC HISTOIRE */ .storyPFBOR { background:#eae9eb !important; color:black !important; } /* TITRE HISTOIRE */ .storyPFBOR span{ border-bottom-color:#a3a3c7 !important; color:black !important; } /* BLOC ADJECTIFS */ .adjPFBOR { background:#eae9eb !important; } /* ADJECTIF */ .adjPFBOR div{ background:#a3a3c7 !important; color:white !important; } /* BLOC RELATION POTENTIELLE */ .rlPFBOR { background:white !important; } /* BORDURE NOM PRENOM RELATION POTENTIELLE */ .npPFBOR div{ border-color:white !important; } /* NOM PRENOM RELATION POTENTIELLE */ .npPFBOR:hover div { background:white !important; color:black !important; } /* BLOC DESCRIPTION RELATION POTENTIELLE */ .uniPFBOR { background:#eae9eb !important; } /* QUALIFICATION RELATION POTENTIELLE */ .uniPFBOR span{ border-bottom-color:#a3a3c7 !important; color:black !important; } /* DESCRIPTION RELATION POTENTIELLE */ .uniPFBOR p{ color:black !important; } Fiche groupe : - Code:
-
<!-- FICHE - TOUTES COULEURS PERSONNALISABLES --><div class="COMBOR"><!-- BLOC TITRE --><div id="tleCOMBOR" style="background:#a3a3c7; color:white;"><!-- BORDURE TITRE --><div class="tleCOMBOR" style="border-color:white;"><!-- TITRE --><div>Titre</div><!-- SOUS-TITRE --><span>sous-titre</span></div></div><!-- IMAGE / INFORMATIONS / CHEF DE CLAN / RELATIONS ENTRE CLANS / EFFECTIFS & BORDURE BAS --><div class="abtCOMBOR" style="background:white; border-color:#a3a3c7;"><!-- IMAGE --><div class="picCOMBOR"><!-- IMAGE 200*200 --><img src="" /></div><!-- DESCRIPTION --><div class="descCOMBOR">Texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte</div><!-- BLOC RANG CHEF DE CLAN --><div id="rankCOMBOR" style="background:#a3a3c7; color:white;"><!-- BORDURE RANG CHEF DE CLAN --><div class="rankCOMBOR" style="border-color:white;"><!-- IMAGE --><img src="http://img15.hostingpics.net/pics/529529iconcouronne.png" /><!-- RANG -->Reine<br/>d'Elwynn</div></div><!-- BLOC NOM CHEF DE CLAN --><div id="lksCOMBOR" style="background:#a3a3c7; color:white;"><!-- BORDURE NOM CHEF DE CLAN --><div class="lksCOMBOR" style="border-color:1px;">Pseudonyme<br/><!-- PROFIL & MP --><a href="" target="_blank">Profil</a> - <a href="" target="_blank">MP</a></div></div><!-- RELATIONS ENTRE CLANS --><div class="rlCOMBOR">- Nom : ...<br>- Nom : ...<br/>- Nom : ...</div><!-- EFFECTIFS --><div class="nbCOMBOR">Membres et grades</div></div></div> Partie CSS : - Code:
-
/* FICHE GROUPE */ .COMBOR { margin:auto; width:525px; line-height:16px; } /* TITRE */ #tleCOMBOR { padding:5px; } .tleCOMBOR { padding:5px; border:1px solid; text-align:center; text-transform:uppercase; } .tleCOMBOR div{ font-size:20px; } .tleCOMBOR span{ display:block; margin-top:2px; font-size:11px; } /* INFORMATIONS */ .abtCOMBOR { margin-top:10px; padding:20px 0; border-bottom:15px solid; text-align:center; } /* IMAGE */ .picCOMBOR { display:inline-block; vertical-align:top; margin-right:10px; width:220px; padding:10px 0; text-align:center; } .picCOMBOR img { width:200px; height:200px; border:1px solid white; } /* DESCRIPTION */ .descCOMBOR { display:inline-block; vertical-align:top; width:260px; height:240px; overflow:auto; } /* RANG */ #rankCOMBOR { display:inline-block; vertical-align:top; margin-right:10px; width:210px; height:45px; padding:5px; } .rankCOMBOR { padding:5px; border:1px solid; text-align:center; text-transform:uppercase; } .rankCOMBOR img{ float:left; } /* NOM CHEF DE CLAN */ #lksCOMBOR { display:inline-block; vertical-align:top; width:250px; height:45px; padding:5px; text-align:center; text-transform:uppercase; } .lksCOMBOR { padding:5px; border:1px solid; text-align:center; text-transform:uppercase; } .lksCOMBOR a{ text-decoration:none !important; font-size:14px; } /* RELATIONS CLANS */ .rlCOMBOR { margin:10px auto; width:490px; text-align:left; } /* EFFECTIFS */ .nbCOMBOR { margin:auto; width:490px; height:125px; overflow:auto; text-align:justify; } Vous souhaitant une agréable journée. |
| | | Lun 16 Mai - 17:12 | |
| | | Mar 17 Mai - 12:23 | |
| | | Mer 18 Mai - 15:26 | Je vous aimeeeeeee argh. Vous et votre travail êtes formidables ! Taille : 250*350Texte : "Damn , why is my father ..." "Only real know !" Provenance du personnage : Matoi Ryuuko - Kill La Kill Images : Toute une galerie d'images, https://imgur.com/a/GI3mSPrécisions : Une ambiance plutôt joyeuse et festive, sauf pour la troisième ?Je vous remercie d'avance ! Vous souhaitant une agréable journée. |
| | | Lun 23 Mai - 17:53 | Bonsoir/bonjour Skaemp ! J'ose vous demander un petit peu d'aide pour ces deux codes qui me seront très utile à l'avenir. Votre travail est juste magnifique soi-disant passant ! Un grand merci par avance si vous me donner un petit coup de pouce à moi, qui suit archi nul en code. Largeur maximale : 800px Hauteur maximale : Auto Schéma : Code rp ( pour un contexte ) : https://i.imgur.com/C4hf1q9.pngCode pour groupe :https://i.imgur.com/bijqpgY.png Images : // Animations : Non. Informations supplémentaires : Tandis que j'aimerais avoir une scroll bar pour le texte du code pour le groupe ( pour qu'il garde sa taille), je n'aimerais pas qu'il y en ai une pour le code contexte (afin qu'on puisse voir le récit dans son entièreté ) Ce sera tout. Je vous remercie encore une fois et vous souhaite un agréable séjour là où vous êtes actuellement ! Fiche contexte : - Code:
-
<!-- FICHE CONTEXTE --><div class="CTXT"><!-- BLOC TITRE & SOUS-TITRE --><div class="tleCTXT"><!-- TITRE -->Titre<!-- SOUS-TITRE --><span>sous-titre</span></div><!-- BLOC CONTENU CONTEXTE --><div class="msgCTXT"><!-- CONTENU --><p>Texte</p></div></div> Partie CSS : Affichage > Images et Couleurs > Couleurs > Feuille de style CSS - Code:
-
/* FICHE CONTEXTE */ .CTXT { margin:auto; width:500px; } /* BLOC TITRE & SOUS-TITRE */ .tleCTXT { margin-bottom:10px; padding:10px; background:skyblue; color:white; /* MODIFIABLE - FOND & COULEUR DU TEXTE */ text-align:center; font-size:24px; letter-spacing:1px; } /* SOUS-TITRE */ .tleCTXT span{ display:block; font-size:14px; } /* BLOC CONTENU CONTEXTE */ .msgCTXT { padding:10px; background:lightblue; /* MODIFIABLE - FOND */ } /* CONTENU CONTEXTE */ .msgCTXT p{ margin:0; padding:5px; background:white; color:black; /* MODIFIABLE - FOND & COULEUR DU TEXTE */ text-align:justify; } Fiche groupe : - Code:
-
<link href="http://sd-1.archive-host.com/membres/up/211183412958130190/RP/COM_GRP.css" style="text/css" rel="stylesheet"><!-- FICHE GROUPE - TOUTES COULEURS PERSONNALISABLES --><div class="GRP"><!-- IMAGE 200*400 - VEILLER A LAISSER LA CLASS --><img class="imgGRP" src="..." /><!-- BLOC NOM & DESCRIPTION --><div class="boxGRP"><!-- NOM & RESUME --><div class="tleGRP" style="background:black; color:white;"><!-- NOM DU GROUPE --><span style="color:white; border-color:white;">Nom du groupe</span><!-- CITATION / RESUME --><p style="color:white;">Résumé du groupe.</p></div><!-- DESCRIPTION --><div class="msgGRP" style="background:white; color:black;">Description du groupe.</div></div><div> Vous remerciant. |
| | | Lun 23 Mai - 19:33 | |
| | | Jeu 26 Mai - 8:16 | Bonjour! Je viens à votre encontre pour une demande d'avatar et de signature dans un premier temps Taille : 200*320 Texte : "42 is the answer, Lucy or Trillian," ce qui vous inspire avec les précisions! Sachant que toute phrase geek célèbre peut passer! Provenance du personnage : Sirithil, model français Images : http://sirithil.net/blog/wp-content/uploads/2015/12/QuentinCaffier-1.jpghttp://sirithil.net/blog/wp-content/uploads/2015/12/QuentinCaffier-2.jpghttp://sirithil.net/blog/wp-content/uploads/2015/12/QuentinCaffier-3.jpghttp://sirithil.net/blog/wp-content/uploads/2015/12/QuentinCaffier-4.jpg Précisions : Geek et hackeuse, la jeune femme est toujours positive et aime voir le bon côté des choses, ce qu'elle a appris suite à une enfance compliquée mais qu'elle juge pour autant heureuse. (Abandonnée à ses 5 ans, devant la porte de sa grand mère, par sa mère atteinte de bipolarité à tendance dépressive et suiciaire qui a préféré suivre, l'Homme de Sa Vie. Un énième même qu'elle aimait! Elle ne sait pas qui est son père, hormis qu'il est le grand Amour de sa mère et qu'il est vraissemblablement parti car Lou est arrivée!) C'est une humaine évoluant parmis les Nephilim(démon) dans une ambiance de huit-clos dans la ville de Vegas. Elle fait partie d'un clan de démon, les Infiltrées (sur la signature ce serait bien qu'on retrouve ces mots "Les Infiltrés") et utilise donc ses talents de Hack pour effacer leur existence et d'autres trucs. Cela se déroule à une époque contemporaine, il y a une guerre entre les Elohim (ange) et les Nephilim. Les anges ne peuvent entrer sous le dôme protecteur de Vegas (un dôme qui chasse leurs ames des corps humains qu'ils empruntent car ils doivent s'incarner pour ne pas être souillé par les pêchés). Les Nephilims sont des survivants donc! Les Nephillim ont besoin des humains pour obtenir leur orgone (énergie sexuelle) afin de recharger leur batterie, mais ce n'est pas vraiment la préoccupation de Lucy. Elle tient l'Area 51, une entreprise qui offre : un cyber café, une boutique de manga/comics, une zone gaming avec jeux d'arcade (borne) et une escape room. Elle est de nature douce, bienveillante, un peu décalée car elle a un léger syndrome d'Asperger et est célbataire. Beaucoup (trop) de Nephilim lui tourne autours selon certains car elle ne fait pas trop attention à la notion des clans (elle est dans le clan des infiltrés mais fricote avec "leur ennemis/rivaux" les Insoumis et n'hésite pas à partager des informations -alors qu'on ne fait pas ça chez les Infiltré- car elle estime que la collaboration dans cette guerre est importante.) Ironie du sort, elle a un tatouage d'ange sur l'avant bras! Je crois que c'est tout... Pour le reste, j'aimerais une réserve d'avatar un peu plus travaillé, que simplement découpé comme je fais, à la bonne taille! Merci!! http://sirithil.net/blog/wp-content/uploads/2016/01/DSC_0001.jpghttp://sirithil.net/blog/wp-content/uploads/2016/01/IMG_2079-682x1024.jpghttp://sirithil.net/blog/wp-content/uploads/2016/01/IMG_2265-1024x682.jpghttp://sirithil.net/blog/wp-content/uploads/2015/08/S8B9823_4-1024x682.jpghttp://sirithil.net/blog/wp-content/uploads/2015/08/S8B9900-1024x682.jpghttp://sirithil.net/blog/wp-content/uploads/2015/08/S8B9948_1-1024x682.jpghttp://sirithil.net/blog/wp-content/uploads/2015/01/FLO2958.jpgJe vous remercie! Vous souhaitant une agréable journée. |
| | | Lun 30 Mai - 11:16 | Bonjour ! Totalement conquise par l'un vos modèles de messages RP, je me permet de venir poster dans cette partie, pour savoir s'il serait possible d'avoir la fiche de relations (liens) et le répertoire à RP sur le même modèle : La fiche de relations : Largeur maximale : Même largeur que sur le modèle RP Hauteur maximale : auto Schéma : La fiche de relation est en deux parties. J'ai fais un schéma pour la première partie : https://2img.net/r/hpimg15/pics/451628blabla.jpg Éléments : La seconde partie de la fiche contient les différentes relations. Avec le titre et le sous titre de la même forme que pour la première partie. Puis ensuite les cadres des relations (deux colonnes), avec deux petites images en taille 90*90, le nom du lien, puis sa description. Au survol sur les images, ne rien mettre :) Images : Si images particulières à afficher, les placer ici sous forme de liens Animations : Glissement, redimensionnement, niveaux de gris, changement d'opacité, etc... Informations supplémentaires : A votre appréciationLe répertoire à RP : Largeur maximale : Même largeur que pour le modèle de réponse RP Hauteur maximale : auto Schéma : Sous forme de lien Éléments : Le répertoire se présente de la même façon que la fiche de relation, mais un un seul poste (le premier), titre au même endroit, même nombre d'images, cadres violet à conservé. Dans le grand espace blanc, seront indiqué les liens des sujets. Trois parties, RP en cours, RP en attente, et RP terminés. Les gros titres en gras et en violet, pour les liens, c'est sans réelle importance ! Images : Si images particulières à afficher, les placer ici sous forme de liens Animations : Glissement, redimensionnement, niveaux de gris, changement d'opacité, etc... Informations supplémentaires : A votre appréciationMerci d'avance et bonne journée ! Fiche de relations : - Code:
-
<link href="http://sd-1.archive-host.com/membres/up/211183412958130190/RP/RL_BOR.css" rel="stylesheet" type="text/css"><!-- PARTIE CSS PERMETTANT DE DETERMINER LES COULEURS DES ADJECTIFS --><style type="text/css">.adjRLBOR div {background:#a3a3c7 !important; color:black !important;}</style><!-- FICHE RL - TOUTES COULEURS PERSONNALISABLES --><div class="RLBOR"><!-- NOM PRENOM(S) - INFORMATIONS DIVERSES --><div id="tleRLBOR" style="background:#a3a3c7; color:white;"><!-- BORDURE --><div class="tleRLBOR" style="border-color:white;"><!-- NOM PRENOM(S) --><div>NOM Prénom(s)</div><!-- INFORMATIONS DIVERSES --><span>Âge - Occupation</span></div></div><!-- IMAGES --><div class="imgRLBOR" style="background:#dedede;"><!-- 200*100 --><img src="http://www.aht.li/2733637/200100.png" /><!-- 100*100 --><img src="http://www.aht.li/2838068/100100.png" /><!-- 200*100 --><img src="http://www.aht.li/2733637/200100.png" /></div><!-- BLOC A PROPOS --><div style="background:rgba(250,250,250,0.9);"><!-- CREDIT --><a class="cdtRLBOR" href="http://crushcrushcrush.actifforum.com/" target="blank"><img src="http://www.aht.li/2456212/PUF.png" /></a><div class="boxRLBOR"><!-- RESUME PERSONNAGE --><div class="youRLBOR" style="border-color:a3a3c7; color:black;">Résumé de l'histoire du personnage.</div><!-- LIENS RECHERCHES --><div class="seekRLBOR" style="border-color:#a3a3c7; color:black;"><b>▬ lien recherché</b> : description<br/><b>▬ lien recherché</b> : description<br/><b>▬ lien recherché</b> : description</div><!-- 2 LIENS --><a href="" target="_blank" style="background:#a3a3c7; color:white;">Présentation</a><!-- II --><a href="" target="_blank" style="background:#a3a3c7; color:white;">Répertoire RP</a></div><!-- 5 ADJECTIFS --><div class="adjRLBOR"><div>adjectif</div><div>adjectif</div><div>adjectif</div><div>adjectif</div><div>adjectif</div><!-- IMAGE 200*100 - REDIMENSIONNEMENT AUTOMATIQUE --><img src="http://www.aht.li/2733637/200100.png" /></div></div></div> Relations : - Code:
-
<link href="http://sd-1.archive-host.com/membres/up/211183412958130190/RP/RL_BOR.css" rel="stylesheet" type="text/css"><!-- LIENS - TOUTES COULEURS PERSONNALISABLES --><div class="RLBOR"><!-- BLOC TITRE --><div id="tleRLBOR" style="background:#a3a3c7; color:white;"><!-- BORDURE --><div class="tleRLBOR" style="border-color:white;"><!-- TITRE --><div>Titre</div><!-- SOUS-TITRE --><span>sous-titre</span></div></div><!-- LIEN I --><div class="lksRLBOR" style="background:white;"><!-- IMAGE & NOM PRENOM --><div class="npRLBOR"><!-- IMAGE 100*100 --><img src="http://www.aht.li/2901991/100100BW.png" /><!-- NOM PRENOM --><div>NOM<br/>Prénom</div></div><!-- DESCRIPTION --><div class="descRLBOR" style="background:#eae9eb;"><!-- RELATION --><span style="border-color:#a3a3c7; color:black;">relation</span><!-- CONTENU --><p style="color:black;">Description</p></div></div><!-- CREDIT --><a class="cdtRLBOR" href="http://crushcrushcrush.actifforum.com/" target="blank"><img src="http://www.aht.li/2456212/PUF.png" /></a><!-- LIEN II --><div class="lksRLBOR" style="background:white;"><!-- IMAGE & NOM PRENOM --><div class="npRLBOR"><!-- IMAGE 100*100 --><img src="http://www.aht.li/2901991/100100BW.png" /><!-- NOM PRENOM --><div>NOM<br/>Prénom</div></div><!-- DESCRIPTION --><div class="descRLBOR" style="background:#eae9eb;"><!-- RELATION --><span style="border-color:#a3a3c7; color:black;">relation</span><!-- CONTENU --><p style="color:black;">Description</p></div></div><!-- LIEN III --><div class="lksRLBOR" style="background:white;"><!-- IMAGE & NOM PRENOM --><div class="npRLBOR"><!-- IMAGE 100*100 --><img src="http://www.aht.li/2901991/100100BW.png" /><!-- NOM PRENOM --><div>NOM<br/>Prénom</div></div><!-- DESCRIPTION --><div class="descRLBOR" style="background:#eae9eb;"><!-- RELATION --><span style="border-color:#a3a3c7; color:black;">relation</span><!-- CONTENU --><p style="color:black;">Description</p></div></div></div> Répertoire : - Code:
-
<link href="http://sd-1.archive-host.com/membres/up/211183412958130190/RP/RL_BOR.css" rel="stylesheet" type="text/css"><!-- REPERTOIRE - TOUTES COULEURS PERSONNALISABLES --><div class="RLBOR"><!-- NOM PRENOM(S) - INFORMATIONS DIVERSES --><div id="tleRLBOR" style="background:#a3a3c7; color:white;"><!-- BORDURE --><div class="tleRLBOR" style="border-color:white;"><!-- NOM PRENOM(S) --><div>NOM Prénom(s)</div><!-- INFORMATIONS DIVERSES --><span>Âge - Occupation</span></div></div><!-- IMAGES --><div class="imgRLBOR" style="background:#dedede;"><!-- 200*100 --><img src="http://www.aht.li/2733637/200100.png" /><!-- 100*100 --><img src="http://www.aht.li/2838068/100100.png" /><!-- 200*100 --><img src="http://www.aht.li/2733637/200100.png" /></div><!-- BLOC LISTE RPs --><div style="background:rgba(250,250,250,0.9);"><!-- CREDIT --><a class="cdtRLBOR" href="http://crushcrushcrush.actifforum.com/" target="blank"><img src="http://www.aht.li/2456212/PUF.png" /></a><!-- LISTE RPs --><div class="listRLBOR" style="border-color:a3a3c7;"><!-- EN COURS --><span style="color:#a3a3c7;">En cours</span><!-- CONTENU --><a href="" target="_blank">titre du rp</a> ft. ...<br/><a href="" target="_blank">titre du rp</a> ft. ...<!-- EN ATTENTE --><span style="color:#a3a3c7;">Envisagés</span><!-- CONTENU --><a href="" target="_blank">titre du rp</a> ft. ...<!-- TERMINES --><span style="color:#a3a3c7;">Terminés</span><!-- CONTENU --><a href="" target="_blank">titre du rp</a> ft. ...</div><!-- 5 ADJECTIFS --><div class="adjRLBOR"><div>adjectif</div><div>adjectif</div><div>adjectif</div><div>adjectif</div><div>adjectif</div><!-- IMAGE 200*100 - REDIMENSIONNEMENT AUTOMATIQUE --><img src="http://www.aht.li/2733637/200100.png" /></div></div></div> Vous souhaitant une agréable journée. |
| | | Lun 30 Mai - 14:48 | |
| | | Mar 31 Mai - 22:28 | Bonjour, serai t’il possible de me réaliser cette commande de template catégorie ? Je vous remercie d'avance pour votre réponse. Largeur maximale : 800 px Hauteur maximale : Si aucune = auto Schéma : https://2img.net/image.noelshack.com/fichiers/2016/22/1464726367-cate.png Images : non juste me donner les dimensions utilisés pour les images. Voici les couleurs : rouge-noir : 080000 rouge bordeaux :0d0101 contour : 5e0409 Animations : le texte des sous forum change de couleur quand on passe la souris dessusEn vous remerciant Battlefront Remplacer l'intégralité du template index_box par : - Code:
-
<link href="https://fonts.googleapis.com/css?family=Megrim" rel="stylesheet" type="text/css"> <table width="800px" border="0" cellspacing="1" cellpadding="0" align="center"> <tr> <td valign="bottom"> <!-- BEGIN switch_user_logged_in --> <span class="gensmall">{LAST_VISIT_DATE}<br /> {CURRENT_TIME}<br /> </span> <!-- END switch_user_logged_in --> <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div> </td> <td class="gensmall" align="right" valign="bottom"> <!-- BEGIN switch_user_logged_in --> <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br /> <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br /> <!-- END switch_user_logged_in --> <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a> </td> </tr> </table> <!-- BEGIN catrow --><!-- BEGIN tablehead --> <div class="tleCAT">{catrow.tablehead.L_FORUM}</div> <!-- END tablehead -->
<!-- BEGIN cathead --> <!-- END cathead --> <!-- BEGIN forumrow --> <div class="FRM"><div class="boxFRM"><div class="blocFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div></div><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div><script type="text/javascript">$('.sfFRM').each(function(){$(this).html($(this).html().replace(/>, /g,"><br /> "));});</script></div><div class="lmsgFRM"><div class="nbFRM">{catrow.forumrow.TOPICS} sujets ▼ {catrow.forumrow.POSTS} messages</div>{catrow.forumrow.LAST_POST}<img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /></div></div> <!-- END forumrow --> <!-- BEGIN catfoot --> <!-- END catfoot --> <!-- BEGIN tablefoot --> <!-- END tablefoot --><!-- END catrow --> Partie CSS : - Code:
-
/* TITRE CATEGORIE */ .tleCAT{ margin:5px auto; width:800px; padding:10px 0; text-align:center; background:black; /* MODIFIABLE */ } .tleCAT h2{ margin:0; font-size:32px; text-transform:uppercase; letter-spacing:3px; font-family:Megrim; color:white; /* MODIFIABLE */ } /* BLOC FORUM */ .FRM { margin:auto; margin-bottom:15px; width:800px; } /* BLOC TITRE / DESCRIPTION & SOUS-FORUMS */ .boxFRM { display:inline-block; vertical-align:top; width:580px; height:110px; padding:10px; border:1px solid; border-color:#5e0409; /* MODIFIABLE */ } /* BLOC TITRE & DESCRIPTION */ .blocFRM{ display:inline-block; vertical-align:top; } /* TITRE FORUM */ .tleFRM { margin-bottom:5px; width:370px; height:20px; text-transform:uppercase; text-align:left; } .tleFRM a{ color:white !important; font-family:Megrim; /* MODIFIABLE */ } /* DESCRIPTION FORUM */ .descFRM { width:360px; height:75px; padding:5px; overflow:auto; font-size:12px; text-align:justify; font-family:Megrim; background:#0d0101; color:white; /* MODIFIABLE */ } /* SOUS-FORUMS */ .sfFRM { display:inline-block; vertical-align:top; margin-left:15px; width:195px; height:110px; overflow:auto; font-family:Megrim; text-transform:uppercase; text-align:center; line-height:6px; } /* LIEN SOUS-FORUMS */ .sfFRM a{ display:block; width:100% !important; padding:5px 0; line-height:16px; background:#0d0101; color:white !important; font-size:16px; /* MODIFIABLE */ transition:all 0.55s; -webkit-transition:all 055s; } /* SURVOL LIEN SOUS-FORUMS */ .sfFRM a:hover { color:red !important; /* MODIFIABLE */ } /* DERNIER MESSAGE FORUM */ .lmsgFRM { display:inline-block; vertical-align:top; margin-left:10px; width:175px; height:123px; padding:7px 5px 0; border:1px solid; text-align:center; font-size:14px; font-family:Megrim; border-color:#5e0409; color:white; /* MODIFIABLE */ } /* NOMBRE SUJETS ET MESSAGES FORUM */ .nbFRM { margin-bottom:5px; font-size:12px; text-transform:uppercase; color:white; /* MODIFIABLE */ } /* ICÔNES FORUM */ .imgFRM{ margin-top:5px; width:165px; height:40px; } Taille des icônes du forum : 165*40Vous souhaitant une agréable journée. |
| | | Mer 1 Juin - 21:35 | Bonjours, Voilà je suis très admiratif de votre travail et depuis quelque temps j'ai envi d'améliorer mes forum du coup quoi de mieux que de se créer ses propres catégorie sauf que le souci c'est que je sais pas codé ce qui est dommage, mais je désespère pas pour un jour y arriver ^^ Voici donc une demande de codage pour des catégories si cela vous est possible bien entendu :) Largeur maximale : 800pxHauteur maximale : Si aucune = autoSchéma : https://i.servimg.com/u/f86/19/05/86/76/caty_d10.png https://i.servimg.com/u/f86/19/05/86/76/caty_f10.png Éléments : Si impossibilité absolue de produire une esquisse imagée ou pour affiner cette dernière Images : pas d'image particulière pour le haut et le bas de page on se chargera de les placer ne vous ne vous en faite pas lais si vous en avez besoin les voici (si ça peut aider ^^) https://i.servimg.com/u/f86/19/05/86/76/haut_d10.png https://i.servimg.com/u/f86/19/05/86/76/bas_de10.png Animations : Si cela est possible j’aimerais bien que le bloque de la description soit limiter niveaux description grave a une barre de défilement. Est-il aussi possible s’il vous plait que pour les titre on est un effet de changement de couleur progressif ? si cela fait trop ou que ce n’est pas possible ne vous en faite pas si vous pouvez déjà codé tous les reste sa sera déjà super génial ^^Informations supplémentaires : si certaine chose vous dérange dans les placement ou les dimensionnement libre a vous de les modifier afin que la tache sois plus facile pour vous, je ne veux pas non plus vous compliquer la tache :) Je vous remercie d'avance d'avoir pris le temps de lire cette demande et je reste a votre entière disposition si vous avez besoin de plus d'info ou que des modification sois faite. Cordialement. Remplacer l'intégralité du template index_box par : - Code:
-
<table width="800px" border="0" cellspacing="1" cellpadding="0" align="center"> <tr> <td valign="bottom"> <!-- BEGIN switch_user_logged_in --> <span class="gensmall">{LAST_VISIT_DATE}<br /> {CURRENT_TIME}<br /> </span> <!-- END switch_user_logged_in --> <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div> </td> <td class="gensmall" align="right" valign="bottom"> <!-- BEGIN switch_user_logged_in --> <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br /> <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br /> <!-- END switch_user_logged_in --> <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a> </td> </tr> </table> <!-- BEGIN catrow --><!-- BEGIN tablehead --> <div class="tleCAT">{catrow.tablehead.L_FORUM}</div> <div class="mdlCAT"> <!-- END tablehead -->
<!-- BEGIN cathead --> <!-- END cathead --> <!-- BEGIN forumrow --> <div class="FRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><div class="nbFRM">{catrow.forumrow.TOPICS} sujets ▼ {catrow.forumrow.POSTS} messages</div></div><br/><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="lmsgFRM"><div id="avaFRM"><!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR}<!-- END avatar --></div>{catrow.forumrow.LAST_POST}</div><br/><div class="sfFRM"><div>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div><span>sous-forums</span></div></div> <!-- END forumrow --> <!-- BEGIN catfoot --> <!-- END catfoot --> <!-- BEGIN tablefoot --> </div><div class="btmCAT"></div> <!-- END tablefoot --><!-- END catrow --> Partie CSS : - Code:
-
/* HAUT CATEGORIE */ .tleCAT{ margin:5px auto 0; width:800px; height:175px; text-align:center; background:url(http://i86.servimg.com/u/f86/19/05/86/76/haut_d10.png); /* MODIFIABLE */ } /* TITRE CATEGORIE */ .tleCAT h2{ padding-top:120px; font-size:32px; text-transform:uppercase; letter-spacing:3px; color:white; /* MODIFIABLE */ } /* BLOC CATEGORIE */ .mdlCAT { margin:auto; width:800px; padding:10px 0 5px; background:lightgrey; /* MODIFIABLE */ } /* BAS CATEGORIE */ .btmCAT { margin-top:0; width:800px; height:100px; background:url(http://i86.servimg.com/u/f86/19/05/86/76/bas_de10.png); /* MODIFIABLE */ } /* BLOC FORUM */ .FRM { margin:auto; margin-bottom:15px; width:800px; text-align:center; } /* TITRE FORUM */ .tleFRM { display:inline-block; vertical-align:top; margin-bottom:5px; width:580px; padding-left:130px; text-transform:uppercase; text-align:left; } .tleFRM a{ color:black !important; /* MODIFIABLE */ transition:all 1.25s; -webkit-transition:all 1.25s; } /* SURVOL TITRE FORUM */ .tleFRM a:hover { color:red !important; /* MODIFIABLE */ } /* NOMBRE SUJETS & MESSAGES FORUM */ .nbFRM { display:inline-block; vertical-align:top; margin-left:10px; padding-top:3px; font-size:12px; text-transform:uppercase; color:darkgrey; /* MODIFIABLE */ } /* ICÔNES FORUM */ .imgFRM{ display:inline-block; vertical-align:bottom; width:90px; height:90px; border-radius:10px; box-shadow:0 0 5px white; /* MODIFIABLE */ } /* DESCRIPTION FORUM */ .descFRM { display:inline-block; vertical-align:top; margin:0 20px; width:360px; height:80px; padding:5px; overflow:auto; font-size:12px; text-align:justify; border-radius:10px; box-shadow:0 0 5px white; background:#191919; color:white; /* MODIFIABLE */ } /* AVATAR DERNIER POSTEUR FORUM */ #avaFRM { position:absolute; margin-left:155px; margin-top:-15px; width:45px; height:70px; overflow:hidden; border-radius:100px 25px/25px 100px; } #avaFRM img { width:50px; } /* DERNIER MESSAGE FORUM */ .lmsgFRM { display:inline-block; vertical-align:top; margin-left:10px; width:175px; height:80px; padding:10px 5px 0; text-align:center; font-size:14px; text-transform:uppercase; border-radius:10px; box-shadow:0 0 5px white; background:#191919; color:white; /* MODIFIABLE */ } /* SOUS-FORUMS */ .sfFRM { margin-left:165px; } .sfFRM span { display:block; width:150px; padding:5px; border-radius:0 0 10px 10px; font-size:11px; text-transform:uppercase; background:grey; color:white; /* MODIFIABLE */ } .sfFRM:hover div{ width:355px; height:30px; padding:5px; overflow:auto; } /* CONTENU SOUS-FORUMS */ .sfFRM div{ width:365px; height:0; overflow:auto; border-radius:0 0 10px 0; text-transform:uppercase; text-align:center; font-size:10px; background:grey; color:white; /* MODIFIABLE */ transition:all 0.75s; -webkit-transition:all 0.75s; } /* LIEN SOUS-FORUMS */ .sfFRM a{ color:white !important; /* MODIFIABLE */ } Vous souhaitant une agréable journée. |
| | | Ven 3 Juin - 7:05 | Bonjour :) Alors voilà, j'adore to-ta-lement votre travail, même, je suis en admiration :o Alors voilà, j'aurais aimé savoir si vous pouviez me faire quelques avatar ^^ En vous remerciant d'avance :) Première demande : Taille : 200*400Texte : Déesse Mère Provenance du personnage : Mahou Shoujo Madoka☆Magica Images : http://static.zerochan.net/Ultimate.Madoka.full.1975926.jpgPrécisions : Alors, comme c'est la "mère" de tous, celle qui a créer l'univers, ce serait possible un avatar dans ce style-là ? Je sais pas trop comment m'expliquer, mais faire en sorte qu'on dirait que la lumière "sort" du personnage, quoi !Deuxième demande : Taille : 200*400Texte : Le conteur Provenance du personnage : Storyteller Images : http://static.zerochan.net/Storyteller.full.1320642.jpgPrécisions : Ici, on se place sur un forum assez sombre, sans l'être énormément pour autant.Troisième demande Taille : 200*320Texte : L'Oracle Provenance du personnage : Kuroko no Basuke/Akashi Seijuurou Images : http://s1.zerochan.net/Akashi.Seijuurou.600.1615406.jpgPrécisions : Une ambiance sombre, avec un léger trait lumineuxMerci d'avance :) Vous souhaitant une agréable journée. |
| | | | |
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|
| |
|