Parceiros

[FUNCIONAMENTO] Fanfics!

Ir para baixo

Hoobae
Staff
Qua Mar 17, 2021 12:42 pm



S
SEOULITE
Funcionamento


Qualquer pessoa pode ter um tópico (perfil) para escrever suas fanfics. Para isso existem algumas informações que você precisa saber:

• As fanfics devem ser com artistas do fórum;
• É possível adaptar fanfics existentes para a realidade do fórum, no entanto é necessário que você prove que a fanfic é sua ou possui autorização do(a) autor(a) original;
• É possível que as fanfics gerem consequências (positivas ou negativas) para sua personagem on game;
• Independente de sua idade, você pode escrever fanfics de qualquer classificação e/ou temática;
• As fanfics devem estar com as 'tags' preenchidas corretamente e ali deve constar a classificação indicativa;
• Os autores das fanfics recebem 50 pontos de popularidade por capítulo/fanfic e 5 pontos em escrita;
• O(s) idol(s) citado(s) recebem 25 pontos popularidade por fanfic/capítulo onde aparecem.

Para criar o tópico onde postar suas fanfics basta colocar o nome [FANFICS] /nomedeusuario, como pode ser visto no exemplo ao clicar aqui. Ao alterar a cor #d40000, você alterará a cor dos destaques. É possível mudar a cor dos ícones do menu mudando #fff para a cor que deseja.
Código:
<center><link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Anonymous+Pro&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap" rel="stylesheet"><link href="//solrainha.github.io/saturnicons/saturnicons.css" rel="stylesheet"><div id="fanficseoulite"><div class="barra"><div class="circle" style="--colorone:red; --colortwo: yellow; --colorthree: green;"><red></red><yellow></yellow><green></green></div><div class="http"><span class="sf sf-lock-o"></span><r>https://</r>worldforfics.co.kr/nomedeusuario</div></div><div class="boxprofile" style="--bgone: #d40000; --coolone:#fff;"><div class="menu"><br><span class="sf sf-home-o"></span> <span class="sf sf-star-o"></span> <span class="sf sf-group-1-o"></span> <span class="sf sf-menu-o"></span> <span class="sf sf-filter-o"></span> <span class="sf sf-bookmark-o"></span> <span class="sf sf-plus"></span> <span class="sf sf-exit-o"></span></div><table><tr><td><div style="height: 400px;"><div class="pic"><div class="image" style="background:url('https://placehold.it/60') center/cover;"></div><div class="user">@userdosite</div><div class="bioinfo">aqui vai uma pequena bio, bro. duas linhas.</div><div class="socialmedia"><a href="LINK"><span class="sf sf-instagram"></span></a> <a href="LINK"><span class="sf sf-user-o"></span></a> <a href="LINK"><span class="sf sf-link-1"></span></a></div></div></td><td><div class="caixabox"><div class="ficspace"><div class="titulo">Um título médio</div><div class="sinopse"> faz uma sinopse tipo tweet porque se for muito grande vai dar ruim, mas você tem uma opção de fazer uma bio bacaninha, sabe? sem dar ruim. Se pá tu bota um ...(+)</div><div class="tag"><t>#tag</t> <t>#tag</t> <t>#tag</t> <t>#tag</t> <t>#tag</t></div></div><br><div class="ficspace"><div class="titulo">Um título médio</div><div class="sinopse"> faz uma sinopse tipo tweet porque se for muito grande vai dar ruim, mas você tem uma opção de fazer uma bio bacaninha, sabe? sem dar ruim. Se pá tu bota um ...(+)</div><div class="tag"><t>#tag</t> <t>#tag</t> <t>#tag</t> <t>#tag</t> <t>#tag</t></div></div><br><div class="ficspace"><div class="titulo">Um título médio</div><div class="sinopse"> faz uma sinopse tipo tweet porque se for muito grande vai dar ruim, mas você tem uma opção de fazer uma bio bacaninha, sabe? sem dar ruim. Se pá tu bota um ...(+)</div><div class="tag"><t>#tag</t> <t>#tag</t> <t>#tag</t> <t>#tag</t> <t>#tag</t></div></div><br><div class="ficspace"><div class="titulo">Um título médio</div><div class="sinopse"> faz uma sinopse tipo tweet porque se for muito grande vai dar ruim, mas você tem uma opção de fazer uma bio bacaninha, sabe? sem dar ruim. Se pá tu bota um ...(+)</div><div class="tag"><t>#tag</t> <t>#tag</t> <t>#tag</t> <t>#tag</t> <t>#tag</t></div></div><br><br><br><br></div></div></td></tr></table></div></div></center>

<style>#fanficseoulite{width:700px; border: 1px solid #aeaeae; border-radius: 5px; background: #f7f7f7; padding:5px;} #fanficseoulite .barra{width: 100%; padding: 5px 10px; box-sizing: border-box; border-radius: 5px;background: #f7f7f7;} #fanficseoulite .barra .circle {padding: 5px;} #fanficseoulite .barra .circle red{display: block; position: relative; left:-320px; width:9px; height: 9px; background: var(--colorone); border-radius:100%;} #fanficseoulite .barra .circle yellow{display: block; position: relative; left:-300px; top:-9px; width:9px; height: 9px; background: var(--colortwo); border-radius:100%;} #fanficseoulite .barra .circle green{display: block; position: relative; left:-280px; top:-18px; width:9px; height: 9px; background: var(--colorthree); border-radius:100%;} #fanficseoulite .barra .http{width: 650px; border: solid 1px #aeaeae; background:#fff; border-radius: 55px; padding: 5px; font-family: tahoma; font-size:13px; color: #222; text-align: left;} #fanficseoulite .barra .http r{color: #c1c1c1;} #fanficseoulite .barra .http .sf-lock-o:before{content:"\e164"; font-family:'saturnicons'; padding-right:10px; padding-left:5px; color: green;} #fanficseoulite .boxprofile{width:640px; background:#fff; border:solid 1px #aeaeae; border-radius: 5px; height: 400px; overflow-y: hidden; overflow-x:hidden;} #fanficseoulite .boxprofile .menu{width:650px; background: var(--bgone); font-size: 22px; color: var(--coolone); padding:15px; position: relative; left:-15; top:-10; letter-spacing:15px; text-align: left;} #fanficseoulite .boxprofile .pic{width: 250px; height: 180px; background: #fff; box-shadow: 0 0 2px 0; border-radius:10px;} #fanficseoulite .boxprofile .image{width:60px; height: 60px; position: relative; top: 5px; left: 15px; border-radius: 100%;} #fanficseoulite .boxprofile .user{font-family: 'Anonymous Pro', monospace; font-size:15px; font-weight: 700; padding-top: 15px; padding-left: 15px; color: var(--bgone); } #fanficseoulite .boxprofile .bioinfo{font-family: 'Anonymous Pro', monospace; font-size:12px; text-align: justify; padding: 10px; color: #000;} #fanficseoulite .boxprofile .socialmedia{font-size: 20px; color: var(--bgone); padding-right: 15px; text-align: right; letter-spacing:5px;} #fanficseoulite .boxprofile .socialmedia a{color: var(--bgone);} #fanficseoulite .boxprofile .caixabox{width: 400px; padding: 10px; height: 400px; overflow-y: auto; overflow-x:hidden;} #fanficseoulite .boxprofile .caixabox .ficspace{width: 350px; height: 180px; background: #fff; box-shadow: 0 0 3px 0;} #fanficseoulite .boxprofile .caixabox::-webkit-scrollbar {width: 3px;} #fanficseoulite .boxprofile .caixabox::-webkit-scrollbar-track {background: #f1f1f1;} #fanficseoulite .boxprofile .caixabox::-webkit-scrollbar-thumb {background: #aeaeae;} #fanficseoulite .boxprofile .caixabox::-webkit-scrollbar-thumb:hover {background: #222;} #fanficseoulite .boxprofile .caixabox .titulo{font-family: 'Bebas Neue', cursive; padding: 10px; font-size:25px; border-bottom: solid 1px #aeaeae;} #fanficseoulite .boxprofile .caixabox .sinopse{font: 13.5px calibri; padding: 15px; text-align: justify;} #fanficseoulite .boxprofile .caixabox .tag{font: 11px tahoma; padding: 15px; text-align: right;} #fanficseoulite .boxprofile .caixabox .tag t{color: #aeaeae;} #fanficseoulite .boxprofile .caixabox .tag t:hover{color: var(--bgone); padding: 5px; border: solid 1px #aeaeae; transition: 0.3s;}</style>

Esse código deve ser adicionado antes dos quatro /*<*br*>*/ para adicionar espaço para +1 fanfic:
Código:
<br><div class="ficspace"><div class="titulo">Um título médio</div><div class="sinopse"> faz uma sinopse tipo tweet porque se for muito grande vai dar ruim, mas você tem uma opção de fazer uma bio bacaninha, sabe? sem dar ruim. Se pá tu bota um ...(+)</div><div class="tag"><t>#tag</t> <t>#tag</t> <t>#tag</t> <t>#tag</t> <t>#tag</t></div></div>

Para postagem de história/capítulo:
Código:
<center><link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Anonymous+Pro&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap" rel="stylesheet"><link href="//solrainha.github.io/saturnicons/saturnicons.css" rel="stylesheet"><div id="fanficseoulite"><div class="barra"><div class="circle" style="--colorone:red; --colortwo: yellow; --colorthree: green;"><red></red><yellow></yellow><green></green></div><div class="http"><span class="sf sf-lock-o"></span><r>https://</r>worldforfics.co.kr/nome-da-fic</div></div><div class="boxprofileone" style="--bgone: #d40000; --coolone:#fff;"><div class="menu"><br><span class="sf sf-home-o"></span> <span class="sf sf-star-o"></span> <span class="sf sf-group-1-o"></span> <span class="sf sf-menu-o"></span> <span class="sf sf-filter-o"></span> <span class="sf sf-bookmark-o"></span> <span class="sf sf-plus"></span> <span class="sf sf-exit-o"></span></div><br><div class="caixaboxone"><div class="ficspace"><img class="picture" src="https://placehold.it/450x300"><div class="tituloone">Nome da fanfic</div><div class="sinopseone"><p>Sinopse</p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse tellus lectus, eleifend sed porta congue, viverra at nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Fusce et ipsum iaculis, condimentum sem et, vulputate mi. Quisque tortor sem, semper sit amet tincidunt non, condimentum in magna. Nunc venenatis massa turpis, sit amet gravida metus imperdiet non. Praesent ornare dui id purus blandit, non posuere orci sodales. In lacus massa, mattis et cursus sit amet, suscipit ut libero. Morbi sit amet elit rhoncus, aliquet purus et, tincidunt velit. Phasellus feugiat nisl ut nisl sagittis rutrum. Integer ultricies ante at risus ultricies, quis fringilla lectus scelerisque. Nullam eu vehicula sem. Cras congue felis orci, sed auctor est suscipit vitae. Quisque cursus mi at facilisis hendrerit. In id velit vitae odio eleifend dignissim. Donec vehicula luctus justo eget gravida. Nullam sit amet gravida est, sed hendrerit nulla.
<br><p>1. Nome do cap</p></div><div class="historia">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse tellus lectus, eleifend sed porta congue, viverra at nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Fusce et ipsum iaculis, condimentum sem et, vulputate mi. Quisque tortor sem, semper sit amet tincidunt non, condimentum in magna. Nunc venenatis massa turpis, sit amet gravida metus imperdiet non. Praesent ornare dui id purus blandit, non posuere orci sodales. In lacus massa, mattis et cursus sit amet, suscipit ut libero. Morbi sit amet elit rhoncus, aliquet purus et, tincidunt velit. Phasellus feugiat nisl ut nisl sagittis rutrum. Integer ultricies ante at risus ultricies, quis fringilla lectus scelerisque. Nullam eu vehicula sem. Cras congue felis orci, sed auctor est suscipit vitae. Quisque cursus mi at facilisis hendrerit. In id velit vitae odio eleifend dignissim. Donec vehicula luctus justo eget gravida. Nullam sit amet gravida est, sed hendrerit nulla.

Aliquam porttitor cursus elit eu ultricies. Fusce convallis luctus tellus sed convallis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sit amet massa quis nibh viverra dictum. Duis ultrices urna quis rhoncus porta. Duis pretium, leo et tincidunt aliquet, nulla mauris egestas ex, ac aliquet sem nunc at ante. Fusce quis nisi vel tortor pulvinar sollicitudin eget sit amet lacus. Suspendisse semper, ex eget mattis commodo, lacus lectus molestie tellus, at lobortis dui tellus non enim. Nam dictum in lacus eu sollicitudin. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Fusce leo purus, semper tempor facilisis at, pharetra venenatis lectus.

Vestibulum aliquam bibendum erat, id pretium purus elementum at. Ut fermentum tincidunt arcu in rutrum. Suspendisse eget turpis eros. Pellentesque condimentum fringilla magna, ut maximus nulla sodales eget. Fusce a risus nec felis mollis sodales vitae eget tortor. Nullam sed consequat velit. Vestibulum iaculis tortor et orci finibus, at faucibus magna tempus. Cras nec velit ultrices, dignissim ante interdum, iaculis ex.</div><div class="tag"><t>#tag</t> <t>#tag</t> <t>#tag</t> <t>#tag</t> <t>#tag</t> <t>#tag</t></div></div><br></div></div></div></center>

<style>#fanficseoulite{width:700px; border: 1px solid #aeaeae; border-radius: 5px; background: #f7f7f7; padding:5px;} #fanficseoulite .barra{width: 100%; padding: 5px 10px; box-sizing: border-box; border-radius: 5px;background: #f7f7f7;} #fanficseoulite .barra .circle {padding: 5px;} #fanficseoulite .barra .circle red{display: block; position: relative; left:-320px; width:9px; height: 9px; background: var(--colorone); border-radius:100%;} #fanficseoulite .barra .circle yellow{display: block; position: relative; left:-300px; top:-9px; width:9px; height: 9px; background: var(--colortwo); border-radius:100%;} #fanficseoulite .barra .circle green{display: block; position: relative; left:-280px; top:-18px; width:9px; height: 9px; background: var(--colorthree); border-radius:100%;} #fanficseoulite .barra .http{width: 650px; border: solid 1px #aeaeae; background:#fff; border-radius: 55px; padding: 5px; font-family: tahoma; font-size:13px; color: #222; text-align: left;} #fanficseoulite .barra .http r{color: #c1c1c1;} #fanficseoulite .barra .http .sf-lock-o:before{content:"\e164"; font-family:'saturnicons'; padding-right:10px; padding-left:5px; color: green;} #fanficseoulite .boxprofileone{width:640px; background:#fff; border:solid 1px #aeaeae; border-radius: 5px; height: 400px; overflow-y:auto; overflow-x:hidden;} #fanficseoulite .boxprofileone .menu{width:650px; background: var(--bgone); font-size: 22px; color: var(--coolone); padding:15px; position: relative; left:-15; top:-10; letter-spacing:15px; text-align: left;} #fanficseoulite .boxprofileone::-webkit-scrollbar{width: 3px;} #fanficseoulite .boxprofileone::-webkit-scrollbar-track {background: #f1f1f1;} #fanficseoulite .boxprofileone::-webkit-scrollbar-thumb {background: #aeaeae;} #fanficseoulite .boxprofileone::-webkit-scrollbar-thumb:hover {background: #222;} #fanficseoulite .boxprofileone .caixaboxone .ficspace{width: 550px; background: #fff; box-shadow: 0 0 3px 0; padding: 15px;} #fanficseoulite .boxprofileone .caixaboxone .tituloone{font-family: 'Bebas Neue', cursive; padding-top: 20px; font-size:30px; border-bottom: solid 1px #aeaeae; text-align:left;} #fanficseoulite .boxprofileone .caixaboxone .sinopseone{font-family: 'Anonymous Pro', monospace; font-size: 13px; padding: 15px; line-height:125%; text-align: justify;} #fanficseoulite .boxprofileone .caixaboxone .historia{font: 13.5px calibri; padding: 20px; text-align: justify; line-hight:130%;} #fanficseoulite .boxprofileone .caixaboxone .sinopseone p{font-family: 'Bebas Neue', cursive; padding: 10px; font-size:25px; text-align: left;} #fanficseoulite .boxprofileone .caixaboxone .tag{font: 11px tahoma; padding: 15px; text-align: right;} #fanficseoulite .boxprofileone .caixaboxone .tag t{color: #aeaeae;} #fanficseoulite .boxprofileone .caixaboxone .tag t:hover{color: var(--bgone); padding: 5px; border: solid 1px #aeaeae; transition: 0.3s;} #fanficseoulite .boxprofileone .caixaboxone .ficspace .picture{width:450px; height:300px; margin: 0 auto; border: solid 3px #fff; outline: solid 1px #aeaeae;}</style>

Para comentar nas fanfics dos outros:
Código:
<center><link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Anonymous+Pro&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap" rel="stylesheet"><link href="//solrainha.github.io/saturnicons/saturnicons.css" rel="stylesheet"><div id="fanficseouliteone"><div class="boxcomprofile"><table><tr><td><div class="images" style="background:url('https://placehold.it/75') center/cover;"></div></td><td><div class="name">nome no site</div><div class="user">@seuusernosite</div></td></tr></table><div class="bioinfo">Aliquam porttitor cursus elit eu ultricies. Fusce convallis luctus tellus sed convallis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sit amet massa quis nibh viverra dictum. Duis ultrices urna quis rhoncus porta. Duis pretium, leo et tincidunt aliquet, nulla mauris egestas ex, ac aliquet sem nunc at ante. Fusce quis nisi vel tortor pulvinar sollicitudin eget sit amet lacus. Suspendisse semper, ex eget mattis commodo, lacus lectus molestie tellus, at lobortis dui tellus non enim. Nam dictum in lacus eu sollicitudin. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Fusce leo purus, semper tempor facilisis at, pharetra venenatis lectus.</div></div></div></center>

<style>#fanficseouliteone{width:700px; background:trasparent; padding:25px;} #fanficseouliteone .boxcomprofile{width: 550px; background: #fff; box-shadow: 0 0 2px 0; padding:20px;} #fanficseouliteone .boxcomprofile .images{width:75px; height: 75px; border-radius: 25%;} #fanficseouliteone .boxcomprofile .name{font-family: 'Anonymous Pro', monospace; font-size:12px; font-weight: 700; padding-top: 15px; padding-right: 295px; padding-left: 15px; color:#000; text-align:left; font-style:italic; text-transform: lowercase;} #fanficseouliteone .boxcomprofile .user{font-family: 'Anonymous Pro', monospace; font-size:11px; font-weight: 700; padding-top: 15px; padding-left: 15px; color: #000; } #fanficseouliteone .boxcomprofile .bioinfo{font: 11.5px arial; text-align: justify; padding: 10px; color: #000; line-height:125%;}</style>
Hoobae
https://seoulite.forumeiros.com/f5-fichas

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos