« Web, HTML, Tech Forum

Profile Setup

Posted by ⸸⛧☾༺Ez༻☽⛧⸸

posted 1705414553

Forum: Web, HTML, Tech

View Topics View Profile

All the links n code ive used to set up my profile

Websites:

- " ✭ ✭ ✭ Profile Generator! ✭ ✭ ✭ " Layout | SpaceHey

- Cool Symbols & Cool Fonts - Symbols, Emoji & Fonts ✮✢❂✶✧

- blinkie maker | generate blinkie gifs with custom text! (blinkies.cafe)

- Postimages — free image hosting / image upload

Blinkies:

Layout:

<style>

/* == font import == */

@font-face { font-family: 'perry goth';

src: url(https://external-media.spacehey.net/media/sJehavmRnSfPA6Vkj18FKkg3KQRRotAr_FgpH_pDSMc8=/https://dl.dropbox.com/s/9a25q7d9s3tsmcf/PERRYGOT.ttf);

} body{ font-family: 'perry goth'; font-size: 80%; }

/* == background img == */

body{

background: url('https://t4.ftcdn.net/jpg/01/43/55/55/360_F_143555566_vp5AHtyOJRV6Xn0IvBcM4CX953n5VK0H.jpg');

}

/* == nav == */

nav .top{

background: url(https://external-media.spacehey.net/media/sV1iBoxynA_1sHqL4fG5-DHf3ChPZBpU8k6pFiRn1i0M=/https://i.pinimg.com/564x/a6/6e/40/a66e406f8ee0f047e81ecafbeb9ba2ae.jpg);

border: 2px dotted white;

margin-top: 10px;

}

button, input {

overflow: visible;

background: black;

border: 1px dotted white;

color: white;

}

nav .links {

background-color: black;

padding: 3.5px 16px 5.5px 16px;

text-align: center;

border: 2px dotted white;

margin-top: 20px;

}

nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {

content: " † ";

color: white;

}

nav .links a {

text-decoration: none;

color: white;

text-shadow: 0 0 5px white;

font-size: 0.98em;

font-size: 80%;

}

nav .links a:hover {

color: grey;

text-transform: uppercase;

font-size: 90%;

font-style: italic;

}

nav .links .special a {

color: lightgrey;

}

nav .links li.active a {

font-weight: bold;

color: lightgrey;

}

/* == main == */

main {

margin-top: 20px;

border: 2px dotted white;

background: #0000008f;

color: white;

padding: 6px 0px;

font-size: 80%;

}

.container {

width: 810px;

max-width: 100%;

margin: 0 auto 10px;

text-transform: lowercase;

}

a {

color: lightgrey;

text-decoration: auto;

text-shadow: 0 0 5px white, 0 0 10px white;

font-style: italic;

}

a:hover, a:active, .blog-entry .kudos-btn:hover, .blog-entry .kudos-btn:active {

color: grey;

text-transform: uppercase;

text-decoration: underline;

text-shadow: 1px 1px black;

}

/* == right side == */

span {

text-align: center;

font-size: 150%;

text-transform: uppercase;

}

.edit-link {

font-size: 90%;

text-align: center;

}

img.pfp-fallback {

border: 3px dashed white;

outline: 1px solid white;

border-radius: 15px;

}

.general-about .details {

display: block;

text-align: center;

}

.online {

color: grey;

text-transform: uppercase;

font-weight: bold;

font-size: 110%;

font-style: italic;

text-decoration: line-through 2px wavy slategrey;

}

.profile .mood {

margin-bottom: 18px;

margin-top: 10px;

width: 100%;

display: inline-block;

border: 3px dashed white;

outline: 1px solid white;

border-radius: 15px;

background: black;

padding: 4px;

text-align: center;

}

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

background: black;

color: white;

border-bottom: 3px dashed white;

text-align: center;

padding: 2px 7px;

text-shadow: 2px 2px grey;

}

.profile .contact, .profile .url-info, .profile .table-section, .setting-section, .home-actions {

width: 100%;

border: 3px dashed white;

border-radius: 10px;

outline: 1px solid white;

margin: 10px 0;

background: black;

}

.profile .url-info {

padding: 4px 7px;

font-size: 0px;

background: url(https://external-media.spacehey.net/media/snohOeckOrkRvdP1fLVLxPsxXPm_HfEPCY2c4zwPmX04=/https://i.pinimg.com/564x/26/d8/4d/26d84da35168475464123cd893aa349f.jpg);

height: 250px;

}

.details-table td {

background: black;

border: 2px dotted;

vertical-align: top;

border-radius: 5px;

}

.details-table td:first-child {

background: black;

color: white;

text-align: center;

vertical-align: middle;

border: 2px dotted white;

font-weight: bold;

width: 33%;

border-radius: 5px;

}

/* == left side == */

.profile-info {

border: 3px dashed white;

outline: 1px solid white;

border-radius: 15px;

background: url(https://media.istockphoto.com/id/1275559022/photo/spooky-graveyard-at-night.jpg?s=612x612&w=0&k=20&c=qzJaUp1UyLC-CVXHtR_iUXThiZMZapXh2wcCXumBakc=);

display: flex;

align-items: center;

justify-content: center;

padding: 15px 5px;

margin-bottom: 10px;

font-size: 0;

height: 100px;

background-size: 400px;

background-position-y: 30%;

background-position-x: center;

}

.blog-preview {

background: black;

border: 3px dashed white;

outline: 1px solid white;

border-radius: 15px;

padding-left: 10px;

padding-right: 10px;

}

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

background: black;

color: white;

padding: 2px 7px;

text-align: center;

border-bottom: 3px dashed white;

}

.profile .blurbs {

margin: 20px 0;

border: 3px dashed white;

border-radius: 10px;

background: black;

}

.profile .blurbs .section h4 {

margin: 0;

color: grey;

text-align: center;

padding-bottom: 5px;

}

.friends {

background: black;

border: 3px dashed white;

border-radius: 10px;

}

.count {

color: grey;

font-size: 100%;

}

.profile .friends .person p {

color: white;

font-weight: bold;

width: 100%;

overflow-wrap: break-word;

word-break: break-word;

font-size: 100%;

text-align: center;

}

.profile .friends .person p:hover {

color: grey;

}

div#comments {

margin-top: 15px;

}

.comments-table td, .music-table td {

background: black;

vertical-align: top;

border: 3px dashed white;

border-radius: 10px;

}

.comments-table td:first-child, .music-table td:first-child {

background: black;

text-align: center;

font-weight: bold;

width: 38%;

border: 3px dashed white;

border-radius: 10px;

}

table.comments-table {

border: 1px black;

}

/* == footer == */

footer {

text-align: center;

font-size: 70%;

margin: 10px 0 10px;

padding: 10px 5px;

background: transparent;

color: white;

}

/* == cursor == */

html,body{cursor: url(https://external-media.spacehey.net/media/s9ncCoxaIUVC48D2jpuXhCxXeWBGMsIUHRJKj_XsveNM=/https://cur.cursors-4u.net/others/oth-8/oth702.cur),auto;}

a:hover{cursor: url(https://external-media.spacehey.net/media/s9ncCoxaIUVC48D2jpuXhCxXeWBGMsIUHRJKj_XsveNM=/https://cur.cursors-4u.net/others/oth-8/oth702.cur),auto;}

/* == scrollbar == */

::-webkit-scrollbar {

width: 12px;

height: 12px;

BACKGROUND-COLOR: black;

}

::-webkit-scrollbar-track {

border-radius: 10px;

width: 2px;

border: 1px dotted black;

}

::-webkit-scrollbar-thumb {

background: grey;

border-radius: 10px;

}

::-webkit-scrollbar-thumb:hover {

background: lightgrey;

}

</style>

<style>

/* code generated by the spacehey live designer [start] */

main{ background-color: rgb(0, 0, 0) !important;}

body{ background-color: rgb(0, 0, 0) !important;}

.table-section .heading, .contact .heading{ color: rgb(177, 6, 6) !important; background-color: rgb(177, 6, 6) !important;}

« Web, HTML, Tech Forum

Profile Setup

Posted by ⸸⛧☾༺Ez༻☽⛧⸸

0 Replies