[WIP] Profile Template

Everything related to our vore chat room and vore roleplaying room can go here!

[WIP] Profile Template

Postby Someone92 » Tue May 04, 2021 11:48 am

This template main goals are:
- Being able to write your profile in a text editor of your choice, copy pasting it to your chat and it looks almost as in your text editor (the template only makes use of text and images)
- Easy to read for viewers (big fonts, clear contrasts)





Profile Body:
Code: Select all
<div class="wrapper_CharacterProfile">Your profile here - copy paste it from a .txt file or something</div>






Stylesheet:
Code: Select all
/* Centers the profile picture, and makes sure the profile description appears underneath it */
.profile-image-container{
   width: 100%;
   text-align: center;
}

/* Centers the profile picture, and makes sure it is at max as wide as the browser */
img.profile-image{
   border-radius: 16px;
   max-width: 100%;
   height: auto;
   margin: 0px;
}

/* Gives the pref sliders thin dashed borders so it becomes easier to discern where one description ends and the next one begins */
td {
   border: 1px dashed grey;
   padding: 6px 2px; /* Adds some space between the description and the borders to make the text easier to read */
   text-align: left;
}

/* Centers the pref buttons */
div#pref-sliders{
   text-align: center;
}

/* Centers the pref sliders */
table#pref-slider-table{
   margin: auto;
   max-width: 1080px; /* Makes sure the prefs sliders + description does not exeed 1080 pixels so you can read them comfortably even on a wide monitor; adjust the value as you see fit */
}



/* Automatically makes line breaks */
.wrapper_for_RunningText{
   white-space: pre-line;
   margin: auto;
   text-align: left;
   font-family: Arial, sans-serif;
   font-size: 16px;
   line-height: 1.5;
   max-width: 1080px; /* Makes sure the profile description does not exeed X pixels so you can read them comfortably even on a wide monitor; adjust the value as you see fit */
   padding: 5px 25px 5px 25px;
}



#charname {
//   display: none;
}

Remove "//" to remove the profile character name.





JavaScript:
Code: Select all
$(document).ready(function(){
   var x = document.getElementById("pref-show-pred");
   var y = document.getElementById("pref-show-prey");
//   x.innerText = "Alternative Text for As Pred";
//   y.innerText = "Alternative Text for As Prey";
});

$(document).ready(function(){
//  $("#charname span").text("Your alternative Char profile name")
});

Remove "//" to active this change
User avatar
Someone92
Intermediate Vorarephile
 
Posts: 362
Joined: Sun Jan 10, 2010 6:26 pm

Return to Our chat room

Who is online

Users browsing this forum: No registered users