🌊 [HTML] Free Layouts // NEW: Commission Form

Posted 6 years, 9 months ago (Edited 6 years, 27 days ago) by watergems

Rules


  • Do not remove credit; Do not claim code as own/sell for money
  • OK to edit/franken-edit
  • Do not redistribute; link others back to this thread
  • Free to use; tips are appreciated

Features


  • Colour palette adapts to any TH theme
  • Responsive/mobile-friendly
  • HTML only; usable for non-premium members
  • Requires some knowledge of HTML to install/customise

Updates


  • Added User profile layout NEW
  • Updated Wikia & SU Wikia infobox image/field padding
  • Removed Container, (original) Basic, Star, Detailed layouts; Added Divider
  • Wikia & SU Wikia updated with bg-primary infoboxes, edited padding, new collapsible Table of Contents box
  • Credit with current username added to all layouts (lower-right button)

Layouts


zbj5n.png
Wikia
zbj52.png
Sidebar
zbA1h.png
SU Wikia
zbAsG.png
Divider
zbj5E.png
Block
zbj5U.png
Basic
zbA1P.png
Card
zmUDV.png
User
zNqP2.png
Commission Form
Hag

Oh. My. Goodness. I love how clean and intuitive your layouts are! No words with how pretty they are (not to mention super easy to use, I was playing around with the code and had a genuinely good time)!
I'm probably going to use one of them soon, thank you so much for all your hard work!   

Wilds

Oooh, I really like 'Block'. And the Wikia one is so neat!

watergems

SU Wikia added. Edit of Wikia that's suited for Gem characters, with minor edits.

StarPrince

The wikia one looks just like my friend erandia's wikia code o:

it even has the special phrase she put in there o u o

watergems

StarPrince what special phrase? :0
i was inspired by her to make my own wikia theme since hers wasn't mobile-friendly, but i did all my code from scratch (it took FOREVER to figure out the infobox)

watergems

Card added. Took longer than I'd like to admit >>

StarPrince

"Non est ad astra mollis e terris via. Nutritur vento.". It was originally "Non est ad astra mollis e terris via. Nutritur vento. Vento restinguitur ignis. Dona nobis pacem.", but the part you chose to keep was specifically put there hehe. It's from something she's a fan of and it's not rly seen in codes because it's not part of the lorem ipsum wording for placeholders~ c:
Like it's totally cool to edit the coding and all that, she even ENCOURAGES that!!!
But the credit should have remained. I've been there while she has put blood, sweat, and tears intot hese codes and all I ask is you give her proper credit~

watergems

StarPrince oh hmm i thought that was from lorem ipsum dummy text ^^;
i guess i was looking at the edit i did for layout reference (as well as other wikia websites) and mistakenly used that for the quote? but i'll change it to actual lorem ipsum text.
and again, i coded my layout from scratch so it could be responsive.

StarPrince

It's not the text that I have the issue with haha
Your SU one you said you were looking at for reference you had just uploaded "1 day 11 hours ago" and even said it was an edit of your wikia one.

Like I legit am not trying to stir up drama, and I understand coding takes time to do even if it's just editing one someone else made!
However I have watched Erandia KILL herself over these codes trying to make them perfect for other users to have for free and she even welcomes people to change them and edit them as long as they keep the credits.
She has literally cried in frustration over boxes not aligning, tables not sitting correcting, borders messing up spacing and spent sleepless nights on it, so you can see why I'm kind of a wee bit peeved.

I mean say what you will, I tested her profiles on both my iphone and android, had multiple people test on their other devices too, and none of us had an issue so I'm not really sure how they aren't mobile friendly to begin with. (Mind you we're all from different parts of the world too haha! So it's not really a region thing either!! )

But I've said my piece, you'll either fix the credits or you won't (I hope you do) and please give proper credit to the people who work so hard to provide these services for free to other users~ c:

LatteDraws

StarPrince _(:3」∠)_ Not here to pick a side (but I do definitely hope this can get resolved in some way or form) But by mobile friendly -- it is that the pages and boxes fit form friendly with the page... you can kinda tell in windows by stretching and shortening the window that the boxes/text will adjust to fit the page width. In which hers are Mobile friendly but Erandia's are not.

Android Screenshots: Mobile Friendly: https://gyazo.com/de34792451c197486a697e835187878e

Vs Not Mobile Friendly: https://gyazo.com/51f517d281fdbb29c230d988454ffbf0

((But..again this isn't proof for layout being edited as these -- if edited-- could be added in fairly simply))

watergems

StarPrince
my wikia layout is not an edit of any of erandia's wikia layouts. i didn't use any of her code.
i understand how important it is to give credit where it's due, but since i've been doing web design for 4 years now, i wanted to take up the challenge of coding layouts from scratch, which i did! it took me the longest time figure out how to get the infobox table to behave correctly!

i mentioned this edit as a layout reference, not this one. someone recently asked if i could make the second one available to use, hence the young creation age.

if you compare my code and one of hers, you'd see how differently they're formatted.
she uses a large table to format/layout hers (as well as give it a fixed width), there's styling on links, infobox, and section titles to match the FFXV wiki, etc. i use TH classes, divs, and cards so that the layout width can fit to any screen, as well as bootstrap classes so that they'd match whatever TH theme you're using.
looking at the infoboxes, you can see that her table uses HTML properties (border-collapse, border:none) while mine uses bootstrap classes (table, m-3, bg-faded). even the table of contents and section titles are formatted differently.

when i had said her layouts weren't mobile-friendly, i meant that they stretched beyond my screen, so i had to zoom out to see the entire layout properly: LINK
my layout fits to my screen because the divs are responsive: LINK

because i didn't use any of her code, i'm not sure what you want me to credit her for exactly? the idea of making a wikia-themed layout?

StarPrince

@venomouswolf ah thanks for clarifying that bit about mobile friendly~ I was like it all works fine for me and various friends i don't see why it's not mobile friendly!

ninjashield5

Hello~ Your codes are lovely <3 I used the Wikia one this profile~ But I noticed that the Wikia layout and the SU Wikia layouts don't have the "HTML by dvdexe" credit at the bottom like the others do! :0 Just thought you should be aware of that in case it was something that was forgotten ^^

watergems

ninjashield5 thankyou! and i intentionally left the visible credit off the wikia layouts so that they would blend in with the site more naturally :9