Modelo — Ficha de Personagem

•••Nome Completo

Idade aquiNacionalidadeFacção

Uma frase curta aqui, caso queira.

Nome CompletoParceiro DigimonCor do D-Watch

Personalidade

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nec magna ante. Phasellus facilisis lacus ac velit euismod porta. Vestibulum condimentum ornare metus nec pellentesque. Nam efficitur, enim nec pulvinar mattis, lorem quam blandit neque, ut viverra enim sapien eu magna. Quisque mi ex, commodo vitae nulla bibendum, vulputate efficitur nisi. Aenean eu orci vitae nulla eleifend aliquam. Nam volutpat quam sed auctor rhoncus. Quisque ex mauris, facilisis quis orci vel, malesuada pulvinar lacus. Praesent et purus nec justo feugiat blandit eget vitae nisl.

Cras id scelerisque ante, pharetra ullamcorper nunc. Phasellus vel sem consequat, efficitur purus vitae, fringilla sem. Nulla sit amet lacinia urna. Aliquam in tellus at nulla aliquet imperdiet et ut metus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Quisque suscipit, ipsum vitae imperdiet eleifend, velit risus mollis lectus, at finibus lorem neque at mauris. Nulla quis elit magna. Nam porttitor lacinia augue sed tempus. Aenean id magna lorem. Nam at mollis nisl. Suspendisse aliquet velit fringilla erat laoreet feugiat. Maecenas facilisis arcu enim, in vehicula mi sodales sed. Sed non fringilla tellus, vitae ultricies elit. Nam sagittis euismod viverra.

Donec vel ipsum placerat, iaculis ipsum eu, commodo erat. Phasellus at diam quis ante gravida sollicitudin. Morbi finibus id ipsum id hendrerit. Aenean ultrices, velit sed vulputate accumsan, diam dolor fringilla neque, egestas bibendum mi tortor ac nisl. Cras metus velit, fringilla cursus justo sit amet, porta porta lectus. Quisque nunc felis, maximus quis efficitur vitae, convallis a lorem. Aenean dapibus malesuada tellus, ac consequat neque semper quis. Integer id aliquam ipsum. Mauris maximus rutrum nulla, a laoreet purus egestas at. Integer id mi vel nisi ullamcorper molestie. Donec tristique, urna nec facilisis porttitor, dui nunc consequat quam, vitae pharetra odio purus at ante.

História

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nec magna ante. Phasellus facilisis lacus ac velit euismod porta. Vestibulum condimentum ornare metus nec pellentesque. Nam efficitur, enim nec pulvinar mattis, lorem quam blandit neque, ut viverra enim sapien eu magna. Quisque mi ex, commodo vitae nulla bibendum, vulputate efficitur nisi. Aenean eu orci vitae nulla eleifend aliquam. Nam volutpat quam sed auctor rhoncus. Quisque ex mauris, facilisis quis orci vel, malesuada pulvinar lacus. Praesent et purus nec justo feugiat blandit eget vitae nisl.

Cras id scelerisque ante, pharetra ullamcorper nunc. Phasellus vel sem consequat, efficitur purus vitae, fringilla sem. Nulla sit amet lacinia urna. Aliquam in tellus at nulla aliquet imperdiet et ut metus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Quisque suscipit, ipsum vitae imperdiet eleifend, velit risus mollis lectus, at finibus lorem neque at mauris. Nulla quis elit magna. Nam porttitor lacinia augue sed tempus. Aenean id magna lorem. Nam at mollis nisl. Suspendisse aliquet velit fringilla erat laoreet feugiat. Maecenas facilisis arcu enim, in vehicula mi sodales sed. Sed non fringilla tellus, vitae ultricies elit. Nam sagittis euismod viverra.

Donec vel ipsum placerat, iaculis ipsum eu, commodo erat. Phasellus at diam quis ante gravida sollicitudin. Morbi finibus id ipsum id hendrerit. Aenean ultrices, velit sed vulputate accumsan, diam dolor fringilla neque, egestas bibendum mi tortor ac nisl. Cras metus velit, fringilla cursus justo sit amet, porta porta lectus. Quisque nunc felis, maximus quis efficitur vitae, convallis a lorem. Aenean dapibus malesuada tellus, ac consequat neque semper quis. Integer id aliquam ipsum. Mauris maximus rutrum nulla, a laoreet purus egestas at. Integer id mi vel nisi ullamcorper molestie. Donec tristique, urna nec facilisis porttitor, dui nunc consequat quam, vitae pharetra odio purus at ante.

Personalidade do Digimon

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nec magna ante. Phasellus facilisis lacus ac velit euismod porta. Vestibulum condimentum ornare metus nec pellentesque. Nam efficitur.

Atributos

Força:
Defesa:
Aptidão:
Velocidade:
Tenacidade:
Inteligência:

Emme

[hideedit]

Última edição por Eden em setembro 30th 2020, 23:40, editado 11 vez(es)

Código

Apenas copie e altere o necessário.

Apenas copie e cole o código, crie um novo tópico e modifique as áreas com as informações do seu personagem — como história, personalidade, imagens e lembre-se de utilizar um photoplayer e descrever brevemente seu Digimon.

Para personalizar a sua ficha, você pode alterar a cor principal da ficha alterando o preto (#111111) no final da ficha. É possível adicionar 5 imagens na ficha: do seu personagem e 4 outras melhores para representar os botões da ficha. Inclusive, mude o ""th th-z-leo" para o signo do seu personagem mudando "leo" para o nome do signo correspondente em inglês.

Você pode saber mais a respeito da Distribuição de Pontos dos atributos básicos clicando aqui

Código:: <div class="MM031"><div class="MM031-t"><b>•••</b><strong>Nome Completo</strong></div> <div class="MM031-m"><span class="th th-z-leo"></span><div class="MM031-dd"><b>Idade aqui</b><b>Nacionalidade</b><b>Facção</b></div> <input type="radio" name="MM031" id="MM031-1" checked><input type="radio" name="MM031" id="MM031-2"><input type="radio" name="MM031" id="MM031-3"><input type="radio" name="MM031" id="MM031-4"> <div class="MM031-bo"><div class="MM031-fra"><div>Uma frase curta aqui, caso queira.</div></div><div class="MM031-la"> <label for="MM031-1" style="background-image: url(https://via.placeholder.com/70.png);" title="Geral"></label> <label for="MM031-2" style="background-image: url(https://via.placeholder.com/70.png);" title="Personalidade"></label> <label for="MM031-3" style="background-image: url(https://via.placeholder.com/70.png);" title="História"></label> <label for="MM031-4" style="background-image: url(https://via.placeholder.com/70.png);" title="Parceiro Digimon"></label> </div></div> <div class="MM031-con"> <div class="MM031-c1"><div class="MM031-img" style="background-image: url(https://via.placeholder.com/220x195.png);"></div><b>Nome Completo</b><span><b>Parceiro Digimon</b><b>Cor do D-Watch</b></span></div> <div class="MM031-c2"> <div class="MM031-tt">Personalidade</div> <div class="MM031-txt">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nec magna ante. Phasellus facilisis lacus ac velit euismod porta. Vestibulum condimentum ornare metus nec pellentesque. Nam efficitur, enim nec pulvinar mattis, lorem quam blandit neque, ut viverra enim sapien eu magna. Quisque mi ex, commodo vitae nulla bibendum, vulputate efficitur nisi. Aenean eu orci vitae nulla eleifend aliquam. Nam volutpat quam sed auctor rhoncus. Quisque ex mauris, facilisis quis orci vel, malesuada pulvinar lacus. Praesent et purus nec justo feugiat blandit eget vitae nisl. Cras id scelerisque ante, pharetra ullamcorper nunc. Phasellus vel sem consequat, efficitur purus vitae, fringilla sem. Nulla sit amet lacinia urna. Aliquam in tellus at nulla aliquet imperdiet et ut metus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Quisque suscipit, ipsum vitae imperdiet eleifend, velit risus mollis lectus, at finibus lorem neque at mauris. Nulla quis elit magna. Nam porttitor lacinia augue sed tempus. Aenean id magna lorem. Nam at mollis nisl. Suspendisse aliquet velit fringilla erat laoreet feugiat. Maecenas facilisis arcu enim, in vehicula mi sodales sed. Sed non fringilla tellus, vitae ultricies elit. Nam sagittis euismod viverra. Donec vel ipsum placerat, iaculis ipsum eu, commodo erat. Phasellus at diam quis ante gravida sollicitudin. Morbi finibus id ipsum id hendrerit. Aenean ultrices, velit sed vulputate accumsan, diam dolor fringilla neque, egestas bibendum mi tortor ac nisl. Cras metus velit, fringilla cursus justo sit amet, porta porta lectus. Quisque nunc felis, maximus quis efficitur vitae, convallis a lorem. Aenean dapibus malesuada tellus, ac consequat neque semper quis. Integer id aliquam ipsum. Mauris maximus rutrum nulla, a laoreet purus egestas at. Integer id mi vel nisi ullamcorper molestie. Donec tristique, urna nec facilisis porttitor, dui nunc consequat quam, vitae pharetra odio purus at ante.</div> </div> <div class="MM031-c3"><div class="MM031-tt">História</div> <div class="MM031-txt">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nec magna ante. Phasellus facilisis lacus ac velit euismod porta. Vestibulum condimentum ornare metus nec pellentesque. Nam efficitur, enim nec pulvinar mattis, lorem quam blandit neque, ut viverra enim sapien eu magna. Quisque mi ex, commodo vitae nulla bibendum, vulputate efficitur nisi. Aenean eu orci vitae nulla eleifend aliquam. Nam volutpat quam sed auctor rhoncus. Quisque ex mauris, facilisis quis orci vel, malesuada pulvinar lacus. Praesent et purus nec justo feugiat blandit eget vitae nisl. Cras id scelerisque ante, pharetra ullamcorper nunc. Phasellus vel sem consequat, efficitur purus vitae, fringilla sem. Nulla sit amet lacinia urna. Aliquam in tellus at nulla aliquet imperdiet et ut metus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Quisque suscipit, ipsum vitae imperdiet eleifend, velit risus mollis lectus, at finibus lorem neque at mauris. Nulla quis elit magna. Nam porttitor lacinia augue sed tempus. Aenean id magna lorem. Nam at mollis nisl. Suspendisse aliquet velit fringilla erat laoreet feugiat. Maecenas facilisis arcu enim, in vehicula mi sodales sed. Sed non fringilla tellus, vitae ultricies elit. Nam sagittis euismod viverra. Donec vel ipsum placerat, iaculis ipsum eu, commodo erat. Phasellus at diam quis ante gravida sollicitudin. Morbi finibus id ipsum id hendrerit. Aenean ultrices, velit sed vulputate accumsan, diam dolor fringilla neque, egestas bibendum mi tortor ac nisl. Cras metus velit, fringilla cursus justo sit amet, porta porta lectus. Quisque nunc felis, maximus quis efficitur vitae, convallis a lorem. Aenean dapibus malesuada tellus, ac consequat neque semper quis. Integer id aliquam ipsum. Mauris maximus rutrum nulla, a laoreet purus egestas at. Integer id mi vel nisi ullamcorper molestie. Donec tristique, urna nec facilisis porttitor, dui nunc consequat quam, vitae pharetra odio purus at ante.</div></div> <div class="MM031-c4"><div class="MM031-tt">Personalidade do Digimon</div> <div class="MM031-txt">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nec magna ante. Phasellus facilisis lacus ac velit euismod porta. Vestibulum condimentum ornare metus nec pellentesque. Nam efficitur.</div> <div class="MM031-tt">Atributos</div> <div class="MM031-txt"><strong>Força:</strong> <strong>Defesa:</strong> <strong>Aptidão:</strong> <strong>Velocidade:</strong> <strong>Tenacidade:</strong> <strong>Inteligência:</strong> </div></div> </div></div><a class="MM031-t" href="https://emmescodes.tumblr.com/" title="Code by Emme">Emme</a> </div><link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet"><style> .MM031, .MM031 * { box-sizing: border-box; scrollbar-color: var(--mm-01) #0002 !important; scrollbar-width: thin; } .MM031-m input, .MM031 br { display: none; } .MM031 { --mm-01: #111111; --mm-02: #D6D6D6; --mm-03: #111111; --mm-04: #FFF; width: 500px; margin: auto; background: var(--mm-02); border-radius: 0px; overflow: hidden; border: 1px solid var(--mm-03); font: 12px Calibri; color: var(--mm-03); } .MM031-t { display: flex; align-items: center; border-bottom: 1px solid var(--mm-03); padding: 5px 8px 3px; background: var(--mm-01); color: var(--mm-04); text-shadow: 1px 1px var(--mm-03), -1px 1px var(--mm-03), 1px -1px var(--mm-03), -1px -1px var(--mm-03); } .MM031-t > b { font-size: 20px; line-height: 10px; margin-right: auto; letter-spacing: 5px; } .MM031-t > strong { letter-spacing: 2px; } .MM031-m { margin: 15px; display: flex; flex-wrap: wrap; min-height: 300px; align-items: flex-start; background-image: repeating-linear-gradient( 45deg, #FFF6, #FFF6 2px, var(--mm-04) 2px, var(--mm-04) 3px ), repeating-linear-gradient( #FFF0, #FFF0 18px, var(--mm-01) 18px, var(--mm-01) 19px ), repeating-linear-gradient( 90deg, var(--mm-04), var(--mm-04) 18px, var(--mm-01) 18px, var(--mm-01) 19px ); } .MM031-m > span { margin: 0 6px 6px 0; padding: 15px; font-size: 20px; border: 1px solid var(--mm-01); box-shadow: 3px 3px 0 3px var(--mm-02), 3px 4px 0 3px var(--mm-01), 4px 3px 0 3px var(--mm-01); position: relative; z-index: 1; text-shadow: 1px 1px var(--mm-04), -1px 1px var(--mm-04), 1px -1px var(--mm-04), -1px -1px var(--mm-04); background: var(--mm-04); } .MM031-m > span::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: var(--mm-01); opacity: .6; z-index: -1; } .MM031-dd { flex: 1; border: 1px solid var(--mm-01); display: flex; margin-bottom: 6px; box-shadow: 0 6px var(--mm-02), 0 7px var(--mm-01); position: relative; z-index: 2; min-width: 80%; background: var(--mm-04); } .MM031-dd > b { flex-grow: 1; text-align: center; text-transform: uppercase; font-size: 10px; letter-spacing: 2px; padding: 0 0 1px 2px; } .MM031-dd > b ~ b { border-left: 1px solid var(--mm-01); } .MM031-bo { border-left: 1px solid var(--mm-01); height: 300px; display: flex; flex-direction: column; } .MM031-fra { flex: 1; display: flex; align-items: center; padding-bottom: 7px; position: relative; } .MM031-fra > div { background: var(--mm-04); padding: 10px; border: 1px solid var(--mm-01); position: absolute; z-index: 5; box-shadow: 3px 3px var(--mm-01), 3px 3px 0 1px var(--mm-03); text-align: center; font-style: italic; letter-spacing: 0px; overflow: hidden; text-shadow: 1px 1px var(--mm-04), -1px 1px var(--mm-04), 1px -1px var(--mm-04), -1px -1px var(--mm-04); left: 30px; right: -35px; } .MM031-fra > div::before { content: "\eca8"; font: 50px honeybee; position: absolute; top: -10px; left: -5px; opacity: .4; z-index: -1; color: var(--mm-01); } .MM031-con { flex: 1; border-right: 1px solid var(--mm-01); margin: -36px 0 0 3px; height: 336px; padding: 20px; position: relative; border-bottom: 1px solid var(--mm-01); } .MM031-la { display: flex; flex-wrap: wrap; margin: -3px 0 -3px -4px; width: 152px; background: var(--mm-02); box-shadow: 0 0 0 3px var(--mm-02), 4px -4px var(--mm-01); } .MM031-la label { border: 1px solid var(--mm-01); margin: 3px; width: 70px; height: 70px; cursor: pointer; padding: 0; } .MM031-con > div { background: var(--mm-04); border: 5px solid transparent; position: absolute; top: 20px; left: 20px; right: 20px; bottom: 20px; opacity: 0; pointer-events: none; text-align: center; box-shadow: inset 0 0 0 1px var(--mm-01); padding: 16px; overflow: auto; } #MM031-1:checked ~ div .MM031-c1, #MM031-2:checked ~ div .MM031-c2, #MM031-3:checked ~ div .MM031-c3, #MM031-4:checked ~ div .MM031-c4 { opacity: 1; pointer-events: auto; } .MM031-c1 { display: flex; flex-direction: column; text-shadow: 1px 1px var(--mm-03), -1px 1px var(--mm-03), 1px -1px var(--mm-03), -1px -1px var(--mm-03); } .MM031-img { flex: 1; margin-bottom: 5px; border: 1px dotted var(--mm-01); } .MM031-tt, .MM031-c1 b { background: var(--mm-01); border: 1px solid var(--mm-03); color: var(--mm-04); letter-spacing: 2px; padding: 2px 0 2px 1px; font-size: 16px; } .MM031-c1 > span { margin-top: 5px; display: flex; } .MM031-c1 > span > b ~ b { margin-left: 5px; } .MM031-c1 > span > b { flex-grow: 1; font-size: 10px; } .MM031-la label, .MM031-img { box-shadow: inset 0 0 0 5px var(--mm-04); background-color: var(--mm-02); background-position: center; background-size: cover; background-clip: content-box; } #MM031-1:checked ~ div label[for*="1-1"], #MM031-2:checked ~ div label[for*="1-2"], #MM031-3:checked ~ div label[for*="1-3"], #MM031-4:checked ~ div label[for*="1-4"] { border: 5px solid var(--mm-01); } .MM031-la label:hover { border: 3px solid var(--mm-01); } .MM031-tt { font-size: 12px; } .MM031-txt { text-align: justify; hyphens: auto; padding: 10px 10px 20px; } .MM031-txt br { display: block; } .MM031-txt br + br { margin: 5px; } .MM031 div::-webkit-scrollbar { width: 5px !important; height: 5px !important; background: #0002 !important; } .MM031 div::-webkit-scrollbar-thumb { background: var(--mm-01) !important; } a.MM031-t { border-bottom: none; border-top: 1px solid var(--mm-03); justify-content: center; color: var(--mm-02) !important; padding: 0 0 2px 10px; text-transform: lowercase; letter-spacing: 10px; } </style>

[hideedit]