Search
 
 

Display results as :
 

Rechercher Advanced Search

Plot Topics
Latest topics
» Shinobi Generations!
Rei[Templates] EmptyWed Apr 08, 2020 1:49 pm by Soul

» Digimon In Another Land
Rei[Templates] EmptyMon Dec 02, 2019 2:02 pm by Rockeith

» Greatest Naruto RP
Rei[Templates] EmptyFri Nov 22, 2019 3:55 pm by Guest

» REBOOT: LOST LIGHT PERN (JCINK)
Rei[Templates] EmptyFri Nov 01, 2019 6:12 pm by Guest

» Spook Salvatore's Fortune Wheel
Rei[Templates] EmptyMon Oct 28, 2019 12:10 pm by Nana

» Working The Wire ☤ Training ☤ Private
Rei[Templates] EmptyFri Oct 25, 2019 2:15 am by Yuno Uzumaki

» Rei Uchiha[Management]
Rei[Templates] EmptyThu Oct 24, 2019 11:10 am by Rei Uchiha

» Healing Orb [D-Rank]
Rei[Templates] EmptyMon Oct 21, 2019 6:49 pm by Homura Uchiha

» Chaoris No Akuma Management
Rei[Templates] EmptyMon Oct 21, 2019 2:06 pm by Nana

Top posting users this month
No user

Top posters
Nana
Rei[Templates] Pi2CNvDRei[Templates] 8GQHbocRei[Templates] Nqfanf0 
Rei
Rei[Templates] Pi2CNvDRei[Templates] 8GQHbocRei[Templates] Nqfanf0 
Makoto
Rei[Templates] Pi2CNvDRei[Templates] 8GQHbocRei[Templates] Nqfanf0 
Homura Uchiha
Rei[Templates] Pi2CNvDRei[Templates] 8GQHbocRei[Templates] Nqfanf0 
Shizune
Rei[Templates] Pi2CNvDRei[Templates] 8GQHbocRei[Templates] Nqfanf0 
neah
Rei[Templates] Pi2CNvDRei[Templates] 8GQHbocRei[Templates] Nqfanf0 
Tenri Terumi
Rei[Templates] Pi2CNvDRei[Templates] 8GQHbocRei[Templates] Nqfanf0 
Kuro
Rei[Templates] Pi2CNvDRei[Templates] 8GQHbocRei[Templates] Nqfanf0 
Mugetsu
Rei[Templates] Pi2CNvDRei[Templates] 8GQHbocRei[Templates] Nqfanf0 
Kioshi
Rei[Templates] Pi2CNvDRei[Templates] 8GQHbocRei[Templates] Nqfanf0 


Rei[Templates]

Shinobi Conquest :: OOC Board :: Discussions

Go down

Rei[Templates] Empty Rei[Templates]

Post by Rei Tue Jul 16, 2019 3:46 pm

Code:
<link href='http://fonts.googleapis.com/css?family=IM+Fell+English:400italic|IM+Fell+DW+Pica:400italic' rel='stylesheet' type='text/css'>
<style type="text/css">
.scrollshell {
width: 472px;
margin: auto auto;
}
.scrolltop {
position: relative;
z-index: 100;
}

.scrollbot {
position: relative;
z-index: 101;
}

.scrollmiddle {
background-image:url("https://2img.net/h/i986.photobucket.com/albums/ae347/blue-moon-stock/scrollmiddle_zpsecb97719.png");
background-repeat: repeat-y;
height: 0px;
padding-left: 60px;
padding-right: 60px;
overflow: hidden;
position: relative;
z-index: 99;
-webkit-transition: all 1.5s ease;
-moz-transition: all 1.5s ease;
-o-transition: all 1.5s ease;
-ms-transition: all 1.5s ease;
transition: all 1.5s ease;
}

.scrollshell:hover .scrollmiddle {
height: 500px;
overflow: auto;
-webkit-transition: all 1.5s ease;
-moz-transition: all 1.5s ease;
-o-transition: all 1.5s ease;
-ms-transition: all 1.5s ease;
transition: all 1.5s ease;
}

.titletext {
font-family: IM Fell English;
font-size: 21px;
color: #0F0D00;
line-height: 20px;
text-align: center;
margin-top: 10px;
}

.writetext {
font-family: IM Fell English;
font-size: 15px;
color: #0F0D00;
line-height: 15px;
text-align: justify;
}

.footertext {
font-family: IM Fell DW Pica;
font-size: 16px;
color: #0F0D00;
line-height: 20px;
text-align: right;
</style>
<html>
<div class="scrollshell">
<div class="scrolltop"><img src="https://2img.net/h/i986.photobucket.com/albums/ae347/blue-moon-stock/scrolltop_zps5fb555d5.png"/></div><div class="scrollmiddle">
<div class="titletext">

<img src = "https://2img.net/h/i986.photobucket.com/albums/ae347/blue-moon-stock/bastettavicboxkingzoidlord_zps863e8202.png">
<br>
Fluffly Catbutt
</div>
<br><br>
<div class="writetext">

<style type="text/css">

.tabs {
position: relative;  
min-height:545px; /* This part sucks */
clear: both;
margin: 25px 0;
}
.tab {
float: left;
}
.tab label {
background: #deb887;
padding: 10px;
border: 1px solid #ccc;
margin-left: -1px;
position: relative;
left: 1px;
}
.tab [type=radio] {
display: none;  
}
.content {
position: absolute;
top: 28px;
left: 0;
background: burlywood;
right: 0;
bottom: 0;
padding: 20px;
border: 1px solid #ccc;
}
[type=radio]:checked ~ label {
background: burlywood;
border-bottom: 1px solid white;
z-index: 2;
}
[type=radio]:checked ~ label ~ .content {
z-index: 1;
}
</style>

<div class="tabs">
 
<div class="tab">
    <input type="radio" id="tab-1" name="tab-group-1" checked>
    <label for="tab-1">Basic Info</label>
   
    <div class="content">
Player Name:<br>
AIM:<br>
Yahoo:<br>
<br>
       <ul>
<li><b>Age:</b> 20</li>
<li><b>Race:</b></li>
<li><b>Gender:</b></li>
<li><b>Alignment:</b></li>
<li><b>Home location:</b> </li>
<li><b>Current Location:</b></li>
<li><b>Leaves:</b> 500</li>
<li><b>Alliance:</b></li>
</ul>
<br>
<br>
<br>
<b> Stats</b>
       <ul>
<li><b>Strength:</b></li>
<li><b>Dexterity:</b></li>
<li><b>Constitution:</b></li>
<li><b>intelligence:</b></li>
<li><b>Charisma:</b></li>
</ul>
<b>Health:</b> 100%
<b>Stamina:</b> 100%
<b>Mana:</b> 100%
    </div>
</div>

<div class="tab">
    <input type="radio" id="tab-2" name="tab-group-1">
    <label for="tab-2">Skills</label>
   
    <div class="content">
    <ul>
<li>Level 1 Skills</li>
<br>
---
<br>
<li>Level 2 Skills</li>
<br>
---
<br>
<li>Level 3 Skills</li>
<br>
---
<br>
<li>Level 4 Skills</li>
<br>
---
<br>
<li>Level 5 Skills</li>
<br>
---
<br>
    </div>
</div>
 
 <div class="tab">
    <input type="radio" id="tab-3" name="tab-group-1">
    <label for="tab-3">Equip/ inventory</label>
 
    <div class="content">
        Shiney Diamond Sword!
    </div>
</div>
<div class="tab">
    <input type="radio" id="tab-4" name="tab-group-1">
    <label for="tab-4">Property</label>
   
    <div class="content">
    bibbidydodab
    </div>
</div>
 
</div>
</div>
<br>
<div class="footertext">
Insert Personal Quote Here!
</div>
</div><div class="scrollbot">
<img src="https://2img.net/h/i986.photobucket.com/albums/ae347/blue-moon-stock/scrollbottom_zps256c83aa.png"/>
</div>
</div>
Spoiler:
Spoiler:
Rei
Rei

Posts : 689
Join date : 2018-07-30
Age : 32

Back to top Go down

Rei[Templates] Empty Re: Rei[Templates]

Post by Rei Tue Jul 16, 2019 4:39 pm

Spoiler:
Rei
Rei

Posts : 689
Join date : 2018-07-30
Age : 32

Back to top Go down

Rei[Templates] Empty Re: Rei[Templates]

Post by Rei Tue Jul 16, 2019 5:09 pm

Code:
[div class=fyuri07wrapper][img]http://via.placeholder.com/300x150[/img][div class=fyuri07infohover][div class=fyuri07header]Header One[/div]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras quam ipsum, fringilla vel sollicitudin eget, tincidunt in lacus. Sed gravida eros vel bibendum scelerisque. Proin nec viverra tortor, sed pellentesque elit. In in tortor at ligula tristique euismod. Curabitur suscipit, est non pretium dictum, mi metus dapibus lorem, in fermentum odio urna ac nibh. Aenean vehicula erat eget enim mattis tempor. Vestibulum tempor justo velit, ac dignissim neque pellentesque at. Morbi in condimentum est, quis ultrices metus. Quisque ornare feugiat nibh, quis hendrerit arcu finibus ac. Maecenas sagittis, libero ac consectetur pretium, ligula velit aliquam nibh, vel dictum augue massa et lorem.
[/div][div class=fyuri07infohover2][div class=fyuri07header]Header Two[/div]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras quam ipsum, fringilla vel sollicitudin eget, tincidunt in lacus. Sed gravida eros vel bibendum scelerisque. Proin nec viverra tortor, sed pellentesque elit. In in tortor at ligula tristique euismod. Curabitur suscipit, est non pretium dictum, mi metus dapibus lorem, in fermentum odio urna ac nibh. Aenean vehicula erat eget enim mattis tempor. Vestibulum tempor justo velit, ac dignissim neque pellentesque at. Morbi in condimentum est, quis ultrices metus. Quisque ornare feugiat nibh, quis hendrerit arcu finibus ac. Maecenas sagittis, libero ac consectetur pretium, ligula velit aliquam nibh, vel dictum augue massa et lorem.[/div][div class=fyuri07infohover3][div class=fyuri07header]Header Three[/div]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras quam ipsum, fringilla vel sollicitudin eget, tincidunt in lacus. Sed gravida eros vel bibendum scelerisque. Proin nec viverra tortor, sed pellentesque elit. In in tortor at ligula tristique euismod. Curabitur suscipit, est non pretium dictum, mi metus dapibus lorem, in fermentum odio urna ac nibh. Aenean vehicula erat eget enim mattis tempor. Vestibulum tempor justo velit, ac dignissim neque pellentesque at. Morbi in condimentum est, quis ultrices metus. Quisque ornare feugiat nibh, quis hendrerit arcu finibus ac. Maecenas sagittis, libero ac consectetur pretium, ligula velit aliquam nibh, vel dictum augue massa et lorem.[/div][div class=fyuri07infohover4][div class=fyuri07header]Header Four[/div]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras quam ipsum, fringilla vel sollicitudin eget, tincidunt in lacus. Sed gravida eros vel bibendum scelerisque. Proin nec viverra tortor, sed pellentesque elit. In in tortor at ligula tristique euismod. Curabitur suscipit, est non pretium dictum, mi metus dapibus lorem, in fermentum odio urna ac nibh. Aenean vehicula erat eget enim mattis tempor. Vestibulum tempor justo velit, ac dignissim neque pellentesque at. Morbi in condimentum est, quis ultrices metus. Quisque ornare feugiat nibh, quis hendrerit arcu finibus ac. Maecenas sagittis, libero ac consectetur pretium, ligula velit aliquam nibh, vel dictum augue massa et lorem.
[/div][div class=fyuri07infohover5][div class=fyuri07header]Header Five[/div]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras quam ipsum, fringilla vel sollicitudin eget, tincidunt in lacus. Sed gravida eros vel bibendum scelerisque. Proin nec viverra tortor, sed pellentesque elit. In in tortor at ligula tristique euismod. Curabitur suscipit, est non pretium dictum, mi metus dapibus lorem, in fermentum odio urna ac nibh. Aenean vehicula erat eget enim mattis tempor. Vestibulum tempor justo velit, ac dignissim neque pellentesque at. Morbi in condimentum est, quis ultrices metus. Quisque ornare feugiat nibh, quis hendrerit arcu finibus ac. Maecenas sagittis, libero ac consectetur pretium, ligula velit aliquam nibh, vel dictum augue massa et lorem.[/div][div=fyuri07imagebox][img]http://via.placeholder.com/300x150[/img][/div][/div][nobr]
[div class=fyuri07credit][url=https://www.rpnation.com/threads/fyurious-codes-2-0.389838/post-8656755]code[/url] by [USER=39545]@Fyuri[/USER][/div][comment]please do not remove/alter credit. code by [USER=39545]@Fyuri[/USER][/comment]
[font=Exo][div=display: none;].[/div][/font]
[class=fyuri07wrapper]
position:relative;
width:300px;
height:479px;
margin:auto;
background: #531cb3;
background: -moz-linear-gradient(top, #531cb3 0%, #944bbb 25%, #aa7bc3 50%, #cc92c2 75%, #dba8ac 100%);
background: -webkit-linear-gradient(top, #531cb3 0%,#944bbb 25%,#aa7bc3 50%,#cc92c2 75%,#dba8ac 100%);
background: linear-gradient(to bottom, #531cb3 0%,#944bbb 25%,#aa7bc3 50%,#cc92c2 75%,#dba8ac 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#531cb3', endColorstr='#dba8ac',GradientType=0 );
overflow:hidden;
[/class]

[class=fyuri07imagebox]
display:inline;
text-align:center;
pointer-events:none;
[/class]

[class=fyuri07infohover]
width:calc (100%-10px);
height:25px;
margin-top:-6px;
background-color:transparent;
color:#fff;
overflow:hidden;
transition: all 0.5s ease;
padding:5px;
text-align:justify;
font-size:13px;
line-height:25px;
border-bottom:1px solid rgba(0,0,0, 0.1);
[/class]

[class name=fyuri07infohover state=hover]
width:calc (100%-10px);
height:320px;
background-color:#000;
color:#fff;
overflow:auto;
border:none;
[/class]

[class=fyuri07infohover2]
position:relative;
z-index:3;
width:calc (100%-10px);
height:25px;
background-color:transparent;
color:#fff;
overflow:hidden;
transition: all 0.5s ease;
padding:5px;
text-align:justify;
font-size:13px;
line-height:25px;
border-bottom:1px solid rgba(0,0,0, 0.1);
[/class]

[class name=fyuri07infohover2 state=hover]
position:relative;
z-index:3;
width:calc (100%-10px);
height:321px;
margin-top:-37px;
background-color:#000;
color:#fff;
overflow:auto;
border:none;
[/class]

[class=fyuri07infohover3]
position:relative;
z-index:4;
width:calc (100%-10px);
height:25px;
background-color:transparent;
color:#fff;
overflow:hidden;
transition: all 0.5s ease;
padding:5px;
text-align:justify;
font-size:13px;
line-height:25px;
border-bottom:1px solid rgba(0,0,0, 0.1);
[/class]

[class name=fyuri07infohover3 state=hover]
position:relative;
z-index:4;
width:calc (100%-10px);
height:321px;
margin-top:-73px;
background-color:#000;
color:#fff;
overflow:auto;
border:none;
[/class]

[class=fyuri07infohover4]
position:relative;
z-index:5;
width:calc (100%-10px);
height:25px;
background-color:transparent;
color:#fff;
overflow:hidden;
transition: all 0.5s ease;
padding:5px;
text-align:justify;
font-size:13px;
line-height:25px;
border-bottom:1px solid rgba(0,0,0, 0.1);
[/class]

[class name=fyuri07infohover4 state=hover]
position:relative;
z-index:5;
width:calc (100%-10px);
height:321px;
margin-top:-109px;
background-color:#000;
color:#fff;
overflow:auto;
border:none;
[/class]

[class=fyuri07infohover5]
position:relative;
z-index:6;
width:calc (100%-10px);
height:25px;
background-color:transparent;
color:#fff;
overflow:hidden;
transition: all 0.5s ease;
padding:5px;
text-align:justify;
font-size:13px;
line-height:25px;
border-bottom:1px solid rgba(0,0,0, 0.1);
[/class]

[class name=fyuri07infohover5 state=hover]
position:relative;
z-index:6;
width:calc (100%-10px);
height:321px;
margin-top:-145px;
background-color:#000;
color:#fff;
overflow:auto;
border:none;
[/class]

[class=fyuri07header]
font-size:30px;
color:#fff;
font-family: 'Exo';
line-height:30px;
text-align:left;
[/class]

[class=fyuri07credit]
width:300px;
margin:auto;
opacity:0.3;
font-size:10px;
[/class]
[/nobr]
Rei
Rei

Posts : 689
Join date : 2018-07-30
Age : 32

Back to top Go down

Rei[Templates] Empty Re: Rei[Templates]

Post by Rei Tue Jul 16, 2019 5:12 pm

Code:
[div class=fyuriwrapper][div class=fyuribox1][div class=fyuriimagebox][img]http://via.placeholder.com/300x300[/img][/div][div class=fyuriheader][fa]fa-id-card-o[/fa] Identification[/div][div=padding:5px;][b]Name[/b]:
[b]Rank[/b]: [/div][div class=fyuriheader][fa]fa-tasks[/fa] Stats[/div]
[div=padding:5px;][row][column=span2]Attribute:[/column][column=span3][fa]fa-circle[/fa][fa]fa-circle[/fa][fa]fa-circle[/fa][fa]fa-circle-thin[/fa][fa]fa-circle-thin[/fa][fa]fa-circle-thin[/fa][/column][/row]
[row][column=span2]Attribute:[/column][column=span3][fa]fa-circle[/fa][fa]fa-circle[/fa][fa]fa-circle[/fa][fa]fa-circle-thin[/fa][fa]fa-circle-thin[/fa][fa]fa-circle-thin[/fa][/column][/row]
[row][column=span2]Attribute:[/column][column=span3][fa]fa-circle[/fa][fa]fa-circle[/fa][fa]fa-circle[/fa][fa]fa-circle-thin[/fa][fa]fa-circle-thin[/fa][fa]fa-circle-thin[/fa][/column][/row]
[row][column=span2]Attribute:[/column][column=span3][fa]fa-circle[/fa][fa]fa-circle[/fa][fa]fa-circle[/fa][fa]fa-circle-thin[/fa][fa]fa-circle-thin[/fa][fa]fa-circle-thin[/fa][/column][/row]
[row][column=span2]Attribute:[/column][column=span3][fa]fa-circle[/fa][fa]fa-circle[/fa][fa]fa-circle[/fa][fa]fa-circle-thin[/fa][fa]fa-circle-thin[/fa][fa]fa-circle-thin[/fa][/column][/row]
[row][column=span2]Attribute:[/column][column=span3][fa]fa-circle[/fa][fa]fa-circle[/fa][fa]fa-circle[/fa][fa]fa-circle-thin[/fa][fa]fa-circle-thin[/fa][fa]fa-circle-thin[/fa][/column][/row][/div]

[div class=fyuriheader][fa]fa-tasks[/fa] Skills[/div]
[div=padding:5px;][row][column=span2]Skill:[/column][column=span3][fa]fa-circle[/fa][fa]fa-circle[/fa][fa]fa-circle[/fa][fa]fa-circle-thin[/fa][fa]fa-circle-thin[/fa][fa]fa-circle-thin[/fa][/column][/row]
[row][column=span2]Skill:[/column][column=span3][fa]fa-circle[/fa][fa]fa-circle[/fa][fa]fa-circle[/fa][fa]fa-circle-thin[/fa][fa]fa-circle-thin[/fa][fa]fa-circle-thin[/fa][/column][/row]
[row][column=span2]Skill:[/column][column=span3][fa]fa-circle[/fa][fa]fa-circle[/fa][fa]fa-circle[/fa][fa]fa-circle-thin[/fa][fa]fa-circle-thin[/fa][fa]fa-circle-thin[/fa][/column][/row]
[row][column=span2]Skill:[/column][column=span3][fa]fa-circle[/fa][fa]fa-circle[/fa][fa]fa-circle[/fa][fa]fa-circle-thin[/fa][fa]fa-circle-thin[/fa][fa]fa-circle-thin[/fa][/column][/row]
[row][column=span2]Skill:[/column][column=span3][fa]fa-circle[/fa][fa]fa-circle[/fa][fa]fa-circle[/fa][fa]fa-circle-thin[/fa][fa]fa-circle-thin[/fa][fa]fa-circle-thin[/fa][/column][/row]
[row][column=span2]Skill:[/column][column=span3][fa]fa-circle[/fa][fa]fa-circle[/fa][fa]fa-circle[/fa][fa]fa-circle-thin[/fa][fa]fa-circle-thin[/fa][fa]fa-circle-thin[/fa][/column][/row][/div]

[/div][div class=fyuribox2][div=padding:5px;][div class=fyuriheader2][fa]fa-user-circle[/fa] Character Name[/div][/div][div class=fyuriheader][fa]fa-info-circle[/fa] General[/div]
[div=padding:5px;][b]Age[/b]:

[b]Gender[/b]:

[b]Race[/b]:

[b]Sexual Orientation[/b]:
[/div]
[div class=fyuriheader][fa]fa-info-circle[/fa] Header[/div]
[div=padding:5px;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed molestie, justo at ultrices finibus, nulla enim lacinia dui, at finibus mi erat eu nulla. Nullam sagittis aliquam diam at condimentum. Quisque interdum dolor semper metus porttitor, dapibus viverra tellus cursus. Sed pulvinar urna in metus pharetra finibus. Nulla facilisi. Suspendisse sed magna et leo fringilla commodo. Etiam convallis magna id ante faucibus, vitae posuere ligula fringilla. Vestibulum ornare finibus finibus.[/div]
[div class=fyuriheader][fa]fa-info-circle[/fa] Header[/div]
[div=padding:5px;]Sed aliquet venenatis pharetra. Mauris sodales dignissim purus, et hendrerit odio rutrum eget. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ac justo arcu. Morbi at dapibus metus. Ut at facilisis orci. Pellentesque ut pulvinar dui. Aliquam consequat dapibus laoreet. Integer porta venenatis cursus. Nunc cursus quis ante at sagittis. Quisque non tincidunt elit, non efficitur odio.[/div]
[div class=fyuriheader][fa]fa-info-circle[/fa] Header[/div]
[div=padding:5px;]Aliquam velit nisl, iaculis sit amet dolor in, dictum viverra purus. Quisque quis dapibus tortor, et imperdiet tellus. In nec dapibus metus, vel varius erat. Ut in nisi turpis. Sed in porta arcu. Donec venenatis eu lectus non congue. Nunc at cursus dolor. Nulla pretium velit id enim condimentum elementum. Vivamus pulvinar orci at magna posuere faucibus a vel velit.[/div]
[div class=fyuriheader][fa]fa-info-circle[/fa] Header[/div]
[div=padding:5px;]Sed sit amet pharetra eros. Etiam erat turpis, pulvinar et dictum quis, vehicula elementum nibh. Aliquam quis vestibulum sapien. Duis ac eros ipsum. Nullam tristique nisi nec tortor efficitur molestie. Pellentesque odio lectus, facilisis id quam quis, eleifend bibendum erat. Cras pharetra turpis eget odio imperdiet lobortis. Aenean at lorem magna. Integer quis auctor mauris, non elementum lectus. Duis facilisis aliquet turpis, id tincidunt urna rhoncus id. Aliquam quis tellus purus.[/div]
[/div][/div][nobr]
[div class=fyuricredit][url=https://www.rpnation.com/threads/fyurious-codes-2-0.389838/post-8665183]code[/url] by [USER=39545]@Fyuri[/USER][/div][comment]do not remove/alter credit. code by [USER=39545]@Fyuri[/USER][/comment]
[font=Rubik Mono One][div=display:none;].[/div][/font]
[font=Oswald][div=display:none;].[/div][/font]
[class=fyuriwrapper]
display: flex;
flex-wrap: wrap;
align-items: flex-start;
max-width:850px;
margin:auto;
border:1px solid rgba(0,0,0, 0.1);
[/class]

[class=fyuribox1]
 width: 300px;
 margin: 10px 5px 10px 10px;
border:1px solid black;
[/class]

[class=fyuribox2]
flex: 1;
margin: 10px 10px 10px 5px;
border:1px solid black;
[/class]

[class=fyuriimagebox]
width:100%;
pointer-events:none;
padding-bottom:5px;
[/class]

[class=fyuriheader]
width:calc(100% - 20px);
height:35px;
background:#313131;
padding:10px;
font-family: 'Oswald', Impact, Verdana;
font-size:25px;
color:#fff
[/class]

[class=fyuriheader2]
width:calc(100% - 20px);
height:35px;
padding:0px 10px 10px 0px;
font-family: 'Oswald', Impact, Verdana;
font-size:30px;
[/class]

[class=fyuricredit]
max-width:850px;
margin:auto;
opacity:0.3;
font-size:10px;
[/class]
[/nobr]
Rei
Rei

Posts : 689
Join date : 2018-07-30
Age : 32

Back to top Go down

Rei[Templates] Empty Re: Rei[Templates]

Post by Rei Tue Jul 16, 2019 5:13 pm

Code:
[div class=fyuriwrapper][div class=tabscontainer][div class=tab1][div=color:#313131!important;text-align:center;line-height:5px;font-size:35px!important;][fa]fa-user-circle[/fa][/div]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eu felis ut mi sagittis accumsan id ut tellus. Donec dapibus fringilla consectetur. Nunc eu eros ut turpis aliquam commodo. Duis scelerisque quam et enim efficitur porttitor. Nunc consequat ligula eu hendrerit feugiat. Aliquam erat volutpat. Etiam venenatis orci enim, sed molestie ipsum fermentum at. Sed elementum erat non purus mollis ultrices a eu est. Phasellus euismod enim urna, eu interdum ligula aliquet a. Integer vehicula, tortor quis laoreet efficitur, magna dui efficitur sem, ut efficitur nibh mi fermentum magna. Vestibulum nibh libero, lacinia vel ipsum vitae, condimentum aliquet nisl.

Etiam suscipit commodo nulla non consequat. Nullam at urna eu lacus scelerisque pellentesque at eget eros. Vestibulum eu lectus iaculis, consequat leo et, sollicitudin velit. Pellentesque in turpis posuere, vehicula orci blandit, condimentum neque. Donec euismod elit sit amet diam ultricies, id convallis ligula facilisis. Praesent pellentesque ante leo, vitae porta lectus maximus nec. Nulla sed nibh vitae est convallis viverra. Ut malesuada vehicula hendrerit. Vivamus sit amet sem sagittis, finibus ligula eu, ornare massa. Vestibulum pharetra viverra semper. Quisque euismod, est vel convallis efficitur, lacus massa ornare leo, id viverra leo metus eu est. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;

Phasellus fringilla lectus nec libero fermentum vestibulum. Donec blandit eget velit in blandit. Praesent imperdiet nisi sit amet orci luctus tempus. Maecenas porta elit et tellus volutpat, eget pretium diam commodo. Proin a cursus massa, ut varius risus. Nam placerat vulputate elementum. Donec gravida egestas mauris eu luctus. Curabitur non faucibus tellus, non laoreet velit. Suspendisse accumsan ipsum ut arcu sagittis facilisis. Aenean ornare risus vitae orci tincidunt, id imperdiet orci efficitur. Fusce sed interdum tellus, sed tincidunt lacus.

Nulla dictum a nulla viverra aliquet. Mauris tristique nisl sed ex pharetra rhoncus. Pellentesque facilisis pretium risus ut rhoncus. Nunc condimentum, velit nec pretium volutpat, sapien lorem faucibus mi, nec viverra neque dui quis enim. In feugiat neque id odio aliquet condimentum. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus luctus sit amet quam non commodo. Curabitur nec commodo nulla. Sed interdum lacinia augue, eu mattis justo fringilla at.

Fusce risus odio, imperdiet vel lacus a, lobortis ultrices ipsum. Nulla neque nibh, hendrerit quis nulla nec, ultrices faucibus neque. Suspendisse blandit lorem leo, a euismod enim tristique nec. Nunc enim nunc, sollicitudin et semper et, lobortis non purus. Praesent finibus nulla eu magna semper semper. Maecenas vitae ligula tellus. Phasellus vel maximus justo, bibendum bibendum orci. Aliquam libero mi, ullamcorper nec arcu eu, scelerisque elementum lacus. Phasellus pulvinar laoreet sagittis. Maecenas eu nulla interdum, suscipit lorem eget, feugiat nibh. Duis eu malesuada arcu. Integer dolor ante, lobortis eget sapien at, gravida pulvinar diam. Morbi a accumsan tortor. Sed eget sagittis nibh. Aenean vitae varius nisl. Vestibulum ac nibh at enim dignissim interdum at quis est.[/div][div class=tab2][div=color:#313131!important;text-align:center;line-height:5px;font-size:35px!important;][fa]fa-info-circle[/fa][/div]Sed a ex eu lorem mattis consequat at eget felis. Sed a tempor enim, sit amet volutpat arcu. Aenean iaculis est sit amet diam lacinia, sit amet ullamcorper sem tristique. Cras vestibulum lorem lacinia dictum sagittis. Phasellus id nunc ipsum. Mauris non felis suscipit metus pellentesque luctus. In ultricies quam libero, sit amet commodo nisi fringilla pulvinar. Curabitur feugiat, diam sed faucibus facilisis, odio justo rutrum diam, et maximus erat sem sed nunc. Aenean lobortis tellus id hendrerit tincidunt. Curabitur eget turpis congue, pharetra velit vel, faucibus leo. Ut at erat non magna sodales sollicitudin. Morbi blandit odio a turpis congue aliquam. Nullam interdum erat quis libero sagittis, id vestibulum justo ultricies. Sed ligula velit, tincidunt vel augue vitae, auctor tristique purus. Proin pretium tincidunt dolor. Nunc lobortis porttitor turpis quis posuere.

Aliquam volutpat pellentesque efficitur. Morbi imperdiet ante non felis accumsan pulvinar. Suspendisse massa erat, sodales malesuada lorem non, congue accumsan lacus. In ac lorem sapien. Curabitur rhoncus ipsum nec scelerisque tempor. Etiam quis magna quis augue semper placerat. Pellentesque malesuada condimentum elit, ac vulputate erat. Etiam quis dignissim risus. Quisque dictum pharetra lorem ut elementum. Vivamus posuere ligula a malesuada convallis. Donec lacinia mi eros, sed tincidunt mauris lobortis vel. Morbi dapibus, tellus at luctus sodales, massa odio eleifend nulla, vehicula venenatis leo nibh ut mi. Quisque porta augue magna, ac consectetur nibh dapibus sagittis. Integer sed est ligula.

Praesent vestibulum risus ut lobortis semper. In consequat ante in neque blandit tempor. Phasellus sodales ante vel consectetur hendrerit. Suspendisse sed erat quis mauris scelerisque porttitor nec quis lacus. Integer in ligula urna. Ut sodales tempor nisi ullamcorper feugiat. In eget nibh pharetra, sagittis neque eu, porttitor felis. Nullam pellentesque viverra risus sit amet mollis. Duis commodo ac velit nec efficitur. Curabitur sed condimentum ipsum. Donec ac justo at dolor condimentum convallis sit amet eu mi. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nullam mauris odio, sollicitudin ut orci sed, ultricies bibendum velit.[/div][div class=tab3][div=color:#313131!important;text-align:center;line-height:5px;font-size:35px!important;][fa]fab fa-telegram[/fa][/div]Donec convallis rutrum ultrices. Nam blandit augue eget aliquam varius. Aliquam varius pellentesque nisl ut auctor. Cras quam lacus, feugiat et sapien a, iaculis cursus ligula. Curabitur sollicitudin congue ultricies. Nulla viverra efficitur leo, sit amet convallis nunc iaculis ut. Proin vel dui commodo, ornare sapien eget, luctus arcu. Sed interdum pretium urna et bibendum. Donec placerat porttitor molestie. Nunc est velit, aliquet et fringilla eget, luctus eget quam. Ut vel erat a elit varius eleifend. Vivamus eget velit in magna vulputate scelerisque. Maecenas aliquet turpis risus, vitae finibus lorem lacinia non. In a erat mollis, finibus odio et, dapibus urna. Quisque quis tincidunt nibh.[/div][/div]
[div class=main]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia ante sit amet posuere iaculis. Phasellus viverra id nisi in pellentesque. Vestibulum leo eros, elementum a dolor vel, bibendum fermentum justo. Aliquam ullamcorper feugiat tristique. Quisque aliquam nisl non ligula rhoncus pulvinar. Sed ullamcorper, nulla in congue egestas, ex odio venenatis orci, finibus sagittis sapien quam in tortor. Curabitur vel magna elementum nisl interdum lobortis. Donec a vulputate nibh. Integer rhoncus commodo ante quis iaculis.

Praesent vestibulum vehicula ipsum id molestie. Nulla suscipit diam dapibus viverra dapibus. Morbi at facilisis dolor. Nullam vitae lacinia erat. Integer sed ex sem. Mauris convallis a ligula sed maximus. Duis faucibus leo id metus tincidunt fringilla. Nullam eget libero tincidunt sem sagittis malesuada non eget mi. Phasellus sit amet diam sodales, scelerisque arcu et, interdum est. Curabitur venenatis lacus a vestibulum lacinia. Sed ac consectetur orci. Praesent scelerisque pharetra facilisis. Vestibulum interdum blandit ultricies. Nunc ornare risus sodales, hendrerit dui vitae, consectetur mi.

Sed finibus vitae risus ut placerat. Sed nec quam sit amet nisl eleifend luctus et in lectus. Mauris posuere ligula ac metus iaculis commodo. Aenean faucibus, eros ac vulputate pharetra, neque massa ultricies ex, quis vestibulum magna magna posuere sem. Fusce a nisi vulputate, sollicitudin sem at, scelerisque turpis. Donec et suscipit erat. Curabitur ante turpis, elementum et ligula ac, accumsan finibus purus. Cras sit amet mi id nisi pharetra imperdiet. Etiam quam magna, volutpat quis ex non, semper rhoncus dui. Fusce eget consequat metus. Morbi elementum erat nunc, at condimentum risus blandit maximus. Nunc erat felis, porta a fermentum id, porttitor nec ex. Sed consequat massa id massa finibus, a vulputate magna pellentesque. Nullam vehicula vulputate lacus, ac facilisis mi tincidunt in.

Nam egestas eget lacus at lacinia. Pellentesque at nunc a velit laoreet varius. In hac habitasse platea dictumst. Proin condimentum orci accumsan nibh tristique lacinia. Quisque non aliquet odio. Duis blandit purus sagittis vulputate sollicitudin. Proin id ornare mi, vel pellentesque dolor.

Vivamus blandit orci sem. Cras scelerisque lectus placerat lacinia ullamcorper. Quisque viverra ligula id enim egestas imperdiet. Nulla ac tellus nec nibh aliquet commodo et vel ex. Sed pharetra id libero id rhoncus. Cras vel purus nec neque gravida lobortis. Nullam odio nisi, sodales in nibh eu, egestas tincidunt lorem. Mauris vitae cursus erat, et sodales purus. Aliquam porttitor nibh vitae velit euismod interdum. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.[/div][/div][nobr]
[div class=fyuricredit][url=https://www.rpnation.com/threads/fyurious-codes-2-0.389838/post-8673174]code[/url] by [USER=39545]@Fyuri[/USER][/div][comment]do not remove/alter credit. code by [USER=39545]@Fyuri[/USER][/comment]
[class=fyuriwrapper]
position:relative;
z-index:0;
display: flex;
flex-wrap: wrap;
max-width:600px;
height:600px;
margin:10px auto;
background:transparent;
overflow:hidden;
box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
background:#fff;
[/class]

[class=tabscontainer]
position:absolute;
z-index:1;
width:100%;
height:50px;
background: #494949;
background: -moz-linear-gradient(left, #494949 0%, #7c7a7a 100%);
background: -webkit-linear-gradient(left, #494949 0%,#7c7a7a 100%);
background: linear-gradient(to right, #494949 0%,#7c7a7a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494949', endColorstr='#7c7a7a',GradientType=1 );
[/class]

[class=tab1]
position:absolute;
z-index:2;
box-sizing: border-box;
width:55px;
height:50px;
background:rgba(255,255,255, 0.8);
color:transparent;
transition:  width 1.5s, height 1.5s 1s, color 0s 0s, background 0.5s 0.5s, z-index 1.5s;
text-align:justify;
padding:10px;
overflow:hidden;
[/class]

[class name=tab1 state=hover]
position:absolute;
z-index:50;
box-sizing: border-box;
width:600px;
height:600px;
background:#fff;
color:#313131;
transition:  width 1s, height 1.5s 1s, color 1.5s 1.5s, top 1s 1s linear, background 0.5s 0.5s, z-index 0.5s;
overflow:auto;
text-align:justify;
padding:10px;
[/class]

[class=tab2]
position:absolute;
margin-left:56px;
z-index:2;
box-sizing: border-box;
width:55px;
height:50px;
background:rgba(255,255,255, 0.8);
color:transparent;
transition:  width 1.5s, height 1.5s 1s, color 0s 0s, background 0.5s 0.5s, margin-left 0.5s linear, z-index 1.5s;
text-align:justify;
padding:10px;
overflow:hidden;
[/class]

[class name=tab2 state=hover]
position:absolute;
margin-left:0px;
z-index:50;
box-sizing: border-box;
width:600px;
height:600px;
background:#fff;
color:#313131;
transition:  width 1s, height 1.5s 1s, color 1.5s 1.5s, top 1s 1s linear, background 0.5s 0.5s, margin-left 0.5s linear, z-index 0.5s;
overflow:auto;
text-align:justify;
padding:10px;
[/class]

[class=tab3]
position:absolute;
margin-left:112px;
z-index:2;
box-sizing: border-box;
width:55px;
height:50px;
background:rgba(255,255,255, 0.8);
color:transparent;
transition:  width 1.5s, height 1.5s 1s, color 0s 0s, background 0.5s 0.5s, margin-left 0.5s linear;
text-align:justify;
padding:10px;
overflow:hidden;
[/class]

[class name=tab3 state=hover]
position:absolute;
margin-left:0px;
z-index:50;
box-sizing: border-box;
width:600px;
height:600px;
background:#fff;
color:#313131;
transition:  width 1s, height 1.5s 1s, color 1.5s 1.5s, top 1s 1s linear, background 0.5s 0.5s, margin-left 0.5s linear;
overflow:auto;
text-align:justify;
padding:10px;
[/class]

[class=main]
position:relative;
z-index:0;
margin-top:50px;
width:100%;
height:550px;
box-sizing: border-box;
padding:10px;
overflow:auto;
text-align:justify;
color:#313131;
[/class]

[class=fyuricredit]
max-width:600px;
margin:auto;
opacity:0.3;
font-size:10px;
[/class]
[/nobr]
Rei
Rei

Posts : 689
Join date : 2018-07-30
Age : 32

Back to top Go down

Rei[Templates] Empty Re: Rei[Templates]

Post by Sponsored content


Sponsored content


Back to top Go down

Back to top

Shinobi Conquest :: OOC Board :: Discussions

 
Permissions in this forum:
You cannot reply to topics in this forum
Site Rules
Contact Us
Affiliates