Published by aliraluna

published 1609894512
updated 1610127656

View Blog View Profile Report Blog Entry

HTML/CSS codes that might help ~o.o~

Hello!

I have gathered some useful codes here and there and thought you might be interested in them. Thanks to everyone that has shared their insightful knowledge!

Pages that might help with coding:

VISIT HERE to try the coding first: https://genericprofileeditor.neocities.org/

VISIT HERE to learn more about HTML and CSS: https://www.w3schools.com/

NOTE: To add images, add the code AFTER/LUEGO the <style> </style>

To separate sentences with images or whatever: <p> </p>

Example: <p> <img src=”IMAGEHERE”> </p> =THIS is one sentence with one image

Color codes:

Color website: https://htmlcolorcodes.com/

Code for round corners:

Website for corners percentages: https://www.w3schools.com/css/css3_borders.asp

Note for/about using cursors: just copy and paste it AFTER your main <style> </style>

Website for cursors: https://www.cursors-4u.com/

CODES:

Code for profile background (usually will be a color as to not confusing it with the general/main background:

.profile {

background:#FEBFED;

}

Code for general profile (is the small area that is close to the profile picture):

.general-about {

background:#BFE4FE;

border-radius: 15px;

Code for Blog Preview:

.blog-preview {

background:#FBBFFE;

border-radius: 15px;

Code for Blurbs (NOTE: This is the area of “about me” and “people i’d like to meet)

.blurbs {

background:#F7FA89;

border-radius: 15px;

}

Code for changing the COLOR inside the General interests boxes:

<p style="background-color: #ANYCOLOR ;"> WRITE HERE

</p>

Heading code for: “contacting aliraluna”, aliraluna interests, profile links”:

.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {

background-color: #89FAC4;

color:#FFFFFF ;

}

Code for border of letters F:

.profile .contact, .profile .table-section, .profile .url-info {

border: 2px solid #89FAC4;

}

Code for the background color of the friend list:

.friends:not(#comments) {

grid-area: friends;

background:#A7BCFB;

border-radius: 15px

}

Code for the background of the COMMENTS section (both the section that has the pictures of the commenters, and the inside of the comment box:

.profile .friends td {

background: #89FAC4;

border-radius: 15px

}

Codes for changing the SPACEHEY logo AND the SpaceHey Banner/menu at the top of the page:

.logo {

background: #F7FA89;

}

nav{background-color:#F7FA89;(--box_color_and_seethru); !important;border-radius: 0px 0px var(--curve) var(--curve); !important;}

nav ul{background:none !important;}

nav img{filter: opacity(80%) !important;}

nav ul a img, .mood a img{display:none !important;}

.top{background:none !important;background-color:rgba(0, 0, 0, 0.1); !important;}

Code for adding more rows in the INTERESTS section/table:

<tr>

<td>

</td>

<td>

<p>I have two dogs, Chicca and Eevee</p>

</td>

</tr>

If I want/need to add colors then:

<tr>

<td>

</td>

<td>

<p></p><p style="background-color: #F7FA89 ;">I have two dogs, Chicca and Eevee</p>

</td>

</tr>

EDIT

Website to make custom scroll box html

https://www.myspacegens.com/handler.php?gen=scrollbox

https://www.quackit.com/html/codes/html_scroll_box.cfm#:~:text=An%20HTML%20scroll%20box%20is,overflow%20property%20to%20the%20div.

Websites To find free to use stamps and banners:

https://blingee.com/

https://www.glitter-graphics.com/ (THIS one is so awesome ToT)

Website to make gif pictures:

http://www.glitterfy.com/

Code to change the color and visibility of footer (box)

footer {

border-radius: 15px;

background: rgba(255, 255, 255, 0.94) !important;

display: block !important;

Code to make my profile picture round (from square to round) and people’s picture round

.profile-pic {

border-radius: 500px;

overflow: hidden;

}

.profile .friends .person img {

border-radius: 500px;

}

EDIT

Code to change the colors inside the general,etc table

.profile .table-section .details-table td {

background-color:#FF8C46 ;

color: #black;

}

/*the color refers to the color of the words*/

Code to change the colors of the heading from the right side (about me, etc)

.profile .blurbs .heading, .profile .friends .heading {

background-color: #444;

color: #bbb;

}

Code to replace the ONLINE icon

.online { visibility: hidden; } .online img { content: url("https://i5.glitter-graphics.org/pub/745/745455rvacxjsot2.gif"); animation-name: none; visibility: visible; height: 20px; width: 80px;

397 Kudos

Comments

Displaying 20 of 48 comments ( View all | Add Comment )

brassykibbles	1731725142 thank you for this :)) Report Comment
ko (>__ <)	1731631638 how do i save this? lol Report Comment
Divalicious	1730387942 TYSM i rlly needed this! Report Comment
9anime	1728234310 9anime is the best free anime streaming website where you can watch English Subbed and Dubbed anime online. WATCH NOW! No Ads GUARANTEED! Report Comment
seth	1728040389 Thank you very much for sharing such a useful article Will definitely saved and revisit your site. invoice maker Report Comment
	1722278288 nice job guys your blog is so good music Report Comment
seth	1720502433 The web site is lovingly serviced and saved as much as date So it should be, thanks for sharing this with us. JKリフレどっとこむ Report Comment
batvicious	1717875272 tysm !! Report Comment
Ramontherat	1713905098 Tjank uou somuch omg Report Comment
☆Konata☆	1707947147 thank you really good Report Comment
piee	1707630543 thank u sm !! Report Comment
SomeNugget	1704075293 Hey this helps so much! I was wondering how you can change the colour of a blinkie perhabs, I saw that on different profiles but couldnt find a way to do it ^^" Report Comment
Remitly	1699276788 Good job. Thanks for sharing! Remitly Report Comment
prax!! ^_^	1696011283 ILY FOR THIS TY Report Comment Shit I forgot to add "/p". by prax!! ^_^; 1696011473; Report
hikkibaka	1695825767 THANK YOU OMFG (ooc) Report Comment
electricpants57	1694943261 i actually love you omg thank you so much Report Comment
Goober man	1693499570 TYSMMMM AH Report Comment
Star/Wally <3	1692716438 I always wanted to know how to hide one of the interest boxes. like heroes one. what's the code for it? Report Comment Also an profile intro. not those 5 second videos, but a warning, tw or stuff by Star/Wally <3; 1692716883; Report for the profile intro, u can use this layout post: https://layouts.spacehey.com/layout?id=31692 by Anthony .; 1693579389; Report
Josh 98	1692402499 How do i change the name of general interests box Report Comment
mai	1688611207 does anyone have any code to make your boxes hover? i've seen someone have a hovering profile picture and a hovering friends box and i was just wondering abt it! Report Comment lol i know that this is late as heck but i just found how to do it heres a link to the person who posted the code https://forum.spacehey.com/topic?id=99272 by mummified_corpse; 1692214519; Report