Profile Code Sharing - Eternal City RP2024-03-29T06:18:51Zhttps://eternalcityrp.com/forum/topics/profile-code-sharing?commentId=6610746%3AComment%3A360313&x=1&feed=yes&xn_auth=noA lot of people ask me for my…tag:eternalcityrp.com,2019-03-19:6610746:Comment:3603132019-03-19T08:47:06.969Z✓ Sariah Amelie Holloway ~Admin~https://eternalcityrp.com/profile/Tria
<p>A lot of people ask me for my layout codes and unfortunately, I don't share them because people have stolen my codes in the past and used them on other sites without credit. Below are some basics of major elements of my layouts which I am willing to share for those willing to try and work on making their own layouts. </p>
<p><span style="text-decoration: underline;"><strong>How to section your profile vertically …</strong></span></p>
<p></p>
<p>A lot of people ask me for my layout codes and unfortunately, I don't share them because people have stolen my codes in the past and used them on other sites without credit. Below are some basics of major elements of my layouts which I am willing to share for those willing to try and work on making their own layouts. </p>
<p><span style="text-decoration: underline;"><strong>How to section your profile vertically </strong></span></p>
<p><a href="http://prntscr.com/mzurgy" target="_blank" rel="noopener">How does it look?</a></p>
<p>How to do it</p>
<p><strong>HTML:</strong></p>
<p><div id="leftbox"><br/></div></p>
<p><div id="rightbox"><br/></div></p>
<p><strong>CSS: </strong></p>
<p>#leftbox {<br/>width: 50%;<br/>height: 503px;<br/>float: left;<br/>}</p>
<p>#rightbox {<br/>width: 50%;<br/>height: 503px;<br/>float: left;<br/>}</p>
<p>You can change the height and the % to be different values to make one box smaller or larger </p>
<p><span style="text-decoration: underline;"><strong>How to section your profile horizontally</strong></span></p>
<p><a href="http://prntscr.com/mzux7d" target="_blank" rel="noopener">How does it look?</a></p>
<p><strong>HTML: </strong></p>
<p><div id="titlebox"><br/></div><br/><br/><div id="middlebox"><br/></div></p>
<p><div id="bottombox"><br/></div><br/><br/><strong>CSS:</strong></p>
<p>#titlebox {<br/>width: 100%;<br/>height: 100px;<br/>}</p>
<p>#middlebox {<br/>width: 100%;<br/>height: 290px;<br/>}</p>
<p>#bottombox {<br/>width: 100%;<br/>height: 290px;<br/>}<strong><br/></strong></p>
<p><span style="text-decoration: underline;"><strong>Then combine the two</strong></span></p>
<p><a href="http://prntscr.com/mzv2ck" target="_blank" rel="noopener">How does it look?</a></p>
<p><strong>HTML:</strong></p>
<p><em>Top Section split into two columns</em></p>
<p><div id="titlebox"></p>
<p><div id="leftimgbox"></p>
<p></div></p>
<p><div id="rightquotebox"></p>
<p></div></p>
<p></div></p>
<p><em>Bottom section split into two columns</em></p>
<p><div id="middlebox"></p>
<p><div id="leftbasicinfobox"></p>
<p></div></p>
<p><div id="rightbiobox"></p>
<p></div></p>
<p></div></p>
<p><strong>CSS: </strong></p>
<p>#titlebox {<br/>width: 100%;<br/>height: 100px;<br/>}</p>
<p>#middlebox {<br/>width: 100%;<br/>height: 290px;<br/>}</p>
<p>#leftimgbox {<br/>width: 70%;<br/>height: 100px;<br/>float: left;<br/>}</p>
<p>#rightquotebox {<br/>width: 30%;<br/>height: 100px;<br/>float: left;<br/>}</p>
<p>#leftbasicinfobox {<br/>width: 25%;<br/>height: 290px;<br/>float: left;<br/>}</p>
<p>#rightbiobox {<br/>width: 75%;<br/>height: 290px;<br/>float: left;<br/>overflow: auto;<br/>}</p>
<p>Adding overflow auto will make the div in question a scrollbox as long as the content you put into it exceeds the height of the area.</p> A lot of people have asked me…tag:eternalcityrp.com,2018-12-30:6610746:Comment:3484402018-12-30T19:25:51.150Z✓ Sariah Amelie Holloway ~Admin~https://eternalcityrp.com/profile/Tria
<p>A lot of people have asked me for the code that extends the middle column to the right column, so here it is below:</p>
<p>#column2{<br/>display: none;<br/>}</p>
<p>#column1{<br/>width: 1050px;<br/>margin-left: -10px;<br/>}</p>
<p>#xg_layout_column_2{<br/>width: 805px;<br/>}</p>
<p>.xg_3col {<br/>width: 1050px<br/>}</p>
<p>.xg_2col .xg_reset img {<br/>max-width: 840px !important<br/>}</p>
<p>A lot of people have asked me for the code that extends the middle column to the right column, so here it is below:</p>
<p>#column2{<br/>display: none;<br/>}</p>
<p>#column1{<br/>width: 1050px;<br/>margin-left: -10px;<br/>}</p>
<p>#xg_layout_column_2{<br/>width: 805px;<br/>}</p>
<p>.xg_3col {<br/>width: 1050px<br/>}</p>
<p>.xg_2col .xg_reset img {<br/>max-width: 840px !important<br/>}</p> I figured this would be a lit…tag:eternalcityrp.com,2018-06-21:6610746:Comment:3232682018-06-21T23:07:51.438Z✓ Erythreus Ailward ~Admin~https://eternalcityrp.com/profile/FR
<p style="text-align: center;">I figured this would be a little helpfful to those who don't know how to put a song on their profile and have it auto-play, as ive helped several people now, I figured just sharing it here would be easier. </p>
<p style="text-align: center;">But, anywhoooo xP</p>
<p style="text-align: center;">This site shows you how to code a youtube song to autoplay on your profile …</p>
<p style="text-align: center;"></p>
<p style="text-align: center;">I figured this would be a little helpfful to those who don't know how to put a song on their profile and have it auto-play, as ive helped several people now, I figured just sharing it here would be easier. </p>
<p style="text-align: center;">But, anywhoooo xP</p>
<p style="text-align: center;">This site shows you how to code a youtube song to autoplay on your profile </p>
<p style="text-align: center;"><a href="https://support.bigcommerce.com/articles/Public/How-do-I-make-a-YouTube-video-autoplay" target="_blank" rel="noopener">CLICK HERE TO SEE HOW</a></p>
<p style="text-align: center;">Your <span style="text-decoration: line-through;">favorite</span> <strong>broody</strong> Aspect </p>
<p style="text-align: center;">-Ery</p> I have a thing you could all…tag:eternalcityrp.com,2018-05-28:6610746:Comment:3209242018-05-28T20:54:28.361Z1o2kaysh2d1zjhttps://eternalcityrp.com/xn/detail/u_1o2kaysh2d1zj
<p>I have a thing you could all add to make profiles much prettier (if you think it needs to be prettier, some are extremely pretty xD). I have had this little piece of tech for a while now, and I am willing to give it away :P<br></br><br></br><div align="center"><div style="font-family: Palatino; font-size: 10pt; text-align: justify; color: #e91c6b; padding: 10px; width: 450px;"><br></br><br></br>I know I am being captain obvious right now, but for anyone that doesn't know, the width decides how…</p>
<p>I have a thing you could all add to make profiles much prettier (if you think it needs to be prettier, some are extremely pretty xD). I have had this little piece of tech for a while now, and I am willing to give it away :P<br/><br/><div align="center"><div style="font-family: Palatino; font-size: 10pt; text-align: justify; color: #e91c6b; padding: 10px; width: 450px;"><br/><br/>I know I am being captain obvious right now, but for anyone that doesn't know, the width decides how long the actual thing is gonna be, since its centered AND justified at the same time. Have fun! x)</p> Your Url code needs quotation…tag:eternalcityrp.com,2015-08-22:6610746:Comment:1518942015-08-22T12:20:00.658Z✓ Ophelia Dreyvalian ~Admin~https://eternalcityrp.com/profile/IcePrincess
<p>Your Url code needs quotation marks around it url('link')</p>
<p>Your Url code needs quotation marks around it url('link')</p> Code to change your scrollbar…tag:eternalcityrp.com,2015-08-17:6610746:Comment:1505202015-08-17T01:03:56.560Z✓ Ophelia Dreyvalian ~Admin~https://eternalcityrp.com/profile/IcePrincess
<p>Code to change your scrollbar</p>
<p>The color can be changed by changing the #e1a5a3 to a different hex color <a href="http://www.colorpicker.com/" target="_blank">http://www.colorpicker.com/</a></p>
<p>::-webkit-scrollbar-thumb:vertical {<br></br> background-color: #e1a5a3;<br></br> height: 10px;<br></br> border: 2px solid #FFFFFF;<br></br> }<br></br>::-webkit-scrollbar-thumb:horizontal {<br></br> background-color: #e1a5a3;<br></br> height: 7px!important;<br></br> border: 2px solid #FFFFFF;<br></br> }<br></br>::-webkit-scrollbar…</p>
<p>Code to change your scrollbar</p>
<p>The color can be changed by changing the #e1a5a3 to a different hex color <a href="http://www.colorpicker.com/" target="_blank">http://www.colorpicker.com/</a></p>
<p>::-webkit-scrollbar-thumb:vertical {<br/> background-color: #e1a5a3;<br/> height: 10px;<br/> border: 2px solid #FFFFFF;<br/> }<br/>::-webkit-scrollbar-thumb:horizontal {<br/> background-color: #e1a5a3;<br/> height: 7px!important;<br/> border: 2px solid #FFFFFF;<br/> }<br/>::-webkit-scrollbar {<br/> background-color: transparent;<br/> height: 2px;<br/> width: 8px;<br/> }</p> Aligning gifs, you just need…tag:eternalcityrp.com,2015-08-17:6610746:Comment:1503292015-08-17T01:00:17.739Z✓ Ophelia Dreyvalian ~Admin~https://eternalcityrp.com/profile/IcePrincess
<p><span>Aligning gifs, you just need to put the images back to back like <img src="linktoimg" /><img src="linktosecondimage" /><img src="linktothirdimage" /> ect (will depend on the size of the gifs and the space you're trying to put them in)</span></p>
<p><span>Aligning gifs, you just need to put the images back to back like <img src="linktoimg" /><img src="linktosecondimage" /><img src="linktothirdimage" /> ect (will depend on the size of the gifs and the space you're trying to put them in)</span></p> If I take Seren's code and pr…tag:eternalcityrp.com,2015-08-15:6610746:Comment:1493942015-08-15T01:22:52.849Z✓ Ophelia Dreyvalian ~Admin~https://eternalcityrp.com/profile/IcePrincess
<p>If I take Seren's code and properly format it</p>
<p>This piece of codes stops the default site name and tagline from appearing on your profile:</p>
<p><span>#xg_sitename, #xg_sitedesc /*This covers up the sitename text*/{</span>display: none; }</p>
<p><span>This piece of code styles the "header" portion of your profile, you can edit the height of it by changing the height part of the code to whatever number your wish, however changing the width may uncenter your…</span></p>
<p>If I take Seren's code and properly format it</p>
<p>This piece of codes stops the default site name and tagline from appearing on your profile:</p>
<p><span>#xg_sitename, #xg_sitedesc /*This covers up the sitename text*/{</span>display: none; }</p>
<p><span>This piece of code styles the "header" portion of your profile, you can edit the height of it by changing the height part of the code to whatever number your wish, however changing the width may uncenter your banner.</span></p>
<p><span>#xg_masthead /*Top Image*/{ margin: 0px; display: block; height: 520px; width: 975px !important; background: url(</span><a rel="nofollow" href="http://i62.tinypic.com/35318bo.jpg" target="_blank">http://i62.tinypic.com/35318bo.jpg</a><span>) top center no-repeat scroll transparent; border-left: none; border-right: none; border-top: none; padding: 0px !important; }</span></p>
<p><span>This part of the code applies your background, it makes the background automatically resize to the size of your computer, the "fixed" means it will scroll with the page</span></p>
<p><span>body /*Background*/{ background:#000000 url(</span><a rel="nofollow" href="http://www.youth-restored.com/wp-content/uploads/2013/03/black-backgrounds.jpg" target="_blank">http://www.youth-restored.com/wp-content/uploads/2013/03/black-back...</a><span>) center left no-repeat fixed ; color:#FFFFFF; font-family: Lucida sans unicode, sans-serif; background-size: 100%;</span></p> A simple scrollbox is made by…tag:eternalcityrp.com,2015-08-14:6610746:Comment:1492982015-08-14T18:28:55.570Z✓ Ophelia Dreyvalian ~Admin~https://eternalcityrp.com/profile/IcePrincess
<p>A simple scrollbox is made by putting </p>
<p><div id="scrollbox"></div></p>
<p>Around the content you want to be in the scrollbox in your bio and then:</p>
<p>#scrollbox {<br/>overflow:auto; <br/>width:500px; <br/>height:400px; <br/>border: none; <br/>background-color: transparent;<br/>text-align:center;<br/>}</p>
<p></p>
<p>In the advanced layout section (the height can be edited as you wish to make the box different sizes)</p>
<p>A simple scrollbox is made by putting </p>
<p><div id="scrollbox"></div></p>
<p>Around the content you want to be in the scrollbox in your bio and then:</p>
<p>#scrollbox {<br/>overflow:auto; <br/>width:500px; <br/>height:400px; <br/>border: none; <br/>background-color: transparent;<br/>text-align:center;<br/>}</p>
<p></p>
<p>In the advanced layout section (the height can be edited as you wish to make the box different sizes)</p> Putting HTML <center>&l…tag:eternalcityrp.com,2015-08-14:6610746:Comment:1491732015-08-14T18:26:30.573Z✓ Ophelia Dreyvalian ~Admin~https://eternalcityrp.com/profile/IcePrincess
<p>Putting HTML <center></center> tags around content in your bio will center it to the middle of the textbox</p>
<p>Putting HTML <center></center> tags around content in your bio will center it to the middle of the textbox</p>