tascha’s ugly coding

[tascha]

everybody's out there with such good code and i'm here, a noob. this is for me to test various shit. i will have another thread to display completed shit that looks less ugly.

let the hunger games begin.​

 

[tascha]

if i am right, these should be tabs.

001 002

• 
  agent 001
  
• 
  agent 002
  

holy **** it worked. nice.

 

[tascha]

so there's something called divs and apparently they can do a lot. let's try something simple. [ honestly i feel self conscious posting here because wow i'm such a noob but anyway ]

edit: did not work. why am i not surprised. maybe it needs to have some content or it won't show up?

edit 2: still did not work. and it's replicating my codes now. wtf am i doing.

edit 3: OH. it worked now. i guess you can't format codes? note to self, when writing codes, do not reduce size according to your fkin aesthetic. also, there doesn't need to be text for the div to show up. cool.

 

[tascha]

now let's try a biggie. a div inside a tab. gosh, i'm sweating just thinking about it.

edit: holy fkin lord it worked. no gotta figure out that spacing because i'm pretty sure with that much lack of space, my words will become claustrophobic.

white grey

• 
  
  alice in winterland
  
  
• 
  
  alice in the grey areas
  
  

 

[tascha]

okay, now i'm going to try the backgrond colour outside the tabs.

edit: i'm honestly surprised at myself. copy paste is my best friend still need to figure out that spacing. and how to change the colour of the text without using the editor. i don't want to have to change it every time.

white still white

• 
  alice in winterland
  
• 
  hatter in winterland
  

 

[tascha]

so padding is the answer! also, my name is in blue now?

hello

 

[tascha]

gonna try and fit three pics together in one line. *crosses fingers*

edit: wow, it actually worked.

 

[tascha]

this div:

• can scroll [overflow-y: scroll
• has a height [height: ???px]
• has formatted text [text-transform: uppercase/lowercase]
• has a different font [font-family: ???]
• has coloured text [color: #??????]
• is justified [text-align: justify]
• has text in a different size [font-size: ???px]
• has letter spacing [letter-spacing: ???px]
• has line spacing [line-spacin: ???px]

thank you css. gonna test some more shiz out when i read through the rest of the cool stuff i can do in a div.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Hac habitasse platea dictumst vestibulum rhoncus est. Bibendum est ultricies integer quis auctor. Orci dapibus ultrices in iaculis. In vitae turpis massa sed. Dolor sit amet consectetur adipiscing. Augue lacus viverra vitae congue eu consequat ac felis donec. In cursus turpis massa tincidunt. Non quam lacus suspendisse faucibus interdum posuere lorem ipsum. Posuere morbi leo urna molestie. Amet purus gravida quis blandit.

Risus at ultrices mi tempus imperdiet nulla malesuada. Sed risus ultricies tristique nulla aliquet enim tortor at. Nisl pretium fusce id velit ut tortor pretium viverra suspendisse. Non sodales neque sodales ut etiam sit amet nisl purus. Commodo odio aenean sed adipiscing diam donec. Eu nisl nunc mi ipsum faucibus vitae. Tellus at urna condimentum mattis pellentesque id nibh tortor. Iaculis at erat pellentesque adipiscing commodo. Arcu dui vivamus arcu felis bibendum ut tristique. Sapien et ligula ullamcorper malesuada proin libero. Vestibulum mattis ullamcorper velit sed. Risus feugiat in ante metus dictum at tempor commodo. Et tortor at risus viverra adipiscing. Habitasse platea dictumst quisque sagittis.

Tincidunt vitae semper quis lectus. Ut consequat semper viverra nam libero justo laoreet sit. Quis commodo odio aenean sed adipiscing diam donec adipiscing. In ornare quam viverra orci sagittis eu volutpat odio. Aliquam eleifend mi in nulla posuere sollicitudin aliquam. Consectetur lorem donec massa sapien. Nec ullamcorper sit amet risus nullam eget felis eget nunc. Eleifend donec pretium vulputate sapien nec sagittis aliquam. Velit dignissim sodales ut eu sem integer. Enim neque volutpat ac tincidunt. Dictumst quisque sagittis purus sit amet volutpat. Elit eget gravida cum sociis natoque. Etiam erat velit scelerisque in dictum. Tincidunt augue interdum velit euismod in pellentesque massa placerat duis. Eget duis at tellus at urna.

Ultrices vitae auctor eu augue ut lectus arcu bibendum. Adipiscing elit ut aliquam purus sit amet. Quis enim lobortis scelerisque fermentum dui. Urna neque viverra justo nec ultrices dui. Et malesuada fames ac turpis egestas sed tempus urna. Malesuada pellentesque elit eget gravida cum sociis natoque penatibus. Nulla facilisi morbi tempus iaculis urna id volutpat lacus. Amet nisl suscipit adipiscing bibendum est ultricies. Ante metus dictum at tempor commodo. Risus sed vulputate odio ut enim blandit volutpat maecenas volutpat. Phasellus faucibus scelerisque eleifend donec pretium vulputate sapien.

A arcu cursus vitae congue mauris rhoncus aenean. Duis ultricies lacus sed turpis tincidunt id. Euismod in pellentesque massa placerat duis ultricies lacus sed. Quam nulla porttitor massa id neque aliquam. Et malesuada fames ac turpis egestas sed tempus urna et. Ac turpis egestas sed tempus urna et. Cursus euismod quis viverra nibh cras pulvinar mattis. Viverra nam libero justo laoreet sit amet. In metus vulputate eu scelerisque felis imperdiet proin fermentum leo. Augue ut lectus arcu bibendum at varius. Est sit amet facilisis magna etiam. Blandit turpis cursus in hac habitasse platea dictumst. Quis hendrerit dolor magna eget est lorem ipsum.

 

[tascha]

this div:

• has a div inside it
• has a border [border: ??px solid color]
• has a margin [margin: auto/left/right ALSO margin-right: ???px; etc to move div slightly or have more spacing]

hello

 

[tascha]

tryna make something

idk idk idk

CODING DONE BY TASCHA

 

[tascha]

character name

"some fancy quote will go here."

specifics

hello hello

details

hello hello

 

[tascha]

project zero

specifics

hello hello

details

hello hello

 

[tascha]

Some text will come here soon (shh i'm planning)

 

[tascha]

character name

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque hendrerit sodales risus, sit amet cursus ex suscipit id. Fusce blandit leo vitae lorem bibendum cursus. Suspendisse ut dictum enim, at fermentum mi. Integer vel ex auctor, mollis metus in, placerat dolor. Curabitur aliquet, lacus eget pretium faucibus, erat lectus gravida nulla, sed luctus justo metus eu nibh. Mauris a volutpat leo, id auctor eros. Aenean ac enim faucibus, gravida dui elementum, imperdiet dolor. In hac habitasse platea dictumst. Phasellus viverra orci a turpis posuere, euismod convallis neque blandit. Vestibulum ut lectus quam.

Etiam non egestas tortor. Aenean non lectus pellentesque, egestas turpis a, ultrices nulla. Fusce porttitor lacus risus, nec ullamcorper dolor mollis sit amet. Nunc lacinia auctor ipsum luctus tempor. Etiam quis elementum tortor. Curabitur ornare risus ac arcu dignissim, nec pellentesque magna suscipit. In varius lorem eget diam tincidunt facilisis. Donec id dui nec mi vulputate vehicula. Nulla nec neque dapibus, varius risus ornare, efficitur est. Maecenas scelerisque id est eu iaculis. Praesent porta eros nisl, nec accumsan lacus interdum quis. Nullam suscipit mauris risus, in pharetra elit pretium eget. Mauris non fermentum justo. Aenean eleifend, sem vel tempus commodo, orci eros sodales lorem, quis cursus velit sem dignissim tortor. Nulla ut augue maximus, venenatis tortor sit amet, vestibulum est. Duis in varius mauris.

Curabitur tempor fermentum ante, nec ultricies tortor. Mauris et efficitur velit, et varius nisi. Sed convallis nibh pharetra varius cursus. Duis vel felis ultricies, vehicula dolor sit amet, tristique leo. Proin nec eros sed nulla tempor aliquet ac id augue. Curabitur euismod ex vitae eros consectetur, id vulputate odio posuere. Mauris semper ligula sed velit lobortis, id feugiat odio congue. Maecenas placerat quam magna, in dictum dolor rhoncus a. Mauris sagittis neque ut sem rhoncus mattis.

Duis diam velit, aliquam vitae congue id, vulputate eget ante. Sed vitae sodales diam, eu accumsan odio. Vivamus ac bibendum magna, id consectetur leo. Nam ex augue, fringilla eu vestibulum quis, condimentum a turpis. Nullam sed neque at tellus dapibus tincidunt. Proin condimentum lectus quis felis gravida, id cursus erat rutrum. Nulla sed dolor dapibus, fringilla leo congue, sodales nisl. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed urna arcu, malesuada non hendrerit et, iaculis et leo. Aliquam lacinia ut felis a aliquam. Maecenas volutpat sem ac mi feugiat, pulvinar blandit est viverra. Aenean vitae tellus eleifend, ornare est pulvinar, molestie odio. Vivamus pharetra erat in ultricies ornare.

Donec ut erat sit amet elit pretium feugiat in at lectus. Nullam sed enim eu elit iaculis sollicitudin. Nulla tristique mattis auctor. Quisque vitae nulla purus. Mauris tincidunt justo nec mattis faucibus. Nullam maximus dignissim lorem, nec commodo leo porta elementum. Praesent dolor arcu, gravida sed venenatis sed, hendrerit eu arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed luctus pharetra sem, at scelerisque purus tincidunt at. Nullam turpis elit, rhoncus non mauris sit amet, molestie tristique nisl. Nam vitae diam ullamcorper, venenatis justo ac, lacinia diam. Proin eu varius ante.