Posted by Free CSS Den Layouts

Darklily (#5809)

Heavenly
View Forum Posts


Posted on
2014-01-26 14:22:34


Want to make a suggestion? Click here!

Image Host Issue September 2019
So apparently my image host died again... DA for some reason has completely changed how uploading images works on their site, and they use a third party host now. This means I'll be working on retaking and uploading the preview as well as some of the backgrounds. This will be happening soon, but I can't guarantee when. I have some serious studying to do over the next two weeks, but after that I have my fall break and should be able to get them done by then!

Update 2; November 2019 (oof!)
Unfortunately what was supposed to be an easy semester has become pretty tough, especially with finals coming in fast. On the plus side, that means finals are almost here In all seriousness, that means once finals are over, I can relax and get to work on these ^^ I plan to start working on fixing these, or recreating them even, about the 2nd week of December.

Update 3.5 (I guess 4?); August 2024
(I deleted update 3, as it it entirely irrelevant now...)
So... yeah, (hi LioDen-that-I-totally-didn't-go-on-hiatus-from...) I have discovered the image host problems got even worse, right as I was going to start working on fixing all the previews. Apparently, the old site I got many of the background from (which had been recommended to me forever ago when I was first learning) went down, and the urls were redirecting to uh- well- a NSFW site. Because of all this, I am now in the process of deleting any and all layouts from Dropbox that were not made 100% from my own images, even if they weren't from that site (at some point, I moved to using DA and asking artists for permission for wallpapers they posted). All this goes to show the importance of due diligence, honestly, and in the future, if I ever do get around to making layouts again, I will only use my own images, just to avoid these sorts of problems.

I deeply apologize to anyone who may have been using the layouts that have now been deleted! I obviously needed to systematically delete all of the problematic layouts. I don't actually think the images were showing anything (like no image at all/broken links), but I absolutely had to be certain and this was the only way. I only discovered this now, as on a whim I decided to make sure at least those images were working, as I had done previously in 2019.

Plans Moving Forward (8/13/2024)
-I intend to completely revamp this thread (maybe delete and repost, but I also kind of like having this as a relic of my LD history of sorts lol). We have spoilers now, so the whole scroll bar thing (while interesting) is very annoying personally now. I'd rather use spoiler and headers to divide everything nicely, like I do on my threads over on WolvDen.
-WD tends to take my interest over LD nowadays... plus work and other things that keep me even from being active there (I at least don't disappear for months unplanned over there though lol). I have some layouts I've been making for WD that I will likely just start making a version for here as well every time I do make them (granted, it's at a snail's pace; again, I now by personal policy make all my images myself).
-Rules will get a slight update.
-I'll rework/repost a tutorial I made for WD that walks through my entire process, both coding and wallpaper making. Honestly, I'm not going to be very active here on LD, so I'd rather put up a proper tutorial and template so people can make their own layouts if they're looking for ones similar to mine. I hope to also rework, or otherwise combine it with, my old Stylish/Stylus template/guide, sort of just to update and bring everything together.

Obviously, I have no idea when any of this could be done... I no longer have as much free time and passion for coding that I once had 10 years ago, so my motivation has been next to 0.

Table of Contents
Important Notes!
Rules
Info
Full Layouts
Partial Layouts
Notes
(Go to notes to see how to add a scroll bar to your threads, like this one ;D)

Important Notes!
Since I use Dropbox for these, occasionally the codes won't show up in your den. This normally happens when Dropbox is going through updates or bug fixes and it doesn't normally last long. The longest it lasted was a few hours and that(from what I understand) was from a major update.

To answer the constant questions of "How do I put this in my profile/den/territory description?", the "How to use these" is how!
Caves came out long after I made these and they were made specifically for your profile, not caves.

Rules(Even free stuff has them.)
1. Do not resell these layouts! I was just recently made aware that this happened to someone scammed into buying a layout from here. These are free for everyone and it should stay that way.
2. You don't need to ask to use these and you don't need to credit me, but do not claim it as your own.
3. If a layout isn't working let me know and I'll see what I can do to fix it.
4. If you can't get it to work message me and I'll help you out c:
5a. I am perfectly willing to do custom edits for anyone. Just ask. I've done it before. (Basically, I make a copy and edit it for you. It will be a different link/code, so it won't affect anyone else's.)
5b. If you know how to, you may also do small edits of your own, but only if you put a note in the css file(if you don't know how to do that, let me know, though most already have a note in them about credit).
5c. You can also commission another coder to make small edits(add drop down boxes is what I get asked about most often). Again, as long as credit for the original is given, I'm happy.

Info
How to use these
1. Underneath the image of the layout is a pastebin link(it says "Code"). Go there and copy the code.
2. Paste it into your den description, branch description, or if you own a clan, you can even use them there, then save. It should now appear c:
3. If you want to see a larger preview, the images will be soon/are linked to a larger one.

How to Add to Cave
1. Find the code you want, opening the pastebin link.
2. You only need the file link, not the whole "linking code". This is how you find it:
-<*link rel="stylesheet" type="text/css" href="LINK IS HERE" /*>
3. Copy the link, and paste it into the "Cave CSS" under "Cave Settings".


I do these every now and then, when I have the free time. Although I often just go with what I like at the moment, I always keep suggestions highly in mind when making layouts. Feel free to leave a suggestion in the replies ^^

Full Layouts
Color Themes

Black and White (Just plain old black and white :D)
egtrb5.jpg
Code

Simple Blue
simple_blue_by_roselynn1214-d9mtsvw.png
Code

Simple Blue 2.0
simple_blue_with_wallpaper_by_roselynn12
Code

Simple Purple
simple_purple_by_roselynn1214-d9mtuzp.pn
Code

Simple Colors 1
simple_colors_1_by_roselynn1214-d9okiqm.
Code

Coffee, Simple Colors
Includes 3 different colored expanding boxes and a floating box(size/position changes available).
coffee_layout_by_roselynn1214-d9uwjxp.pn
Code
HTML Codes

Simple Colors Green


Code(With Image BG)
Code(Solid Color BG)
The BG images I made, which are free to use ^^

Sand, Simple Colors


Code

Blossoms, Simple Colors


Code


Partial Layouts
Pride Tables
Theses just change your pride tables(where your lionesses, lion's pic, player info, etc. is). Also will change the colors in your branch if used there instead.

Cyan and Black
11mcih1.jpg
Code

Cyan and White
o0z4ef.jpg
Code

Purple and Plum
v45w5e.jpg
Code

Pride Table from "Purple"
21ljwa8.jpg
Code

Red
1xs1.jpg
Code

Pink
ofakvn.jpg
Code

Pink 2
qogcr7.jpg
Code

Orange and Black
2la5u6q.jpg
Code

Dark Blue
Dark%20Blue.PNG
Code

Notes
I totally stole this idea from Dineosoar's thread ;3

A special thanks to all those who have made suggestions or reported broken layouts, and suggested font/color fixes!
(Used to keep a list, but there's so many of you guys now XD Thank you all <3)

How to add a scroll bar to threads
Since divs have been disabled from threads, just like CSS, if you want to add a scroll bar to your thread you need to use a < p > tag, not a div :) To do that, follow the direction below. For the code, remove the *s.
1. Paste this at the very top <*p style="width:500px;height:1000px;overflow:auto;"*>
2. Put this at the end, <*/p>
3. Save your thread and check to make sure the scroll bar appears. If it didn't, try changing the height.
Tables will not work within the post! Neither will headers (< h# >)!
--You can get around these problems with some simple coding know how though.




Hrt Icon 13 players like this post! Like?

Edited on 13/08/24 @ 20:12:16 by Darklily (#5809)

noctilucae (#64076)

Bone Collector
View Forum Posts


Posted on
2016-12-26 12:09:15
I'm sorry! I actually just figured it out and forgot to post it on here! Sorry again 😂



Hrt Icon 0 players like this post! Like?

Darklily (#5809)

Heavenly
View Forum Posts


Posted on
2016-12-29 07:58:00
Added a new "Simple Colors" layout, in green this time! Also added the images, in case anyone would like to use the custom wallpaper.



Hrt Icon 0 players like this post! Like?

FedEx🦝[G4 Clean
Ferus] (#81188)

UwU
View Forum Posts


Posted on
2016-12-29 16:45:42
I wanted to ask a question about adding it to the caves. It being as late as it is, I don't really understand how to do that and wanted to know if you could give me the cave link to the "Milky Way" and the "Dark Blue" partial layout.

http://pastebin.com/jMCuTx07 <- Milky Way Pastebin link
http://pastebin.com/xkm4nfx0 <- Dark Blue Pastebin link

It would be greatly appreciated!!!



Hrt Icon 0 players like this post! Like?

Darklily (#5809)

Heavenly
View Forum Posts


Posted on
2016-12-30 02:49:51
You have to pull the link out of the code, which can be a bit confusing it you don't know what you're looking for. I've been meaning to make a guide explaining it, but I just haven't gotten around to it yet. Here's the links you requested ^^

Milky Way: https://dl.dropboxusercontent.com/s/m4vn56nnstzhn2q/Milky%20Way.CSS
Dark Blue: https://dl.dropbox.com/s/rm6ckm7l5ahl4qk/Dark%20Blues.css



Hrt Icon 0 players like this post! Like?

💗WickedSinZ💋 (#102399)

Remarkable
View Forum Posts


Posted on
2016-12-31 02:00:35
I NEED HELP!!!!!!!!!!!!!!!!!!! LOL I got a layout I'm trying to do and I cant get the darn thing to work , can I message you and you take a look at the css document and tell me where I'm going wrong ? lol



Hrt Icon 0 players like this post! Like?

Hecking Hecker (#100796)

Deathlord of the Jungle
View Forum Posts


Posted on
2017-01-16 02:10:42
Hi! I was wondering if you knew how to get one of those float-box things? Like, the little boxes that people have on their profile, and it's always on the side, no matter how far you scroll down.

Cool beans CCS



Hrt Icon 0 players like this post! Like?

Darklily (#5809)

Heavenly
View Forum Posts


Posted on
2017-01-17 06:30:55
You can find the codes for that here ^^



Hrt Icon 0 players like this post! Like?

entomology (#101690)


View Forum Posts


Posted on
2017-01-18 12:58:37
Would it be possible for me to change the colors of the "Coffee, Simple Colors" layout and also change the size of the floating box myself, or is that something you have to do? I wouldn't want to bother you, so if it's not something I can do it's no big deal. Just wondering if it's an option. Thanks!



Hrt Icon 0 players like this post! Like?

Darklily (#5809)

Heavenly
View Forum Posts


Posted on
2017-01-18 22:07:47
If you know how to you're more than welcome to edit these, just leave the credit note and add that you edited it.
The credit note looks like this:
/*Coding by Blackthorn #5838/Darklily #5809.
Main lion background and layout background image was also done by Blackthorn/Darklily using Krita.
*/



Hrt Icon 0 players like this post! Like?

Amet (#103109)

Impeccable
View Forum Posts


Posted on
2017-01-19 12:41:48
This is so awesome! But I have a question. I added the cave layout, but how do I make the area surrounding the box where the lions are displayed like it



Hrt Icon 0 players like this post! Like?

Darklily (#5809)

Heavenly
View Forum Posts


Posted on
2017-01-19 21:05:08
That layout isn't designed to do that. It simply changes the colors of the tables(where your lions and their info are).



Hrt Icon 0 players like this post! Like?

🐳 Majestic Crab
(Maj) (#101021)

Amiable
View Forum Posts


Posted on
2017-01-29 16:08:38
*im so lost.* I wanna edit the coffee one with the boss and stuff but with a different image, that kinda looks like the one I have right now... But how.. *my mind is literally gonna explode. I was taught to simple coding but this. Whoa. *my mind is trying to process all of this and it's failing so bad cx*



Hrt Icon 0 players like this post! Like?

Spencer (#106135)

Scourge of Lions
View Forum Posts


Posted on
2017-02-17 00:52:46
using! thanks, these are really pretty



Hrt Icon 0 players like this post! Like?

Artic Shock (#59349)

Scourge of Lions
View Forum Posts


Posted on
2017-02-17 01:36:08
I have a small question. I used one of the den layouts but decided I wanted to change it to something else. So I put in a different layout. However, it simply changed the bar color of the area that shows how much energy your lions has, the books marks etc. So I tried again with a different layout to see if perhaps that would work better but instead, it changed the color of some of the boxes at the bottom of the page where you can choose what you want seen or not seen.
I've never used den layouts before so I'm a little confused on how to correct this issue. Any help would be greatly appreciated.



Hrt Icon 0 players like this post! Like?

Blackthorn (#5838)

Lone Wanderer
View Forum Posts


Posted on
2017-02-17 03:03:46
Remove the code you don't want to use anymore before adding a different one, otherwise they'll try to stack on top of each other, and you'll end up with a weird blend of both.

EDIT: I've taken a look at your den, and it appears that you're using way too many codes at once. Remove all of them except the exact one you want. CSS means "cascading style sheets", which means they layer on top of each other, and as I said, you're ending up with a weird mix of all of them.



Hrt Icon 0 players like this post! Like?


Edited on 17/02/17 @ 10:07:42 by Blackthorn (#5838)







Memory Used: 638.37 KB - Queries: 2 - Query Time: 0.00094 - Total Time: 0.01178s