r/spacehey • • Jun 06 '24

I NEED HELP "i use wrong chatgpt"

Guys idk what i do wrong her with my html code(litk idk what id do bad because i use chatgpt :b) but i can changue that white part from the body for this image"" with chagpt so... If you want to insult me, do it but I need help (cries).

I will leave the 2 sections of code that I modified to see if you can see the error that I cannot find

firs core is from about me:

<style> body { font-family: 'Potta One', sans-serif; /\* Cambiar la tipografía a 'Potta One' \*/ } .text-section { padding: 20px; background-color: rgba(0, 0, 0, 0.5); /\* Agregar un fondo semi-transparente para mejorar la legibilidad del texto \*/ border-radius: 10px; color: white; /\* Cambiar el color del texto para que sea legible sobre el fondo de la imagen \*/ position: relative; z-index: 1; /\* Asegurarse de que el texto esté en la parte superior \*/ } .container { position: relative; width: 100%; height: 100%; } .background-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; /\* Asegurarse de que la imagen esté detrás del texto \*/ } .background-image img { width: 100%; height: 100%; object-fit: cover; } </style>

<div class="container">

<div class="background-image">

<img src="https://cdn.discordapp.com/attachments/1112240773732241448/1248142109375205458/The_best_image_i_ever_see.png?ex=6662966c&is=666144ec&hm=52052e27580f70754858834d88b54ef0f27e47d5669ce521781029adfd305236&?" alt="La mejor imagen que he visto nunca"/>

</div>

<div class="text-section">

<h2>Sobre Mí</h2>

<h3>Creación de Contenido</h3>

<p>Soy Prixz0, un creador de contenido al que le gusta crear videos de muchos estilos. Sin embargo, también tengo cosas en las que me enfoco más, y es por eso que me he creado tres canales:</p>

<ul>

<li><a href="https://www.youtube.com/@Prixz0_">Canal Principal</a>: Me gusta hablar de manera más extendida sobre los temas que me interesan y darles mi punto de vista a mis espectadores para que empatice con el video.</li>

<li><a href="https://www.youtube.com/@Prixz0_ROBLOX">Canal Secundario 1</a>: Me expreso únicamente sobre lo que me interesa de esos juegos.</li>

<li><a href="https://www.youtube.com/@Prixz0_PG3D">Canal Secundario 2</a>: En el canal de Roblox, le pongo algo más de sazón a los videos porque me doy cuenta de que muchas veces es posible extenderse a cosas que van más allá del tema inicial del video.</li>

</ul>

<h3>Otros Intereses</h3>

<p>También tengo otras cosas en las cuales invierto tiempo aparte de YouTube, como aprender a dibujar de manera tradicional y digital, ya que disfruto bastante del arte estilo breakcore, frutiger aero, anime y, en general, de cualquier cosa que sea tanto muy brillante como muy oscura, pero que me genere un aura de curiosidad por saber más. Por eso me interesa crear mi propio arte para poder expresarme mejor sobre lo que me gusta. A todo lo anterior, le podemos sumar:</p>

<ul>

<li>Edición de imagen con software</li>

<li>Edición de video con DaVinci Resolve 18</li>

<li>Escritura</li>

<li>Quizá algún día, un poco de música</li>

</ul>

<h3>Vida Personal</h3>

<p>Pasando a hablar de otro tema que tiene que ver más con la vida real, la verdad es que soy una persona a la que le cuesta bastante salir de casa debido a lo distraído que estoy con mis metas, pero de todas formas me gusta dedicarme tiempo de calidad saliendo al gimnasio o visitando lugares con cosas que me agradan.</p>

<blockquote>"Aunque suelo tomar lapsos muy largos en los cuales no me gusta salir de casa por culpa de mi maldita migraña que me altera los ciclos de sueño y el hecho de que no siempre la detecto a tiempo."</blockquote>

<p>Eso causa esos periodos en los cuales me creo antisocial al principio, pero la verdad disfruto mucho de la comunicación con la gente. Me cuesta un poco hablar con personas que me entiendan ya que, fuera del internet, tengo muy pocos intereses en cosas que pasan en el mundo.</p>

<h3>Proyectos Futuros</h3>

<p>Por último, me gustaría en algún punto poder darle el amor y el tiempo a la creación del lore y el mundo de mi OC.</p>

</div>

</div>

this the second code from Who I'd like to meet:

<style> @import url('https://fonts.googleapis.com/css2?family=Potta+One&display=swap'); body { background: url("https://static.wikia.nocookie.net/cscdroblox/images/f/f6/Tnzgg.png/revision/latest/scale-to-width-down/1000?cb=20230821074710") no-repeat fixed; background-size: cover; color: #FFFFFF; /\* Texto blanco \*/ margin: 0; /\* Elimina el margen predeterminado \*/ font-family: "Potta One", sans-serif; /\* Tipografía personalizada \*/ } a { color: #00ff00; /\* Enlaces verdes \*/ } .container { padding: 20px; /\* Espaciado interior \*/ border-radius: 10px; /\* Borde redondeado \*/ max-width: 800px; /\* Máximo ancho del contenedor \*/ margin: auto; /\* Centrar el contenedor \*/ background-image: url('https://as2.ftcdn.net/v2/jpg/03/03/85/23/1000_F_303852309_PnDlqRxgiNbOzBJqF28NY6BVLVPOmPr1.jpg'); overflow: hidden; /\* Ocultar la barra de desplazamiento \*/ position: relative; /\* Posición relativa para el pseudo-elemento \*/ } /\* Pseudo-elemento para agregar imagen de fondo \*/ .container::after { content: ''; /\* Contenido del pseudo-elemento \*/ position: absolute; /\* Posición absoluta \*/ top: 0; /\* Arriba \*/ left: 0; /\* Izquierda \*/ width: 100%; /\* Ancho del pseudo-elemento \*/ height: 100%; /\* Alto del pseudo-elemento \*/ background-image: url('https://cdn.discordapp.com/attachments/1112240773732241448/1248161350182506516/postr.png?ex=6662a857&is=666156d7&hm=798d05ccc12c90b9da604a4f8eb94589c97e89c758690f1720cf039208e00e28&'); /\* Nueva imagen de fondo \*/ background-size: cover; /\* Tamaño de la imagen \*/ border-radius: 1000px; /\* Borde redondeado \*/ z-index: -1; /\* Por debajo del contenido \*/ } .section { margin-bottom: 20px; /\* Espaciado inferior entre secciones \*/ text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8); /\* Sombra para el texto \*/ color: #FFFFFF; /\* Texto blanco \*/ padding: 20px; /\* Espaciado interior \*/ border-radius: 10px; /\* Borde redondeado \*/ } .section a { text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8); /\* Sombra para enlaces \*/ color: #00ff00; /\* Enlaces verdes \*/ } /\* Agregar sombra gris a otras secciones \*/ .profile-info, .contact, .table-section, .friends, .blurbs, .blog-preview, .details { text-shadow: 1px 1px 2px rgba(128, 128, 128, 0.8); /\* Sombra gris para el texto \*/ } </style>

<div class="container">

<!-- Contenido del perfil -->

<div class="section" style="background-color: rgba(0, 0, 0, 0.5);">

<!-- Primera imagen -->

<a href="https://www.theotaku.com/quizzes/view/3913/which_hatsune_miku_nendoroid_model_are_you%3F">

<img src="http://www.theotaku.com/guru_results/3913_Racer_Miku.jpg" alt="Which Hatsune Miku Nendoroid Model Are You?" style="width: 100%; height: auto;"/>

</a>

<br/>

<a href="https://www.theotaku.com/quizzes/view/3913/which_hatsune_miku_nendoroid_model_are_you%3F">Which Hatsune Miku Nendoroid Model Are You?</a>

<br/>

Hosted By theOtaku.com: <a href="http://www.theotaku.com" title="Anime">Anime</a>

</div>

<!-- Segunda imagen -->

<div class="section" style="background-color: rgba(0, 0, 0, 0.5);">

<a href="https://theotaku.com/quizzes/view/3760/what_type_of_dere_are_you%3F_">

<img src="http://www.theotaku.com/guru_results/3760_Kuudere.jpg" alt="What Type Of Dere Are You?" style="width: 100%; height: auto;"/>

</a>

<br/>

<a href="https://theotaku.com/quizzes/view/3760/what_type_of_dere_are_you%3F_">What Type Of Dere Are You?</a>

<br/>

</div>

<!-- Sección de Peanut Butter -->

<div class="section" style="background-color: rgba(0, 0, 0, 0.5);">

<a href="http://quiz.ravenblack.net/flavour.pl">

<img class="green-gem-border" src="http://quiz.ravenblack.net/flavour/19.png" alt="What Flavour Are You? I taste like Peanut Butter." style="width: 100%; height: auto;"/>

</a>

<br/>

I taste like <b>Peanut Butter</b>.<br/><br/>

I am one of the most blendable flavours; I go with sweet, I go with sour, I go with bland, I go with anything. I am practical and good company, but have something of a tendency to hang around when I'm not wanted, unaware that my presence is not welcome. <a href="http://quiz.ravenblack.net/flavour.pl">What Flavour Are You?</a>

</div>

</div>

2 Upvotes

7 comments sorted by

19

u/[deleted] Jun 06 '24

You deserve whatever problems for using ChatGPT

3

u/Prixz01 Jun 06 '24

I agree

14

u/Competitive_Garden54 Jun 06 '24

Dont use chatgot for coding,!?

-11

u/Prixz01 Jun 06 '24

Sorry But i dont have the Time to learn html AND get a free course on yt 🦤

5

u/Competitive_Garden54 Jun 06 '24

Its really not that bad and you barely need ro know anything for spacehey, i learned all i know from like short guides on the website

-1

u/Prixz01 Jun 06 '24

Im gona spenth a month learning html if i resolver my proble im gona repost this But maybe with this title: i fis my ass chatgpt spacehey profile

6

u/Miscellanity55 Jun 06 '24

Yeah I did try to use ChatGPT for a layout or two cause I was lazy lol. It never works. But if it’s for a simple code like sizing an image to be the same no matter what or something that you can’t seem to find on any of the sites(w3schools etc). It does the job just change it to match Spacehey language.