Tumgik
#full width
starlightthemes · 1 year
Text
Tumblr media Tumblr media Tumblr media Tumblr media
THEME PACK: THE ARCHIVE
Styled after AO3, this pack includes a theme and matching pages, and was designed for writers and readers alike.
🖋️ Theme 11: Archive Of Your Own
Live preview | Static previews: index page, permalink | Code
Full-width posts in an AO3 work index page format
Sidebars with optional sections such as featured tags, updates, rules, progress bars, and more
Unlimited custom links (display on sidebar or in top navbar), plus several social links in the footer
Add a custom logo beside/replacing your avatar
Inbuilt tag filtering plugin by glenthemes
All fields editable directly in the Customize menu, no HTML required. See below the cut for a full guide
🖋️ Page 3: Archive Records
Preview | Code
A WIP page designed to resemble an AO3 work page
Add tags for ratings, warnings, fandoms, characters, and more, as well as statistics like start dates, word counts etc.
Spaces for summary, start and end notes, and the 'work' itself
🖋️ Page 4: Archivist
Preview | Code
A combined about/navigation page based on the AO3 profile page
Include user statistics or any data you'd like, plus a longer bio
Sidebar navigation with link sections - unlimited links and link groups
The theme and pages all include options for multiple color palettes (initially set to Default and Reversi), text styling (choice of Tumblr/Google fonts and casing options), and more. -
Each page includes instructions on how to edit it, and color/image variables have been gathered together to make customization easier. While not necessary, basic knowledge of HTML is helpful.
For help, check my codes guide, or feel free to send me an ask. Theme 11 customization guide and credits are under the cut.
Theme 11 customization
Regarding the simpler fields:
"Secondary title" refers to the title just above the posts, under the header and navigation. This defaults to "[Total posts] Works in [Username]" when the field is left empty.
"Filtered tags" takes a comma-separated list of tags, entered exactly as they'd be written in the Tumblr post editor but without the hashtag. E.g. the tags #politics, #red and blue, and #green would be entered as "politics, red and blue, green" (make sure there's spaces, and no comma after the last item!). The filtering plugin will then put a warning message over any posts with those tags, along with a button letting you show the post.
"[Section] title" act as the headers for the corresponding section, if provided. "Custom links title" defaults to "Pages" if nothing is entered, and is used when the custom links are displayed on the navbar.
"Featured tags" takes a comma-separated list of tags, in the same format as Filtered tags. This field will display links to those tags, along with the number of posts in that tag on your blog, in the left sidebar.
The Recent posts section displays the 5 most recently posted/reblogged posts on your entire blog, displaying in the left sidebar. If you enter a tag under "Recent posts tag", it'll instead display the 5 most recent posts in that tag on your blog. Only 1 tag is allowed.
Rules and FAQ
Both these sections work the same way. Each new item, a rule or a question, consists either of one statement, or a statement and some more text, usually as an answer or additional note. E.g. the screenshot below shows three rules, where the last one has more text in the dropdown.
Tumblr media
To create an item, prefix it with <li> . To add more text, create a <li> item and add a [more] label underneath, then write your extra text after that. To illustrate, here's the Customize page code for the above:
Tumblr media
Updates
This section is similar to Rules/FAQ, though it flips the order around. After each <li>, first list the date, then add the [label] marker, then add your actual update. Again, here's an example:
Tumblr media
And here's the Customize page code that created that:
Tumblr media
Toggles
This section displays checked/crossed-out items, and uses a simpler version of the formatting for the above sections. Use <li> for each new item, then add [on] or [off] at the end, depending on whether you want it checked or crossed off. Here's an example:
Tumblr media
And here's the corresponding Customize code:
Tumblr media
Progress bars
This section also uses <li> items, where each item has two parts: the text label, and the number(s) for the progress percentages, put inside square brackets like with the other sections. Here's an example (note how the top two use fraction values while the bottom one uses a percentage):
Tumblr media
And here's the code that made these. In short, the format is <li> Text here [##/##], or <li> Text here [##%], where ## refers to any number.
Tumblr media
Social links in footer
The footer links, aside from the email and personal website fields, take usernames or user IDs for various websites. Be sure to check you're not entering a username in a user ID field!
The Email address field takes a standard email in the format [email protected] and adds a link to let people mail that address.
The Personal website fields will generate a link in the footer's Follow section. Personal website name is the human-readable text label for the generated link, and Personal website URL is the URL that will open when the generated link is clicked. Make sure to add https:// to the start of the personal website URL so the generated link doesn't just redirect you to a different part of your blog.
Credits
Layout and design by Archive of Our Own
Style My Tooltips by malihu
Phosphor Icons
Expanded Tumblr localization and NPF photosets plugin by codematurgy
Custom audio posts by annasthms
Tag filtering by glenthemes
Palette toggle by eggdesign
Scroll to top by Fabian Lins
1K notes · View notes
front-facing-pokemon · 4 months
Text
Tumblr media
194 notes · View notes
kaarijafag · 5 months
Text
Tumblr media Tumblr media Tumblr media
glu glu.
119 notes · View notes
puppyeared · 2 months
Text
Tumblr media
I CANT USE CSS ON ARTFIGHT...............
#I WAS REALLY HOPING TO FIX THE FUCKING. PARAGRAPH WIDTH. SIGH#idk why but it stretches across the ENTIRE page like. it takes up the full width of the browser and it BOTHERS ME. ON ALL THE PAGES#i could try manually putting shift breaks but im worried it might not look so good on mobile. ugghh... auyggghhh.....#im already learning CSS and API so i thought i could put it to good use but. AUGH#this whole time ive had to go into the inspect panel myself and change the padding so i dont have to read the length of the screen#like a fucking typewriter... i would have also loved to use custom fonts and animations......#i did find a guide for BBCode which the site uses on default and it covers basic styling but its not the same. sniffle#you CAN unlock CSS if you donate $25 to the page which seems fair. and if i could do it i would but. i do not have any way of#sending or receiving money online </3 i really need to figure out how to do that so i can set up comms like i said i would last summer#but it intimidates me.... and im already kept on a short leash when it comes to that so it feels like a lot of things could go wrong#i think toyhouse allows CSS or some sort of code...?? i remember seeing some oc pages with custom layouts#if thats the case i'll try fiddling with it but im not very familiar with using toyhouse so thatll take a while#(thanks again for the code sal ^_^ ill put it on my pin once its ready but im trying to learn my way around the site heh ;;)#at least i can use my pixel dividers.. ive been digging around for pixels to use and found some really cute ones#yapping
38 notes · View notes
highoncatfood · 18 days
Text
Tumblr media Tumblr media
wszystko musze robic sam w tym jebanym domu anwyay more edited stuff based on theeee sticker set from the upcoming raincode event or sth i saw on twitter. they get shoulder privileges i totally made this for no reason at all
18 notes · View notes
simply-sithel · 5 months
Text
Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media
The Renegade Retreat may have been over 6 months ago but I've still a pile of photos from it that I enjoy admiring every now and then. Here's a selection of macro shots of sparrowsaurus's works that I was lucky enough to play with. Delightful company & quality binder-- all that 'working at a tiny scale' for jewelry seems to translate well!!
35 notes · View notes
sewambitious · 6 months
Text
Gotta order yarn, wait for it to arrive, count out 560+ threads of 8/2 cotton, thread the reed, thread the heddles, pack the beam, tension the warp, and weave 36-40 inches with 8 colors to make a baby blanket all in 20 days because I procrastinated.
Tumblr media
43 notes · View notes
ltcdrmcgarrett · 1 year
Text
Lieutenant Commander of Fashion Police Steve McGarrett
Tumblr media
67 notes · View notes
chocodile · 2 years
Photo
Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media
I'd been wanting to make something showing a window into Milana and Hyden's relationship for a while. I hoped to demonstrate why they got along so well as two equally spoiled, judgmental, (and horny) young adults, but also show the cracks in their relationship that would eventually lead to them breaking up.
Additional note: The progression of Hyden's titles over the years may be a little hard to follow if you are not @kwillow but there is actually some rhyme and reason to it. Originally, his father held title of viscount. In his youth, as shown here, Hyden held the courtesy title of baron (a rank below viscount) while his father was alive, before eventually becoming viscount and inheriting his family's estate after his father passed. He is only awarded the title of duke later in life, not because of his bloodline but as a gift from the king.
236 notes · View notes
Text
Doing up a HUGE inkle piece, this is 65 strands of cotton and way more than I've ever warped.
Tumblr media
I got it from a "2 color easy weave" article and I'll see if it ends up too wide for me. If I don't like it, it may eventually become a collar or two for my mom's dog.
This shuttle is going to have to be packed........
110 notes · View notes
transienturl · 1 year
Text
Tumblr media
random xkit tweak idea #137: checkmark stacks
128 notes · View notes
front-facing-pokemon · 4 months
Text
Tumblr media
149 notes · View notes
kaarijafag · 2 months
Text
Tumblr media Tumblr media Tumblr media
kris guštin by damon baker
13 notes · View notes
longeyelashedtragedy · 3 months
Text
Tumblr media
disgruntled everton franko
(source, thank you esteemed slaven bilić)
8 notes · View notes
winnythanawin · 4 months
Text
Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media
-- winny's ig post 14.12.2023: downtown ✨
10 notes · View notes
branzinos · 7 months
Text
I love the way slr orates but it makes every gif of her talking twice the number of frames because she talks in slow motion fjshsjsh
8 notes · View notes