Blue and Pink Palm Trees Layout

Tags: hooterbby, simple, palm trees, blue and pink, trees, dark blue, summer, light blue

Description:

Notes: -I place my codes in my about me section. Anything else you want under the Blurbs area can be added into your Who I'd Like To Meet section. (I do this to keep the codes separate from other content.) -You can change your interest labels, found at the top of the code, labeled "topic". -Comments are in a scroll box. Hidden areas: Friends photos. url box. most headers.

Preview:

Code:

<!-- (c) Layout created by Hooterbby (https://layouts.spacehey.com/layout?id=40595) --> <style> table, th, td { border: 0px solid;}:root { --topic1: "topic 1"; --topic2: "topic 2"; --topic3: "topic 3"; --topic4: "topic 4"; --topic5: "topic 5"; --topic6: "topic 6"; } .table-section:not(:last-child) .details-table tr td:first-child p{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;} .details-table tr td:first-child p::after{ color:var(--links) !important; letter-spacing:normal !important; text-shadow: 2px 2px black !important; filter: brightness(95%) !important; } .table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{ content: var(--topic1); } .table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{ content: var(--topic2); } .table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{ content: var(--topic3); } .table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{ content: var(--topic4); } .table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{ content: var(--topic5); } .table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{ content: var(--topic6); } </style> <style> .contact .inner a img { font-size: 0; } .contact .inner a img:before { font-size: 1em; display: block } .contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before { /* Add to Friends */ content: "🌴" } .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before { /* Add to Favorites */ content: "🌴" } .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before { /* Send Message */ content: "🌴" } .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before { /* Forward to Friend */ content: "🌴" } .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before { /* Instant Message */ content: "🌴" } .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before { /* Block User */ content: "🌴" } .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before { /* Add to Group */ content: "🌴" } .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before { /* Report Profile */ content: "🌴" } </style> <style> a{ color: pink !important; } a:hover{ color: #DA819D !important; } </style> <style> @import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap'); h1{ font-family: 'Lobster', bold; font-size: 4em !important; color: green !important; } </style> <style> .general-about{ position: relative; margin-top: 30px; } .general-about .profile-pic::before{ content: ''; background: url('') no-repeat; background-size: cover; display: block; width: 100px; height: 100px; z-index: 999; position: absolute; top: -43px; left: -32px; } </style> <style> ::-webkit-scrollbar { width: 15px; height: 15px; } ::-webkit-scrollbar-thumb { background: #75DCFB; } ::-webkit-scrollbar-track { background: #689EAA; } </style> <style> https://genericprofileeditor.neocities.org/profile?id=6326 a:hover{ background-color: #DC83A1 !important; background-image: url('') !important; background-repeat: repeat !important; background-position: center !important; } .links a:hover{ background-color: #DC83A1 !important; background-image: url('') !important; background-repeat: repeat !important; background-position: center !important; } </style> <style> .friends-grid{display: none !important;} .contact .heading{display: none !important;} .url-info{display: none !important;} .profile-info{display: none !important;} .blurbs .section h4{display: none !important;} .comment-replies{border: 0px solid none !important;} .table-section .heading{display: none !important;} .blurbs .heading{display: none !important;} </style> <style> main{ background-color: #184759 !important; } body{ background-color: black !important; background-image: url('https://hosting.photobucket.com/images/g144/punkluv4evr/stylish-summer-seamless-pattern-with-palm-trees-vector.jpg') !important; background-attachment: static !important; background-repeat: repeat !important; background-position: top-center !important; } </style> <style> .top{ background-color: transparent !important; } .links{ background-color: #689EAA !important; } footer{ background-color: transparent !important; } </style> <style> body { --lighter-blue: none; } </style> <style> table.comments-table{ display: block; height: 400px!important; overflow-y: scroll; } </style> <style> .friends .heading{ color: black!important; background-color: #71DAF8 !important; } </style> <style> .count{ color: #E183A5 !important; } </style> <style> .top{ background-color: transparent !important; } .contact{ background-color: tranparent !important; } table.details-table{ background-color: transparent !important; } .profile .details-table td{ background-color: transparent !important; } .comments-table td{ background-color: #275668 !important; } footer{ background-color: transparent !important; } </style> <style> main:before { width: 100%; height: 20px; display: block; content: ""; background-image: url(''); background-position: center; background-size: ; } @media only screen and (max-width: 600px) { main:before{ height: 200px; } } </style> <style> table, th, td { text-align: center; }</style> <style> body { text-align: center; }</style>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.