przydatne kody

Nick Autora

jakiś krótki cytat

styl pisania: 3 osoba, czas przeszły
preferencje: co lubisz
triggery: czego nie znosisz
inne: dodatkowe info

postaci

1. Imię Nazwisko [ A ] - karta
2. Imię Nazwisko [ A ] - karta
3. Imię Nazwisko [ N ] - karta

opowiadania

1. Opowiadanie - link
2. Opowiadanie - link
3. Opowiadanie - link

przykładowy kod profilu autora

<br />
<div class="profile">
<div class="okno"> </div>
<div class="profil-aut">
<div class="autor">
<div class="pseudonim">TWÓJ_NICK</div><br />
<span class="cytacik">JAKIŚ_KRÓTKI_CYTAT_LUB_TEKST</span>
</div>
<div class="profil-opis">
<span class="pytanko">styl pisania:</span> 3 osoba czasu przeszłego <br />
<span class="pytanko">preferencje:</span> co lubisz<br />
<span class="pytanko">triggery:</span> czego nie znosisz<br />
<span class="pytanko">inne:</span> dodatkowe info<br />
</div>
<br />
</div></div>
<script type="text/javascript">
function ne(o){
if(document.getElementById(o).style.display=='') document.getElementById(o).style.display = 'none';
else document.getElementById(o).style.display='';
}
</script>
<div class="roz-lista">
<div onclick="ne('klik')">
<div class="opowiadanka">
postaci</div></div>
<div id="klik" style="display: none;">
<div class="opowiadania"><ol style="text-align: left;">
<li>Imię Nazwisko [ A ] - <a href="LINK_DO_KARTY" target="_blank">karta</a></li>
<li>Imię Nazwisko [ A ] - <a href="LINK_DO_KARTY" target="_blank">karta</a></li>
<li>Imię Nazwisko [ N ] - <a href="LINK_DO_KARTY" target="_blank">karta</a></li>
</ol></div>
</div>
</div>
<div class="roz-lista">
<div onclick="ne('klik2')">
<div class="opowiadanka">
opowiadania</div></div>
<div id="klik2" style="display: none;">
<div class="opowiadania"><ol style="text-align: left;">
<li>Opowiadanie - <a href="LINK_DO_OPOWIADANIA" target="_blank">link</a></li>
<li>Opowiadanie - <a href="LINK_DO_OPOWIADANIA" target="_blank">link</a></li>
<li>Opowiadanie - <a href="LINK_DO_OPOWIADANIA" target="_blank">link</a></li>
</ol></div>
</div>
</div>
<style>
 .okno {
background-image: url('LINK_DO_DUŻEGO_OBRAZKA')!important; }
.pseudonim::before {
 background-image: url('LINK_DO_MAŁEGO_OBRAZKA_ALBO_GIFA')!important; } 
</style>

tytuły dostępne na blogu

Na blogu dostępne jest kilka zakodowanych tytułów, którymi można posiłkować się wedle uznania. Administracja oraz obsługa nie biorą jednak odpowiedzialności za ich nieumiejętne — bądź niecne — wykorzystanie.

Tytuł h2

Tytuł h3

Tytuł h4

Tytuł h6

kody tytułów w postach

<h2>tytuł h2</h2>

<h3>tytuł h3</h3>

<h4>tytuł h4</h4>

<h6>tytuł h6</h6>

okienko rozwijane po kliknięciu

Kod do rozwijanego okienka różnież jest ogólnodostępny, można go dowolnie modyfikować albo po prostu wybrać z kilku poniższych wariantów.

kliknij żeby rozwinąć

Jeśli chcemy umieścić w poście więcej niż jedno okienko, kod rozpoczynający się i kończący na "script" wystarczy wkleić raz. Pozostałą część należy skopiować i umieścić drugi/trzeci/enty raz, dodając adekwatną liczbę przy części <div onclick="ne('klik')"> oraz <div id="klik">.

Przykładowo, jeśli zamieszczamy w poście dwie rozwijane listy, kod przy drugiej powinien już zawierać <div onclick="ne('klik2')"> oraz <div id="klik2">.

okienko rozwijane po kliknięciu (1)

<script type="text/javascript">
function ne(o){
if(document.getElementById(o).style.display=='') document.getElementById(o).style.display = 'none';
else document.getElementById(o).style.display='';
}
</script>
<div class="roz-lista">
<div onclick="ne('klik')">
<div class="opowiadanka">
TWÓJ_PRZYCISK</div></div>
<div id="klik" style="display: none;">
<div class="opowiadania">
TWOJA_TREŚĆ.
</div></div></div>
<br />

kliknij żeby rozwinąć

Jeśli chcemy wyśrodkować tekst lub symbol na przycisku, wystarczy że zamkniemy go w kodzie <center>twój_przycisk</center>. To samo dotyczy treści naszej listy.

okienko rozwijane po kliknięciu (2)

<script type="text/javascript">
function ne(o){
if(document.getElementById(o).style.display=='') document.getElementById(o).style.display = 'none';
else document.getElementById(o).style.display='';
}
</script>
<div onclick="ne('klik')">
<div class="opowiadanka">
TWÓJ_PRZYCISK</div></div>
<div id="klik" style="display: none;">
<div class="opowiadania">
TWOJA_TREŚĆ.
</div></div>
<br />