Posted by CSS FAQ, Help and Neat Things [+IMGs]

Hok-Z|
𝑴𝒂𝒍𝒆𝒏
π’Šπ’‚ (#41458)


View Forum Posts


Posted on
2022-11-23 22:48:43
This thread will be undergoing a reformat to assist with readability! Please be patient as some sections may not have been updated!

PLEASE LET ME KNOW IF YOU HAVE QUESTIONS.
This thread is live! Meaning it's going to be updated with topics people ask about! Thank you for contributing. β™₯
-----
lioDevs is a beginner-friendly clan dedicated to coding across Lioden. Have a question? Stop on by.



You can open images in a new tab to view them full-size!

TABLE OF CONTENTS:

You can use this as a General CSS Help Thread!

When I find time, I will update this thread with new information. If you can't wait for the thread to be updated, ask me for help!

There are sometimes MULTIPLE WAYS to achieve something in CSS. It's not always black and white, although a majority if not all of these methods below are processes I've personally used, learned from others or even discovered myself. They might not be the best way, but they are a way to get what you want. Never stop learning!




Hrt Icon 8 players like this post! Like?

Edited on 31/08/24 @ 16:49:45 by Hok-Z | π‘Ήπ’‚π’π’π’Š (#170947)

L. Corporal Quiqi
β˜‚οΈ ✈ (#371719)


View Forum Posts


Posted on
2023-05-16 07:48:54
TYSM!



Hrt Icon 1 player likes this post! Like?

Oud οΈ± 10.22.21
Ember RLC (#369770)

Maneater
View Forum Posts


Posted on
2023-05-25 21:00:54
Hi, would you know how to round off the edges of cave images, panels, boxes, ect? I'm having some trouble with it. Thank you



Hrt Icon 0 players like this post! Like?

Hok-Z |
π‘Ήπ’‚π’π’π’Š (#170947)


View Forum Posts


Posted on
2023-05-25 21:12:14
Yep! For most things you can just add the following to whatever segment you want rounded borders on:

border-radius: 25px !important;

Some tables require a bit more adjustment, but I honestly have yet to really figure it out over just copy/pasting things places and hoping for the best, lol.

I can look into tables more later, because they're a bit more complicated and involve overflow and border collapse. I just have to physically investigate where to out them lol



Hrt Icon 0 players like this post! Like?


Edited on 25/05/23 @ 21:13:07 by Hok-Z| π™ΌπšŠπš›πšŠ πš‚πš˜πšŸ (#170947)

Oud οΈ± 10.22.21
Ember RLC (#369770)

Maneater
View Forum Posts


Posted on
2023-05-25 21:22:57
TYSM!



Hrt Icon 0 players like this post! Like?

Oud οΈ± 10.22.21
Ember RLC (#369770)

Maneater
View Forum Posts


Posted on
2023-05-28 12:04:14
Hello, another question, do you know how to make it so the background of the css is zoomed in rather than repeating on mobile?



Hrt Icon 0 players like this post! Like?

Hok-Z |
π‘Ήπ’‚π’π’π’Š (#170947)


View Forum Posts


Posted on
2023-05-28 15:19:49
I use the following;

@media (min-width: 220px) {
body {
background: url("https://i.imgur.com/IMGLINK.png") center center fixed !important;
position: relative;
background-size: cover !important;
background-repeat: no-repeat;
}}




Hrt Icon 0 players like this post! Like?


Edited on 28/05/23 @ 16:25:18 by Hok-Z| π™ΌπšŠπš›πšŠ πš‚πš˜πšŸ (#170947)

Moonie (#282369)

Pervert
View Forum Posts


Posted on
2023-05-29 16:05:34
Hi I can't seem to get the css to show on my page? This is the code I used without the asterisks <*link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/muub4xmv1k3ozs5/Template.ccs?dl=0"*/> and here is my actual dropbox link https://www.dropbox.com/s/muub4xmv1k3ozs5/Template.ccs?dl=0. It works on a live css editor so it's not the code.



Hrt Icon 0 players like this post! Like?


Edited on 29/05/23 @ 16:05:57 by Moonie (#282369)

Hok-Z |
π‘Ήπ’‚π’π’π’Š (#170947)


View Forum Posts


Posted on
2023-05-29 18:32:22
Are you copying it as;
<link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/s/muub4xmv1k3ozs5/Template.ccs?dl=0"> ?



Hrt Icon 0 players like this post! Like?


Edited on 29/05/23 @ 18:32:44 by Hok-Z| π™ΌπšŠπš›πšŠ πš‚πš˜πšŸ (#170947)

Moonie (#282369)

Pervert
View Forum Posts


Posted on
2023-05-30 18:31:57
Yes but with a slash before the last > sign.



Hrt Icon 0 players like this post! Like?

Hok-Z |
π‘Ήπ’‚π’π’π’Š (#170947)


View Forum Posts


Posted on
2023-05-30 19:47:55
Well, sometimes the most annoying problems require the most simple solutions.

You have a .ccs file, not a .css. Try resaving and reuploading it with a new link.



Hrt Icon 0 players like this post! Like?

Moonie (#282369)

Pervert
View Forum Posts


Posted on
2023-05-30 20:11:35
Oh that worked thanks!



Hrt Icon 1 player likes this post! Like?

Hok-Z |
π‘Ήπ’‚π’π’π’Š (#170947)


View Forum Posts


Posted on
2023-05-30 20:35:01
Cool! Glad it was something with a simple fix! ^^



Hrt Icon 0 players like this post! Like?

Libby (#438187)

Vicious
View Forum Posts


Posted on
2023-05-31 13:22:09
Hello! This might be an odd question but I can't get the main background code to work.



Hrt Icon 0 players like this post! Like?

Hok-Z |
π‘Ήπ’‚π’π’π’Š (#170947)


View Forum Posts


Posted on
2023-06-01 22:49:57
May I see your code? ^^



Hrt Icon 0 players like this post! Like?

Libby (#438187)

Vicious
View Forum Posts


Posted on
2023-06-02 05:29:36
Hello there! Thank you for your reply. I figured out the main background, but I am struggling with the foreground/scroll bar? (I'm not sure what it is called). This is my code for that:
.col-md-9.col-xs-12 {
background: #556657 !important;
min-height: 800px !important;
padding-top: 25px;
padding-bottom: 25px;
}




Hrt Icon 0 players like this post! Like?







Memory Used: 630.44 KB - Queries: 2 - Query Time: 0.00089 - Total Time: 0.00505s