Report Blog Entry
Oi pessoal, como não estou conseguindo compartilhar esse layout na parte onde normalmente fica, decidi colocar aqui no blog para que vocês possam usar, se quiserem.
Para quem não sabe use o "ctrl+F" para achar palavras na página.
Mas aqui vão algumas dicas caso você queira modificá-lo também, começando por:
1. body {
background-image:
Português: Imagem que fica atrás de tudo.
Inglês: Image that stays behind everything.
2. main {
background-image:
português: No caso o segundo, pois o primeiro não muda nada... Ele altera a fundo da parte de dentro.
inglês: In this case, the second one, because the first one doesn't change anything... It alters the background of the inner part.
3. table, .blurbs, .blog-preview {
português: muda os pedaços da parte interior.
inglês:It changes the sections of the inner part.
4. general-about {
português: muda o pedaço da parte de trás da sua foto de perfil.
inglês: It changes the piece behind your profile picture.
5. details-table td:first-child {
português: Muda a parte onde fica os seus "Interests"
inglês: Change the part where your 'Interests' are.
6. Footer
Muda o rodapé
7. nav .top {
Muda a foto na parte de cima no topo
Pronto agora caso queira adicionar uma imagem ou gif use
GIF
<img src="url" title="" alt=""/>
IMAGEM
<img src="url"/>
Agora que vc já sabe mais ou menos. É só colocar todo esse código no seu "about me".
<!-- (c) Layout created by lani (https://layouts.spacehey.com/layout?id=3363) -->
<!-- (c) Layout created by Gyawuna (https://spacehey.com/profile?id=133475) -->
<!-- Layout modified by (https://spacehey.com/qingxxuan) -->
<style>
main {
background-image: url(https://i.postimg.cc/JzH23yC2/download-6.jpg);
color: black;
padding: 6px 0px;
font-size: 80%;
}</style>
<style>
.profile .blurbs .heading, .profile .friends .heading {
background: #ff6c95;
color: #ffbdcf;
padding: 2px 7px;
}
</style>
<style>
main {
background-image: url(https://i.postimg.cc/zBwFL4vG/pink-sparkles.gif);
background-color: black;
color: #ff6c95;
padding: 6px 0px;
font-size: 80%;
border: 2px dotted hotpink !important;
border-radius: 10px; /* Borda arredondada */
}
</style>
<style>
.general-about {
background-image: url(https://i.postimg.cc/NFktzGMv/download-11.jpg);
padding: 28px;
border-radius: revert;
box-shadow: 4px 4px 0 #ff6c95;
text-align: justify;
/* animation: nineties2 2s ease 0s infinite normal none; */
/* animation-delay: .46s; */
}</style>
<style>
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
background: #ff6c95;
color: #ffbdcf;
padding: 2px 7px;
}</style>
<style>
.profile .contact, .profile .url-info, .profile .table-section, .home-actions {
width: 100%;
border: 2px solid #ffbdcf;
margin: 10px 0;
}</style>
<style>
.details-table td:first-child {
background-image: url(https://i.postimg.cc/QCmLq64X/download-10.gif);
color: #ff6c95;
font-weight: bold;
width: 33%;
}</style>
<style>
body {
background-image: url(https://i.postimg.cc/fRL0dCMZ/download-19.jpg);
font-family: verdana, arial, sans-serif, helvetica;
}</style>
<style>
.profile .blurbs .section h4 {
margin: 0;
color: #ff6c95;
}</style>
<style>
a {
color: #ff6c95;
text-decoration: none;
}</style>
<style>
.details-table td {
background: #ffbdcf;
vertical-align: top;
}</style>
<style>
.comments-table td, .music-table td {
background-image: url(https://i.postimg.cc/FR1LyR9z/download-18.jpg);
vertical-align: top;
}</style>
<style>
.comments-table td:first-child, .music-table td:first-child {
background: #ff6c95;
text-align: left;
font-weight: bold;
width: 38%;
}</style>
<style>
footer {
text-align: center;
font-size: 70%;
margin: 10px 0 10px;
padding: 10px 5px;
background-image: url(https://i.postimg.cc/zBwFL4vG/pink-sparkles.gif);
background-color: black;
}
</style>
<style>
nav .links {
background-color: #ff6c95;
padding: 3.5px 16px 5.5px 16px;
}</style>
<style>
nav .links a {
text-decoration: none;
color: #ffbdcf;
font-size: 0.98em;
}</style>
<style>
.count {
color: #ffbdcf;
}</style>
<style>
nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
content: " | ";
color: #ffbdcf;
}</style>
<style>
nav .top {
background-image: url(https://i.pinimg.com/736x/24/76/2a/24762ac3d58d128fc8aa9ec0551b9cad.jpg);
padding: 15px 10px 14px 10px;
display: flex;
}</style>
<style>
nav {
color: #ff6c95;
font-size: 72%;
}</style>
<style>
.logout-btn, .logout-form {
color: #ff6c95;
display: inline-block;
font-size: 100%;
}</style>
<style>
.profile .profile-info {
background-image: url(https://i.postimg.cc/Vv2y7PK9/download-11.jpg);
/* padding: 20px; */
/* border-radius: 10px; */
/* box-shadow: 4px 4px 0 #ff6c95; */
text-align: center;
/* animation: nineties2 2s ease 0s infinite normal none; */
/* animation-delay: .15s; */
/* border: black; */
}</style>
<style>
.profile .friends .person p {
color: #ffbdcf;
font-weight: bold;
width: 100%;
word-break: break-word;
font-size: 100%;
text-align: center;
}</style>
<style>* {cursor: url(https://cur.cursors-4u.net/anime/ani-1/ani199.ani), url(https://cur.cursors-4u.net/anime/ani-1/ani199.png), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2008/11/07/blinking-hello-kitty-7.html" target="_blank" title="Pretty Blinking Hello Kitty"><img src="https://cur.cursors-4u.net/cursor.png" alt="Pretty Blinking Hello Kitty" style="position:absolute; top: 0px; right: 0px;"/></a>
<!-- (c) Layout created by flycel ☣ (https://layouts.spacehey.com/layout?id=24665) -->
<style>
.contact {
font-size: #px;
font-family: fontfamily;
border: dotted 0px!important;
background-image: url("URL")!important;
background: ;
border-top: 0px;
}
.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: url("https://wilardo.crd.co/assets/images/gallery02/e16487f0_original.gif?v=770dec35")
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorites */
content: url("https://wilardo.crd.co/assets/images/gallery28/aa4ffbab_original.gif?v=770dec35")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send Message */
content: url("https://wilardo.crd.co/assets/images/gallery14/a783b173_original.gif?v=770dec35")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* forward to friend */
content: url("https://wilardo.crd.co/assets/images/gallery14/7c363c07_original.gif?v=770dec35")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: url("https://wilardo.crd.co/assets/images/gallery02/b2698cc1_original.gif?v=770dec35")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: URL("https://wilardo.crd.co/assets/images/gallery14/723532fa_original.gif?v=770dec35")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add to group */
content: url("https://wilardo.crd.co/assets/images/gallery14/deae18f8_original.gif?v=770dec35")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report user */
content: url("https://wilardo.crd.co/assets/images/gallery02/de77ed42_original.gif?v=770dec35")
}
</style>
<div style="float: ; max-height: 400px; position: fixed; right: 1px; top: 9px; z-index: 200;">
<img src="https://i.postimg.cc/G36YmWZk/download-14.gif" width="250" height="250"/></div>
<div style="float: ; max-height: 400px; position: fixed; left: 1px; top: 9px; z-index: 200;">
<img src="https://i.postimg.cc/GpZryjrS/ezgif-4c139268830539.gif" width="250" height="250"/></div>
<img src="https://lifted.crd.co/assets/images/gallery01/b8827283.gif?v=540c5116" title="" alt=""/><img src="https://lifted.crd.co/assets/images/gallery01/b8827283.gif?v=540c5116" title="" alt=""/>
Comments
Displaying 0 of 0 comments ( View all | Add Comment )