• When posting, please be aware that artistic nudity is still nudity and not allowed under RpNation rules. Please edit your pictures accordingly!

    Remember to credit artists when using work not your own.

Other - closed -

Dood this is amazing ples let me just slip this request form on your pile : 3


You're great I'm so glad you got out of code hiatus


username: Lilah Tunth


pronouns: She/her


request type (html or other?) HTML character sheet 


timeframe (when do you need it by?) by the next week or so, later if you need I don't mind that much


specifics (html: colors, fonts, style, etc. // fcs: ethnicity, age, etc.)


I just want to ask if you can make it newspaper themed with old worn colors and stuff, preferable like the Daily Prophet you see in Harry Potter or something along the lines of that. Use whatever you need to get that newspaper effect. As for place holders, maybe like 4? With six as a maximum.


Other then those do whatever you need or want to man.
 
@P E A C H E E.


 lmk if you want something different!




 


 


 





 


 


 




~ character name ~



editable out of source ofc.



this big box scrolls.



you can add more of these dividers by copying the hr inside the code!!



for the images just change the url inside the url('x') part ~~




.thepictures {
height: 100px;
width: 100px;
border-radius: 10px;
border: 3px double #c0faeb;
display: inline-block;
}
.theinfo {
height: 350px;
width: 75%;
margin: auto;
border: 5px solid #c0faeb;
border-radius: 10px;
background-color: white;
overflow: auto;
padding: 4px;
}
Code:
<div style="font-family: Indie Flower, cursive; width:80%; margin: auto; color:#737c96">
	<div style="float: left;">
		<div class="thepictures" style="background-image: url('http://s5.favim.com/orig/151116/aesthetic-bear-blue-cute-Favim.com-3581435.png'); background-size: 100% 100%;">
			&nbsp;
		</div>

		<p>
			&nbsp;
		</p>

		<p>
			&nbsp;
		</p>

		<div class="thepictures" style="background-image: url('http://68.media.tumblr.com/3a82186508b82a8e0aa8d5e3d6535169/tumblr_nufric508L1uf53bzo1_1280.jpg'); background-size: 100% 100%;">
			&nbsp;
		</div>

		<p>
			&nbsp;
		</p>

		<p>
			&nbsp;
		</p>

		<div class="thepictures" style="background-image: url('https://s-media-cache-ak0.pinimg.com/736x/c5/8c/30/c58c307274d0487cd80df6faccc40150.jpg'); background-size: 100% 100%;">
			&nbsp;
		</div>
	</div>

	<div style="float: right;">
		<div class="thepictures" style="background-image: url('http://data.whicdn.com/images/222161859/superthumb.jpg'); background-size: 100% 100%;">
			&nbsp;
		</div>

		<p>
			&nbsp;
		</p>

		<p>
			&nbsp;
		</p>

		<div class="thepictures" style="background-image: url('http://68.media.tumblr.com/40aaa7363c94565ca7b9bf2c79b674fc/tumblr_nu2q1n2Knn1uf53bzo1_1280.jpg'); background-size: 100% 100%;">
			&nbsp;
		</div>

		<p>
			&nbsp;
		</p>

		<p>
			&nbsp;
		</p>

		<div class="thepictures" style="background-image: url('https://s-media-cache-ak0.pinimg.com/originals/20/6f/10/206f10ba1eeb9129af6a57fb3459d837.png'); background-size: 100% 100%;">
			&nbsp;
		</div>
	</div>

	<p style="text-align: center; font-size: 25px;">
		~ character name ~
	</p>

	<div class="theinfo">
		<p>
			editable out of source ofc.
		</p>

		<hr color="c0ecfa" width="95%;">
		<p>
			this big box scrolls.
		</p>

		<hr color="c0ecfa" width="95%;">
		<p>
			you can add more of these dividers by copying the hr inside the code!!
		</p>

		<hr color="c0ecfa" width="95%;">
		<p>
			for the images just change the url inside the url(&#39;x&#39;) part ~~
		</p>
	</div>
</div>
<link href="https://fonts.googleapis.com/css?family=Indie+Flower" rel="stylesheet">
<style type="text/css">
.thepictures {
height: 100px;
width: 100px;
border-radius: 10px;
border: 3px double #c0faeb;
display: inline-block;
}
.theinfo {
height: 350px;
width: 75%;
margin: auto;
border: 5px solid #c0faeb;
border-radius: 10px;
background-color: white;
overflow: auto;
padding: 4px;
}</style>
 
@P E A C H E E.


 lmk if you want something different!




 


 


 





 


 


 




~ character name ~



editable out of source ofc.



this big box scrolls.



you can add more of these dividers by copying the hr inside the code!!



for the images just change the url inside the url('x') part ~~





.thepictures {
height: 100px;
width: 100px;
border-radius: 10px;
border: 3px double #c0faeb;
display: inline-block;
}
.theinfo {
height: 350px;
width: 75%;
margin: auto;
border: 5px solid #c0faeb;
border-radius: 10px;
background-color: white;
overflow: auto;
padding: 4px;
}
<div style="font-family: Indie Flower, cursive; width:80%; margin: auto; color:#737c96">
<div style="float: left;">
<div class="thepictures" style="background-image: url('http://s5.favim.com/orig/151116/aesthetic-bear-blue-cute-Favim.com-3581435.png'); background-size: 100% 100%;">
&nbsp;
</div>

<p>
&nbsp;
</p>

<p>
&nbsp;
</p>

<div class="thepictures" style="background-image: url('http://68.media.tumblr.com/3a82186508b82a8e0aa8d5e3d6535169/tumblr_nufric508L1uf53bzo1_1280.jpg'); background-size: 100% 100%;">
&nbsp;
</div>

<p>
&nbsp;
</p>

<p>
&nbsp;
</p>

<div class="thepictures" style="background-image: url('https://s-media-cache-ak0.pinimg.com/736x/c5/8c/30/c58c307274d0487cd80df6faccc40150.jpg'); background-size: 100% 100%;">
&nbsp;
</div>
</div>

<div style="float: right;">
<div class="thepictures" style="background-image: url('http://data.whicdn.com/images/222161859/superthumb.jpg'); background-size: 100% 100%;">
&nbsp;
</div>

<p>
&nbsp;
</p>

<p>
&nbsp;
</p>

<div class="thepictures" style="background-image: url('http://68.media.tumblr.com/40aaa7363c94565ca7b9bf2c79b674fc/tumblr_nu2q1n2Knn1uf53bzo1_1280.jpg'); background-size: 100% 100%;">
&nbsp;
</div>

<p>
&nbsp;
</p>

<p>
&nbsp;
</p>

<div class="thepictures" style="background-image: url('https://s-media-cache-ak0.pinimg.com/originals/20/6f/10/206f10ba1eeb9129af6a57fb3459d837.png'); background-size: 100% 100%;">
&nbsp;
</div>
</div>

<p style="text-align: center; font-size: 25px;">
~ character name ~
</p>

<div class="theinfo">
<p>
editable out of source ofc.
</p>

<hr color="c0ecfa" width="95%;">
<p>
this big box scrolls.
</p>

<hr color="c0ecfa" width="95%;">
<p>
you can add more of these dividers by copying the hr inside the code!!
</p>

<hr color="c0ecfa" width="95%;">
<p>
for the images just change the url inside the url(&#39;x&#39;) part ~~
</p>
</div>
</div>
<link href="https://fonts.googleapis.com/css?family=Indie+Flower" rel="stylesheet">
<style type="text/css">
.thepictures {
height: 100px;
width: 100px;
border-radius: 10px;
border: 3px double #c0faeb;
display: inline-block;
}
.theinfo {
height: 350px;
width: 75%;
margin: auto;
border: 5px solid #c0faeb;
border-radius: 10px;
background-color: white;
overflow: auto;
padding: 4px;
}</style>

.thepictures {
height: 100px;
width: 100px;
border-radius: 10px;
border: 3px double #c0faeb;
display: inline-block;
}
.theinfo {
height: 350px;
width: 75%;
margin: auto;
border: 5px solid #c0faeb;
border-radius: 10px;
background-color: white;
overflow: auto;
padding: 4px;
}
Code:
<div style="font-family: Indie Flower, cursive; width:80%; margin: auto; color:#737c96">
	<div style="float: left;">
		<div class="thepictures" style="background-image: url('http://s5.favim.com/orig/151116/aesthetic-bear-blue-cute-Favim.com-3581435.png'); background-size: 100% 100%;">
			&nbsp;
		</div>

		<p>
			&nbsp;
		</p>

		<p>
			&nbsp;
		</p>

		<div class="thepictures" style="background-image: url('http://68.media.tumblr.com/3a82186508b82a8e0aa8d5e3d6535169/tumblr_nufric508L1uf53bzo1_1280.jpg'); background-size: 100% 100%;">
			&nbsp;
		</div>

		<p>
			&nbsp;
		</p>

		<p>
			&nbsp;
		</p>

		<div class="thepictures" style="background-image: url('https://s-media-cache-ak0.pinimg.com/736x/c5/8c/30/c58c307274d0487cd80df6faccc40150.jpg'); background-size: 100% 100%;">
			&nbsp;
		</div>
	</div>

	<div style="float: right;">
		<div class="thepictures" style="background-image: url('http://data.whicdn.com/images/222161859/superthumb.jpg'); background-size: 100% 100%;">
			&nbsp;
		</div>

		<p>
			&nbsp;
		</p>

		<p>
			&nbsp;
		</p>

		<div class="thepictures" style="background-image: url('http://68.media.tumblr.com/40aaa7363c94565ca7b9bf2c79b674fc/tumblr_nu2q1n2Knn1uf53bzo1_1280.jpg'); background-size: 100% 100%;">
			&nbsp;
		</div>

		<p>
			&nbsp;
		</p>

		<p>
			&nbsp;
		</p>

		<div class="thepictures" style="background-image: url('https://s-media-cache-ak0.pinimg.com/originals/20/6f/10/206f10ba1eeb9129af6a57fb3459d837.png'); background-size: 100% 100%;">
			&nbsp;
		</div>
	</div>

	<p style="text-align: center; font-size: 25px;">
		~ character name ~
	</p>

	<div class="theinfo">
		<p>
			editable out of source ofc.
		</p>

		<hr color="c0ecfa" width="95%;">
		<p>
			this big box scrolls.
		</p>

		<hr color="c0ecfa" width="95%;">
		<p>
			you can add more of these dividers by copying the hr inside the code!!
		</p>

		<hr color="c0ecfa" width="95%;">
		<p>
			for the images just change the url inside the url(&#39;x&#39;) part ~~
		</p>
	</div>
</div>
<link href="https://fonts.googleapis.com/css?family=Indie+Flower" rel="stylesheet">
<style type="text/css">
.thepictures {
height: 100px;
width: 100px;
border-radius: 10px;
border: 3px double #c0faeb;
display: inline-block;
}
.theinfo {
height: 350px;
width: 75%;
margin: auto;
border: 5px solid #c0faeb;
border-radius: 10px;
background-color: white;
overflow: auto;
padding: 4px;
}</style>



data:image/gif;base64,R0lGODlhAQABAPABAP///wAAACH5BAEKAAAALAAAAAABAAEAAAICRAEAOw==


omg i love it! it's really cute. thank you so much  ^^^
 
Username: ewolf20


Pronouns: she/her


request type (html or other?): just a character sheet


timeframe (when do you need it by?): when your done or sooner


specifics (html: colors, fonts, style, etc. // fcs: ethnicity, age, etc.):


·        Color scheme should be black, grey, and white with some cyan highlights


·        Fantasy font


·        Maybe stats of you can code those


 


html specific questions: is it alright if I add tabs if that’s possible


theme: magic, arcane or fantasy based


pictures: n/a


anything else? That’s about it.
 
4 minutes ago, orphic said:



if you wanna add tabs, go for it. i personally won't put them in, but feel free to do so yourself.


i'll add you to the list




 

thanks.
 
@CandidFox hope you like this, lmk if you don't.




 



editable out of source, overflows, etc






editable out of source, overflows, etc



editable out of source, overflows, etc



editable out of source, overflows, etc





words or whatever here~ doesn't overflow, so keep it short.


tumblr_static_tumblr_static_c532elgrt28ks484k0o0o04c4_640.jpg



coded by: orphic









Code:
<div style="width: 65%; border: 1px solid #7f7f7f; box-shadow: 1px 1px 1px 1px #7f7f7f; background-image: url('https://images.freecreatives.com/wp-content/uploads/2015/04/white_paper_texture_background_seamless_pattern.jpg'); background-size: 100% 100%; width: 65%; margin: auto; padding: 10px;">
	<div style="float: left; width: 50%; padding: 3px;">
		<div style="background-image: url('https://secure.static.tumblr.com/16139d15561ed91cdbb81b842343b8a9/epskoqj/OUmo30lpr/tumblr_static_tumblr_static_c532elgrt28ks484k0o0o04c4_640.jpg'); background-size: 100%; 100%; height: 200px; width: 100%; border: 2px solid #7f7f7f;">
			&nbsp;
		</div>

		<p>
			&nbsp;
		</p>

		<div style="border: 2px solid #7f7f7f; height: 100px; overflow: auto;">
			<p>
				editable out of source, overflows, etc
			</p>
		</div>
	</div>

	<div style="float: left; width: 50%; padding: 3px;">
		<div style="border: 2px solid #7f7f7f; height: 100px; overflow: auto;">
			<p>
				editable out of source, overflows, etc
			</p>
		</div>

		<p>
			&nbsp;
		</p>

		<div style="border: 2px solid #7f7f7f; height: 100px; overflow: auto;">
			<p>
				editable out of source, overflows, etc
			</p>
		</div>

		<p>
			&nbsp;
		</p>

		<div style="border: 2px solid #7f7f7f; height: 100px; overflow: auto;">
			<p>
				editable out of source, overflows, etc
			</p>
		</div>

		<p>
			&nbsp;
		</p>
	</div>

	<div style="clear:both; text-align: center;">
		<p>
			words or whatever here~ doesn&#39;t overflow, so keep it short.
		</p>

		<p>
			<img src="https://secure.static.tumblr.com/16139d15561ed91cdbb81b842343b8a9/epskoqj/OUmo30lpr/tumblr_static_tumblr_static_c532elgrt28ks484k0o0o04c4_640.jpg" style=" height: 100px; width: 100px; border: 2px solid rgb(127, 127, 127);"> &nbsp; <img src="https://secure.static.tumblr.com/16139d15561ed91cdbb81b842343b8a9/epskoqj/OUmo30lpr/tumblr_static_tumblr_static_c532elgrt28ks484k0o0o04c4_640.jpg" style=" height: 100px; width: 100px; border: 2px solid rgb(127, 127, 127);"> &nbsp; <img src="https://secure.static.tumblr.com/16139d15561ed91cdbb81b842343b8a9/epskoqj/OUmo30lpr/tumblr_static_tumblr_static_c532elgrt28ks484k0o0o04c4_640.jpg" style=" height: 100px; width: 100px; border: 2px solid rgb(127, 127, 127);">
		</p>

		<p>
			<span style="font-size:4px;">coded by: orphic</span>
		</p>
	</div>
</div>
<link href="https://fonts.googleapis.com/css?family=Cutive+Mono" rel="stylesheet">
<style type="text/css">
</style>
 
@Post lmk if you don't like it ofc it won't hurt my feelings



Jon+Kortajarena+OEKPfJmBFbam.jpg


 




blahvlahbabkabilbnsnl



blahvlahbabkabilbnsnl

character name



this is sooooo not mobile friendly my b. anyway it all overflows, is editable out of source, and everything is easily exchanged so aye. also not was i originally planning but since it broke i went with this and it's ??? cute??? so bleh


plus jon's face blesses it lolololol




 


Guerlain+L'Homme+Ideal+-+Jon+Kortajarena+1.jpg



.postimages {
pointer-effects: none;
border: 1px solid #ccc;
border-radius: 15px;
height: 150px;
width: 150px;
}






Code:
<div style="width: 55%; font-family: Arsenal, sans-serif; color: #ccc; margin: auto;">
	<p style="text-align: center;">
		<img class="postimages" src="http://www3.pictures.zimbio.com/gi/Jon+Kortajarena+OEKPfJmBFbam.jpg">&nbsp;<img class="postimages" src="https://glassofchampagne.files.wordpress.com/2011/01/gallery_main-model-jon-kortajarena-photos-08102009-106.jpg">&nbsp;<img class="postimages" src="http://www3.pictures.zimbio.com/gi/Jon+Kortajarena+OEKPfJmBFbam.jpg">
	</p>

	<p style="text-align: center;">
		&nbsp;
	</p>

	<div style="height: 240px; overflow: hidden; border: 2px solid #ccc; border-radius: 15px; padding: 10px; ">
		<div style="float: left; border-right: 1px solid #ccc; height: 100%; overflow: auto; width: 30%;">
			<p>
				blahvlahbabkabilbnsnl
			</p>
		</div>

		<div style="float: right; border-left: 1px solid #ccc; height: 100%; overflow: auto; width: 30%;">
			<p>
				blahvlahbabkabilbnsnl
			</p>
		</div>

		<p style="text-align: center; font-size: 22px;">
			character name
		</p>

		<div style="margin: auto; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; height: 80%; overflow: auto; width: 39%;">
			<p>
				this is sooooo not mobile friendly my b. anyway it all overflows, is editable out of source,&nbsp;and everything is easily exchanged so aye. also not was i originally planning but since it broke i went with this and it&#39;s ??? cute??? so bleh
			</p>

			<p>
				&nbsp;
			</p>

			<p>
				plus jon&#39;s face blesses it lolololol
			</p>
		</div>
	</div>

	<p style="text-align: center;">
		&nbsp;
	</p>

	<p style="text-align: center;">
		<img class="postimages" src="http://3.bp.blogspot.com/-algze3eVwBI/VAoQSZHNiPI/AAAAAAAARUo/eVKB1wXNJ38/s1600/Guerlain+L'Homme+Ideal+-+Jon+Kortajarena+1.jpg">&nbsp;<img class="postimages" src="http://www.niximagazine.com/wp-content/uploads/2014/11/nixi-magazine-jon-kortajarena-emre-guven-lofficiel-hommes-turkey-051-e1416249928206.jpg">&nbsp;<img class="postimages" src="http://3.bp.blogspot.com/-algze3eVwBI/VAoQSZHNiPI/AAAAAAAARUo/eVKB1wXNJ38/s1600/Guerlain+L'Homme+Ideal+-+Jon+Kortajarena+1.jpg">
	</p>
</div>
<link href="https://fonts.googleapis.com/css?family=Arsenal" rel="stylesheet">
<style type="text/css">
.postimages {
pointer-effects: none;
border: 1px solid #ccc;
border-radius: 15px;
height: 150px;
width: 150px;
}</style>
 
request form:



username: Bhlow


pronouns: She / her


request type : HTML


timeframe: Take as long as you need, there's absolutely no rush


specifics: I would like something light pink #F2D7D5 with light gray, 


html specific questions:


theme: light aesthetic maybe??


pictures: Just place holders please, maybe with 3-4 picture placeholders in a row at the top and 3-4 picture placeholders at the bottom framing the text 


anything else? Just have fun coding!
 
name- Eternal Dragonchild
pronouns: Her/she
request type: HTML
timeframe: I don't have a specific time. ^^ I don't need it right away. 
 
html specific questions: Could you make it into a CS?
 
specifics:

08017f90fb1c4dad848c921d02e6a2a4.jpg
 
theme: Aesthetic, sleek, smart 
pictures: 6 place holders
 
Last edited by a moderator:
name- doubt, kennedy, brendon urie trash i don't mind tbh


pronouns: she/her
request type: html
timeframe: you can give it to me tomorrow or you can give it to me on christmas, i'm happy to wait < 3
html specific questions: i'm using it as a character sheet (what a surprise) 
 
specifics: maybe hovers or tabs?? neutral colors like grey and black is totally fine 


theme: minimalistic, aesthetic etc
pictures: as many photos as you can. i live for photos 


others: i should really stop but honestly if you give me a used sheet i would high key love it. just take your time, drink water and take breaks when you can < 333 
 
Last edited by a moderator:
name- doubt, kennedy, brendon urie trash i don't mind tbh


pronouns: she/her
request type: html
timeframe: you can give it to me tomorrow or you can give it to me on christmas, i'm happy to wait < 3
html specific questions: i'm using it as a character sheet (what a surprise) 
 
specifics: maybe hovers or tabs?? neutral colors like grey and black is totally fine 


theme: minimalistic, aesthetic etc
pictures: as many photos as you can. i live for photos 


others: i should really stop but honestly if you give me a used sheet i would high key love it. just take your time, drink water and take breaks when you can < 333 

I live for your requests bc they're so cute and sweet omg ily
 
Last edited by a moderator:
Dood this is amazing ples let me just slip this request form on your pile : 3


You're great I'm so glad you got out of code hiatus


username: Lilah Tunth


pronouns: She/her


request type (html or other?) HTML character sheet 


timeframe (when do you need it by?) by the next week or so, later if you need I don't mind that much


specifics (html: colors, fonts, style, etc. // fcs: ethnicity, age, etc.)


I just want to ask if you can make it newspaper themed with old worn colors and stuff, preferable like the Daily Prophet you see in Harry Potter or something along the lines of that. Use whatever you need to get that newspaper effect. As for place holders, maybe like 4? With six as a maximum.


Other then those do whatever you need or want to man.

i'm so sorry, i just saw this. if you still want it i should be done with everything within a few days.
 
Just now, orphic said:



to be honest, you have 7 people in front of you. i only code when i have free time/energy. if you don't still want it, that's fine, if you do, i'll try and work on some requests in the coming days.




 

I'd love it. Thanks for the information though. Keep up the good work
 
I haven't been on here in a long time 


time to start getting back into roleplaying 


uni is so much fun yet a lot of work :(


i hope you're alright with letting me use one of these love @orphic
 

Users who are viewing this thread

Back
Top