# proutiDim 7 Jan - 13:26
C'est ici que se font les demandes de partenariats. Dans le cas où vous voudriez que nos forums soient liés, main dans la main, c'est ici qu'il faudra passer pour poster vos demandes. Évidemment, un membre du staff viendra valider vos demandes sous peu (ou les refuser, bien qu'il n'y ait pas de raisons.)
Nous refuserons catégoriquement toute demande qui déroge à ces règles : forum purement consacré au nsfw à contenu essentiellement sexuel, et toute autre rpg n'étant pas sur la plateforme de forum (discords ect).
Le forum n'impose aucun minimum de membres, mais une activité est demandée pour rester parmi nous. Nous nous réservons le droit de refuser un partenariat ou de vous retirer si nous consacrons que le forum n'est pas ou plus assez actif.
Le forum propose deux types de partenariat, aucun autre ne sera accepté :
- TOP (12/12) : Les partenariats top se situent tout en haut du forum, sur la PA. Cette PA est disponible sur tout le forum, index comme sujets de ce fait vous êtes visibles de façon permanente. Nous réservons ces places aux forums pour lesquels nous avons un coup de coeur, avec un minimum d'activité. Vos fiches seront également dans la catégorie partenaires, en note.
- FOOTER (Infini) : Vos boutons se situent en bas, dans le footer. Tout comme le TOP, vous êtes visibles partout, sujets comme index. Cependant, vous êtes tout en bas. Tout type de forum est ciblé et vous vous retrouverez ici si vous n'êtes pas en TOP. Vos fiches seront également dans la catégorie partenaires.
Vos boutons doivent être en 50*50 et nous n'accepterons aucun autre format. Nous sommes évidemment disponible pour réaliser un bouton de ce format si vous n'en avez pas la possibilité. Également, si nos boutons proposés ne sont pas de la taille convenue, n'hésitez pas à nous prévenir.
Everwilde ne possède pas de fiche de pub, cependant nous mettrons en place les vôtres sur le forum.
50*50 :
88*31 :
100*35 :
Ce forum à remplir est obligatoire afin de poster la demande. Merci de le remplir entièrement sans quoi nous ne pourrons valider votre demande.
D'avance merci !
Partenariats
C'est ici que se font les demandes de partenariats. Dans le cas où vous voudriez que nos forums soient liés, main dans la main, c'est ici qu'il faudra passer pour poster vos demandes. Évidemment, un membre du staff viendra valider vos demandes sous peu (ou les refuser, bien qu'il n'y ait pas de raisons.)
Nous refuserons catégoriquement toute demande qui déroge à ces règles : forum purement consacré au nsfw à contenu essentiellement sexuel, et toute autre rpg n'étant pas sur la plateforme de forum (discords ect).
Le forum n'impose aucun minimum de membres, mais une activité est demandée pour rester parmi nous. Nous nous réservons le droit de refuser un partenariat ou de vous retirer si nous consacrons que le forum n'est pas ou plus assez actif.
Le forum propose deux types de partenariat, aucun autre ne sera accepté :
- TOP (12/12) : Les partenariats top se situent tout en haut du forum, sur la PA. Cette PA est disponible sur tout le forum, index comme sujets de ce fait vous êtes visibles de façon permanente. Nous réservons ces places aux forums pour lesquels nous avons un coup de coeur, avec un minimum d'activité. Vos fiches seront également dans la catégorie partenaires, en note.
- FOOTER (Infini) : Vos boutons se situent en bas, dans le footer. Tout comme le TOP, vous êtes visibles partout, sujets comme index. Cependant, vous êtes tout en bas. Tout type de forum est ciblé et vous vous retrouverez ici si vous n'êtes pas en TOP. Vos fiches seront également dans la catégorie partenaires.
Vos boutons doivent être en 50*50 et nous n'accepterons aucun autre format. Nous sommes évidemment disponible pour réaliser un bouton de ce format si vous n'en avez pas la possibilité. Également, si nos boutons proposés ne sont pas de la taille convenue, n'hésitez pas à nous prévenir.
Everwilde ne possède pas de fiche de pub, cependant nous mettrons en place les vôtres sur le forum.
Nos boutons
50*50 :
- Code:
<a href="https://everwilde.forumactif.com/"><img src="https://i.imgur.com/eSEBU7M.png" style="width: 50px; height: 50px;"/></a>
- Code:
<a href="https://everwilde.forumactif.com/"><img src="https://i.imgur.com/miXrs93.png" style="width: 50px; height: 50px;"/></a>
88*31 :
- Code:
<a href="https://everwilde.forumactif.com/"><img src="https://i.imgur.com/41jptvt.png" style="width: 88px; height: 31px;"/></a>
100*35 :
- Code:
<a href="https://everwilde.forumactif.com/"><img src="https://i.imgur.com/41jptvt.png" style="width: 100px; height: 35px;"/></a>
Formulaire
Ce forum à remplir est obligatoire afin de poster la demande. Merci de le remplir entièrement sans quoi nous ne pourrons valider votre demande.
- Code:
[b]Nom du forum :[/b] ici. (le nom qui figurera dans le sujet dédié à votre fiche de pub)
[b]Url du forum :[/b] [url=ici]www[/url]
[b]Type de forum :[/b] ici. (school, sf, fantasy..)
[b]Contexte :[/b] ici. (sous spoiler si trop long.)
[b]Lien direct du sujet menant à votre fiche de pub :[/b] ici.
[b]Lien direct du sujet menant à vos boutons :[/b] ici.
[b]Autre chose ?[/b] ici.
D'avance merci !
FORMULAIRE CRÉÉ PAR ICE AND FIRE. (2022)
# Re: proutiMer 17 Jan - 11:52
code de la PA (a c/c dans page d'accueil)
CSS :
- Code:
<div class="MM067">
<div class="MM067-top fx">
<em>EVERWILDE VERSION 1.0</em>
<div class="fx">
<strong> </strong>
</div>
</div>
<div class="MM067-name fx">
<div class="MM067-01 img">
</div>
<div class="MM067-02">
<em>Bienvenue à</em><strong>EVERWILDE</strong>
</div>
<div class="MM067-03 fx">
<a href="URL"><span class="th th-discord"></span><strong>Discord</strong></a><a href="URL"><span class="th th-heart-1"></span><strong>Partenaires</strong></a>
</div>
</div>
<div class="MM067-hide">
<input checked="" id="MM067-m1" name="MM067" type="radio" /><input id="MM067-m2" name="MM067" type="radio" /><input id="MM067-m3" name="MM067" type="radio" /><input id="MM067-m4" name="MM067" type="radio" /><input id="MM067-m5" name="MM067" type="radio" /> <label class="fx" for="MM067-m1"></label><label class="fx" for="MM067-m2"></label><label class="fx" for="MM067-m3"></label><label class="fx" for="MM067-m4"></label><label class="fx" for="MM067-m5"></label>
<div class="MM067-in">
<div>
<div class="MM067-sl fx m1">
<div class="MM067-04 img">
</div>
<div class="MM067-05">
<em><img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/4d80704e-ab6c-4389-bc12-c81d1c898639/d92ktsr-e51babba-1b40-47f1-849e-dacd5d3e8b9d.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzRkODA3MDRlLWFiNmMtNDM4OS1iYzEyLWM4MWQxYzg5ODYzOVwvZDkya3Rzci1lNTFiYWJiYS0xYjQwLTQ3ZjEtODQ5ZS1kYWNkNWQzZThiOWQuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.3eS29K1LZR0x5iWB1PSNR6f-M2zFzQUchA54MJje_fI" /></em><strong>GUIDEBOOK</strong>
<div class="MM067-10">
Jelly apple pie jujubes bear claw caramels. Sweet roll halvah pie tart. Cotton candy carrot cake danish lollipop danish tootsie roll sugar plum croissant dragée. Marzipan candy canes tiramisu. Dragée lollipop muffin bear claw. Danish bear claw jujubes bear claw cheesecake cotton candy. Dessert bear claw tiramisu croissant gingerbread. Candy canes powder cheesecake oat cake. Wafer dragée chocolate cake pudding. Carrot cake pastry macaroon sweet roll gummies candy pastry halvah. Croissant pie toffee icing croissant dragée dessert danish. Croissant macaroon sesame snaps cupcake oat cake pastry jelly beans. Sweet dragée cake dessert jujubes. Gingerbread candy canes donut oat cake gummies pie jelly jelly. Croissant pie toffee icing croissant dragée dessert danish. Croissant macaroon sesame snaps cupcake oat cake pastry jelly beans. Sweet dragée cake dessert jujubes. Gingerbread candy canes donut oat cake gummies pie jelly jelly.
</div><a class="forumtitle" href="https://newheroestest.forumactif.com/h4-guide-du-forum" target="_blank"><strong>ACCÉDER AU GUIDEBOOK</strong></a>
</div>
</div>
<div class="MM067-sl fx m2">
<div class="MM067-04 img">
</div>
<div class="MM067-05">
<em>Dernières</em><strong>Nouveautés</strong>
<div class="MM067-06">
<div>
<span>00/00</span>Grosse mise à jour ! Lancement de la première intrigue du forum et nouveau design. (www)
</div>
<div>
<span>05/03</span> Croissant macaroon sesame snaps cupcake oat cake pastry jelly beans. Sweet dragée cake dessert jujubes. Gingerbread candy canes donut oat cake gummies pie jelly jelly.
</div>
<div>
<span>15/10</span> Inscription à l'event #1 : Le Festival de la Citrouille Noire !
</div>
</div>
</div>
</div>
<div class="MM067-sl fx m3">
<div class="MM067-04 img">
</div>
<div class="MM067-05">
<em>Première intrigue</em><strong>L'ÉVEIL DE L'ALLIANCE</strong>
<div class="MM067-07">
Rien pour le moment, mais ça ne saurait tarder !
</div>
</div>
</div>
<div class="MM067-sl fx m4">
<div class="MM067-04 img">
</div>
<div class="MM067-05">
<em>Joyeuseté des journalistes</em><strong>L'ÉCHO DES CONTES</strong>
<div class="MM067-08">
Pas encore d'articles publiés !
</div>
</div>
</div>
<div class="MM067-sl fx m5">
<div class="MM067-04 img">
</div>
<div class="MM067-05">
<em>Activement</em><strong>Recherché.es</strong>
<div class="MM067-11 fx">
<a href="URL">La Belle au Bois Dormant</a><a href="URL">Le Chasseur</a><a href="URL">Gepetto</a>
</div>
<div class="MM067-11 fx">
<a href="URL">Victor Frankenstein</a><a href="URL">La reine de coeur</a><a href="URL">Dame Gothel</a>
</div>
<div class="MM067-11 fx">
<a href="URL">La reine blanche</a><a href="URL">Mère grand</a><a href="URL">L'Empereur de Chine</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="MM067-links fx">
<a href="URL"><span class="th th-bookmark-1"></span>Règles</a><a href="URL"><span class="th th-users"></span>Groupes</a><a href="URL"><span class="th th-star"></span>Annexes</a><a href="URL"><span class="th th-box-1"></span>FAQ</a><a href="URL"><span class="th th-check-mark"></span>S'enregistrer</a><a href="URL"><span class="th th-id-card-2"></span>Events</a><a title="Code por Emme's Codes" href="https://emmescodes.tumblr.com/"><span class="th th-code"></span></a>
</div>
</div><link href="https://fonts.gstatic.com" rel="preconnect" /><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Concert+One&family=Montserrat&display=swap" /><link rel="stylesheet" href="//solrainha.github.io/honeybee/honeybee.css" />
CSS :
- Code:
.MM067,
.MM067 * {
box-sizing: border-box;
scrollbar-color: var(--mm-02) var(--mm-03) !important;
scrollbar-width: thin;
transition: .5s;
}
.MM067 {
--mm-01: #F8F8F8;
--mm-02: #D28C77;
--mm-03: #f0cfb5;
--mm-04: #444;
--mm-tt: 'Abril Fatface';
--mm-txt: 'Arial';
background: var(--mm-02);
border-radius: 10px;
overflow: hidden;
font: 10px Montserrat;
color: var(--mm-01);
min-height: 300px;
}
.MM067 .img {
background-position: center;
}
.MM067 .fx {
display: flex;
align-items: center;
justify-content: center;
}
.MM067-top {
padding: 5px 8px;
}
.MM067-top > em {
font: bold 8px var(--mm-txt);
letter-spacing: 1px;
}
.MM067-top > div {
margin-left: auto;
}
.MM067-top > div strong, .MM067-top > div::after, .MM067-top > div::before {
content: "";
width: 8px;
height: 8px;
background: var(--mm-01);
border-radius: 50%;
margin-left: 5px;
}
.MM067-name {
background: url(https://i.imgur.com/VEuIsXJ.png);
padding: 20px;
position: relative;
z-index: 1;
}
.MM067-name::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: var(--mm-04);
opacity: .8;
z-index: -1;
}
.MM067-01 {
width: 70px;
height: 70px;
border-radius: 50%;
position: relative;
background-image: url(https://img.wattpad.com/6d065405a341d663c9ebe2468072f77cfd113db4/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f776174747061642d6d656469612d736572766963652f53746f7279496d6167652f57596d7064373365724f5f5163673d3d2d3630383537383830322e3135343436646630376336323039633131393836343131383432372e676966);
}
.MM067-02 {
display: flex;
flex-direction: column;
margin: 0 auto 0 20px;
}
.MM067-02 > strong {
font: 20px var(--mm-tt);
}
.MM067-03 a {
color: var(--mm-01) !important;
text-align: center;
font-size: 20px;
background: #f0cfb5;
border-radius: 10px;
overflow: hidden;
border: 3px solid transparent;
background-clip: content-box;
}
.MM067-03 span {
padding: 10px;
}
.MM067-03 strong {
display: block;
text-transform: uppercase;
font-size: 8px;
letter-spacing: 1px;
background: var(--mm-02);
padding: 2px 5px 3px 6px;
}
.MM067-03 a:hover {
border: 3px solid var(--mm-01);
}
.MM067-hide {
position: relative;
padding: 20px;
min-height: 300px;
background: #e7c6ac;
}
.MM067 .MM067-hide > label {
position: absolute;
background: var(--mm-01);
width: 30px;
height: 30px;
border-radius: 50%;
top: 50%;
left: 20px;
cursor: pointer;
z-index: 20;
padding: 0 0 0 2px;
color: var(--mm-04);
border: 3px solid var(--mm-03);
transform: translate(-50%, -50%) rotate(180deg);
display: none;
font-size: 8px;
transition: 0s;
}
.MM067-hide > label:active {
width: 28px;
height: 28px;
}
.MM067-hide > label::before {
content:"\ebc6";
font-family: honeybee;
}
.MM067-in {
overflow: hidden;
background: var(--mm-01);
border-radius: 10px;
}
.MM067-in > div {
width: 500%;
display: flex;
height: 350px;
}
.MM067-sl {
color: var(--mm-04);
min-width: 20%;
}
#MM067-m1:checked ~ label[for*="m2"],
#MM067-m2:checked ~ label[for*="m3"],
#MM067-m3:checked ~ label[for*="m4"],
#MM067-m4:checked ~ label[for*="m5"] {
transform: translate(50%, -50%) rotate(0deg);
left: inherit;
right: 20px;
}
#MM067-m1:checked ~ label[for*="m2"],
#MM067-m2:checked ~ label[for*="m3"],
#MM067-m3:checked ~ label[for*="m4"],
#MM067-m4:checked ~ label[for*="m5"],
#MM067-m5:checked ~ label[for*="m4"],
#MM067-m4:checked ~ label[for*="m3"],
#MM067-m3:checked ~ label[for*="m2"],
#MM067-m2:checked ~ label[for*="m1"] {
display: flex;
}
#MM067-m2:checked ~ .MM067-in > div {
margin-left: -100%;
}
#MM067-m3:checked ~ .MM067-in > div {
margin-left: -200%;
}
#MM067-m4:checked ~ .MM067-in > div {
margin-left: -300%;
}
#MM067-m5:checked ~ .MM067-in > div {
margin-left: -400%;
}
/***/
.MM067-04 {
height: 100%;
width: 350px;
margin-right: 20px;
}
.MM067-05 {
flex: 1;
display: flex;
flex-direction: column;
}
.MM067-05 > strong {
font: 30px var(--mm-tt);
}
.MM067-11 > a,
.MM067-links > a, .MM067-05 > a {
margin-right: auto;
background: var(--mm-02);
padding: 7px 7px 6px 12px;
border-radius: 5px;
font: bold 8px var(--mm-txt);
text-transform: uppercase;
letter-spacing: 5px;
color: var(--mm-01) !important;
}
.MM067-05 > div {
margin: 20px 30px 20px 10px;
max-height: 180px;
overflow: auto;
padding-right: 5px;
}
/***/
.MM067-06 > div > span {
font: 24px var(--mm-tt);
color: var(--mm-02);
float: left;
margin: -2px 7px 0 0;
}
.MM067-06 > div ~ div::before {
content: "";
display: block;
height: 3px;
width: 90px;
background: var(--mm-03);
border-radius: 5px;
margin: 15px 0;
}
.MM067-06 a {
background: var(--mm-02);
padding: 0 3px;
color: var(--mm-01) !important;
font-weight: bold;
letter-spacing: 1px;
border-radius: 3px;
}
/***/
.MM067-08 > div {
margin-right: 10px;
}
.MM067-08 > div:nth-of-type(2n) {
margin-left: 50px;
}
.MM067-08 > div > strong {
width: 60px;
height: 60px;
border-radius: 50%;
}
.MM067-08 > div > div {
flex: 1;
margin-left: 10px;
}
.MM067-08 hr {
flex: 1;
border-top: 1px solid var(--mm-03);
margin: 0 5px;
}
.MM067-08 > div > div > div > strong {
font-size: 9px;
text-transform: uppercase;
}
.MM067-08 > div > div > div > a {
color: var(--mm-04) !important;
font-weight: bold;
}
.MM067-08 > div > div > a {
font: 16px var(--mm-tt);
color: var(--mm-02) !important;
}
.MM067-08 > div > div > div > a:hover,
.MM067-08 > div > div > a:hover {
letter-spacing: 1px;
}
/***/
.MM067-11 {
overflow-y: hidden !important;
overflow-x: auto !important;
width: calc(100% - 50px);
justify-content: flex-start !important;
padding: 0 0 5px !important;
}
.MM067-11 > a {
letter-spacing: 1px;
white-space: nowrap;
margin-right: 5px;
padding-left: 35px;
position: relative;
flex-grow: 1;
}
.MM067-11 > a::before {
content: "\ebe0";
position: absolute;
top: 0;
left: 0;
bottom: 0;
padding: 7px;
background: var(--mm-03);
border-radius: 5px 0 0 5px;
border-right: 3px solid var(--mm-01);
font: 8px honeybee;
letter-spacing: 0;
}
.MM067-11 > div {
border-radius: 10px;
border: 3px solid var(--mm-01);
flex-grow: 1;
overflow: hidden;
}
.MM067-11 > div > a {
display: block;
text-align: center;
padding-top: 60px;
white-space: nowrap;
}
.MM067-11.fx > div > a > strong {
background: var(--mm-02);
display: block;
color: var(--mm-01);
text-transform: uppercase;
font-size: 8px;
padding: 3px 4px 3px 5px;
letter-spacing: 1px;
border-top: 2px solid;
}
.MM067-11 > div:hover {
border: 3px solid var(--mm-04);
}
.MM067-11.aa.fx {
margin: 17px 27px 17px 7px;
}
/***/
.mm-lastopics-row {
margin: 5px;
flex: 1;
min-width: 40%;
}
.mm-lastopics-row {
display: flex;
align-items: center;
text-align: left;
font-size: 8px;
margin-bottom: 10px;
}
.mm-lastopics-row:nth-of-type(2n) {
margin-left: 30px;
}
.mm-lastopics-row > span {
background: var(--mm-02);
padding: 10px;
border-radius: 50%;
color: var(--mm-01);
font-size: 16px;
margin-right: 5px;
}
.mm-lastopics-ll {
font: 14px var(--mm-tt);
color: var(--mm-04) !important;
}
.mm-lastopics-ll:hover {
color: var(--mm-02) !important;
letter-spacing: 1px;
}
.mm-lastopics-row > div {
flex: 1;
}
.mm-lastopics-date a,
.mm-lastopics-date {
display: flex;
align-items: center;
flex: 1;
}
.mm-lastopics-date > a::before {
content: "";
flex: 1;
border-top: 1px solid var(--mm-03);
margin: 0 5px 0 2px;
}
/***/
.MM067-links {
background: var(--mm-01);
padding: 5px;
}
.MM067-links > a {
flex-grow: 1;
margin: 5px !important;
position: relative;
text-align: right;
padding-left: 30px;
overflow: hidden;
}
.MM067-links span {
position: absolute;
top: 0;
left: 0;
bottom: 0;
background: var(--mm-03);
padding: 7px 7px 0;
letter-spacing: 0;
border-right: 3px solid var(--mm-01);
font-size: 10px;
}
.MM067-links.fx > a:last-of-type {
padding: 11px 3px 12px;
max-width: 24px;
}
.MM067-links.fx > a:last-of-type span {
border-radius: 5px;
border: none;
}
.MM067-11 > a:hover,
.MM067-05 > a:hover,
.MM067-06 a:hover,
.MM067-links > a:hover {
background: var(--mm-04);
}
.MM067 input,
.MM067 br {
display: none;
}
.MM067-06 > div br,
.MM067-10 br {
display: block;
}
.MM067-06 > div br + br,
.MM067-10 br + br {
margin: 5px;
}
.MM067 div::-webkit-scrollbar {
width: 5px !important;
height: 5px !important;
background: var(--mm-03) !important;
}
.MM067 div::-webkit-scrollbar-thumb {
background: var(--mm-02) !important;
}
.m1 .MM067-04 {
background-image: url(https://i.imgur.com/37Rw2eI.png);
}
.m2 .MM067-04 {
background-image: url(https://i.imgur.com/r1Wx01T.jpg);
}
.m3 .MM067-04 {
background-image: url(https://i.imgur.com/BmSmVBw.jpg);
}
.m4 .MM067-04 {
background-image: url(https://i.imgur.com/2ZV015I.jpg);
}
.m5 .MM067-04 {
background-image: url(https://i.imgur.com/h2E1cGp.jpg);
}
|
|