₪Mys's Free CSS Layouts₪

Posted 2024-04-20 10:48:26

#1193255

Aaa, I saw AC theme and I freaked out! So well done!!

HoppingHare
#131199

Posted 2024-04-27 03:27:50

#1196884

I think I could use your assistance with my den HTML... I tried to create a neat little thing on my own, but I have a feeling I've made it much more complex than I needed to, and I can't figure out how to make secondary boxes beneath each of the left and right ones.

Also, side note, but is it possible to make my wolf images smaller? They seem a bit bigger than they're supposed to since I added the CSS page-widener.

༺⛧𝔸𝕖𝕟𝕠𝕔𝕪𝕠𝕟⛧༻️‍
#65468

Posted 2024-04-27 23:18:37

#1197296

@༺⛧𝔸𝕖𝕟𝕠𝕔𝕪𝕠𝕟⛧༻ #65468
Hi there. I'm still an HTML and CSS learner, and I can't guarantee that I will solve your problem, but I can take a look at your HTML code if needed. ^^ And about the CSS to remove the sidebar part and then extend the main panel, I made an attempt to make the picture of the wolf in the cave a little smaller, I hope this is the effect you need, the code is here:

https://mysteryyan.neocities.org/css/Wolvden%20Free%20CSS/removesidebar2.css

MʏsteʀʏYan₪玄妙
#3609

Posted 2024-04-28 16:16:51

#1197545

Thanks so much!! And yes, i would greatly appreciate if you could take a look-- maybe youll see something I didn't! If you need me to copy and paste it here in a spoiler, i can do that as well! Anyone else can use it too, I dont much care

༺⛧𝔸𝕖𝕟𝕠𝕔𝕪𝕠𝕟⛧༻️‍
#65468

Posted 2024-04-28 16:39:34

#1197549

The new CSS works perfect!! Thank you so much

༺⛧𝔸𝕖𝕟𝕠𝕔𝕪𝕠𝕟⛧༻️‍
#65468

Posted 2024-04-28 16:41:57

#1197552

Mystery, could you tell me the code for the scroll box? It's blocked on my phone for some reason. Thanks a lot!

Crya - Mother of Merged
#125808

Posted 2024-04-28 19:37:09

#1197587

@༺⛧𝔸𝕖𝕟𝕠𝕔𝕪𝕠𝕟⛧༻ #65468
Feel free to post here or pm me what you want and the specific code, and I'll see what I can do to help you. ^^ Also glad to hear new css codes helps!

@ℂ𝕒𝕝𝕪𝕡𝕤𝕠 #125808
Sure. Sending u a message with codes.

MʏsteʀʏYan₪玄妙
#3609

Posted 2024-04-28 20:13:25

#1197592

I'll post here so other people can use it too!

HEADER TEXT GOES HERE

TITLE GOES HERE

TEXT GOES HERE

TITLE GOES HERE

TEXT GOES HERE

TITLE GOES HERE

TEXT GOES HERE

TITLE GOES HERE

TEXT GOES HERE

HTML made by #65468

Bit of a jumbled mess, but remove the *s and it should work

<*div class="row p-0 m-0" style="border:1px solid black; background:url(https://imgur.com/QkcTSTD.png);"*> <*!-- HEADER STARTS--*> <*div class="col-12 px-3 py-1" style="background:-color:rgba(0,0,0,0.6); font:15px Century Gothic; color:white; text-align:center;"*>HEADER TEXT GOES HERE<*/div> <*!-- HEADER ENDS --*> <*div class="col-12 p-3" style="background-color:rgba(0,0,0,0.25);"*> <*!-- L-1 BOX STARTS --*> <*div class="box" style="width:30%; float:left; border:1px solid #85c7b6;background-color:rgba(0,0,0,0.6);font:15px Consolas;color:#e6ebff;"*> <*!-- beginning of box content --*> <*h1 style="font:20px Century Gothic; border-bottom:1px dashed white;"*>TITLE GOES HERE<*/h1> <*p><*p class="text-justify"*>TEXT GOES HERE<*/p><*/div> <*!-- L-1 BOX ENDS --*> <*!-- R-1 BOX STARTS --*> <*div class="box" style="width:30%; float:right; border:1px solid #85c7b6;background-color:rgba(0,0,0,0.6);font:15px Consolas;color:#e6ebff;"*><*!-- beginning of box content --*> <*h1 style="font:20px Century Gothic; border-bottom:1px dashed white;"*>TITLE GOES HERE<*/h1> <*p>TEXT GOES HERE<*/p><*/div> <*!-- R-1 BOX ENDS --*> <*/div> <*div class="col-12 p-3" style="background-color:rgba(0,0,0,0.25);"*> <*!-- L-1 BOX STARTS --*> <*div class="box" style="width:30%; float:left; border:1px solid #85c7b6;background-color:rgba(0,0,0,0.6);font:15px Consolas;color:#e6ebff;"*> <*!-- beginning of box content --*> <*h1 style="font:20px Century Gothic; border-bottom:1px dashed white;"*>TITLE GOES HERE<*/h1> <*p><*p class="text-justify"*>TEXT GOES HERE<*/p><*/div> <*!-- L-1 BOX ENDS --*> <*!-- R-1 BOX STARTS --*> <*div class="box" style="width:30%; float:right; border:1px solid #85c7b6;background-color:rgba(0,0,0,0.6);font:15px Consolas;color:#e6ebff;"*><*!-- beginning of box content --*> <*h1 style="font:20px Century Gothic; border-bottom:1px dashed white;"*>TITLE GOES HERE<*/h1>

<*p class="text-justify"*>TEXT GOES HERE<*/p><*/div> <*!-- R-1 BOX ENDS --*><*/div>
<*!-- Footer --*> <*div class="col-12 px-3 py-1" style="background:-color:rgba(0,0,0,0.75); font:10px Consolas; color:white; text-align:right;"*><*i>HTML made by #65468<*/i><*/div><*/div>

༺⛧𝔸𝕖𝕟𝕠𝕔𝕪𝕠𝕟⛧༻️‍
#65468

Posted 2024-05-10 09:30:51

#1201933

Oh wow, these are great!