2. A place for lions (and their players) to gather and commune about all things game-related. Amboseli. CSS Details ( (if you don't mind)) to consist of: Two Text boxes (I do like the way yours is laid out. Chat Recolor - +5 Recolors the chat box to match your CSS. Custom cave (preview) images. desert series. Hey there! Welcome to another addition of Kraft's Premade CSS. » Once you pay for a code, it's yours. Feel free to suggest themes you'd like to see. Hills of Andalusia. Please keep in mind the proportions may be messed up, as PFPs are hard to insert in the css. My name is Jester, and I code custom, high quality CSS on both Lioden and Wolvden. To match, I was hoping for a rainy background, preferably animated. Pretty much! You can find various codes, like the ones made by the user Katie who also does den CSS on Lioden. lioden backgrounds. Amboseli. You'll want to look for pre-made CSS for that, though! You have liked this post! Welcome to my free CSS thread. 🌷 new codes (2020-present) 🌷 desert series Desert Series #1 Desert Series #2 lioden backgrounds Hills of Andalusia Amboseli boxes for new codes All box codes can. •Just ask if I'll accept something as payment and I'll respond•. WildMagic (#128247) replied 5. I also do CSS commissions. png (lioden background: the solitude) Cave HTML background: same as the background Theme: idk what to call it but I would like to theme the css about my my heir and her vibe that she gives offCodepen Template. Includes unsorted/nesting/overview and beetle mounds. Cave CSS. This CSS is meant to showcase the animated wallpaper I made. Desert Series #2. I can't figure out how to get it to work in my Caves though. I ask of you to please not use my css as a template/base for your own. Golden Beach 2021. lioden-css-stuff. Scilenci's CSS free/paid (closed) Posted 6 years ago by Scilenci. Chat boxes are the same color as default pages, but if I change CSS, I'd like them to stay the way they are as it's easier for my eyes. These are new additions, with older ones from my past thread slowly being updated and moved across as well! Feel free to suggest a background :D I won't get to all of them, but I enjoy decently lit nature themes. I will be posting CSS that you can use anytime here. Desert Series #2. Amboseli. Depends on what you can do!<katie's coding commissions — den, mobile, or clan css & html! Welcome! I'm Katie, I've been stuck in Lioden hell working with Lioden CSS for several years now! I hope my examples speak for themselves - I prioritize customer satisfaction, design/color coordination, and readability on all of my codes. closed! !! IMPORTANT - READ FIRST !! As of 12/6/22, I am closing requests temporarily so I can catch up on the current waitlist. Boxes - +10 Boxes for organizing information or images on your den or clan page. Whether it be you, someone else as a commission, or someone else providing free CSS for you to use. Community Interaction. Desert Series #1. Welcome to the new and updated version of my CSS template + tutorial! My original from 2019 is still usable, but a bit. You have liked this post! 0 players like this post!Absolutely. . 2019-01-13 20:08:49. 'Hey this lion has a brown mane, and long whiskers. Consider adding a semi-colon (;) for each CSS property you have used. But everything CSS does is simply to build on what could exist. Please keep in mind the proportions may be messed up, as PFPs are hard to insert in the css. . Ally Flag │ Ally Flag - Overlay. Code made by me! In Chrome the Lioden Logo will be blue :D #3 Warm Skies [Request] Comes with 3 small boxes and 1 large box. Lioden Edition is a collection of free resources created by Pun to provide aesthetics for Lioden players and den owners. Hok-Z| 𝙼𝚊𝚛𝚊 𝚂𝚘𝚟 (#170947) replied 3 months ago 1: Custom CSS freebies. Making sure that your page is safe for photosensitive people and feasibly. Just follow the instructions there, and copy and. 0. Hills of Andalusia. DO: - post if you're using one. » Once you pay for a code, it's yours. Please note that while I do take requests from time to time, these will not, in any way, be specific requests, nor will you have any control over how they turn out. Free CSS Template + Tutorial! katie 🍃 (#106445) Warrior. 17 KB - Queries: 0 - Query Time: 0. CSS: Username and ID: Your username and Lioden ID. Tawny's Free CSS and CSS Commissions. So, let's get started! Welcome to the new and updated version of my CSS template + tutorial! My original from 2019 is still usable, but a bit outdated and needed some polishing. <katie's coding commissions — den, mobile, or clan css & html! Welcome! I'm Katie, I've been stuck in Lioden hell working with Lioden CSS for several years now! I hope my examples speak for. . main > div:nth-child(1) > nav > div. These are new additions, with older ones from my past thread slowly being updated and moved across as well! Feel free to suggest a background :D I won't get to all of them, but I enjoy decently lit nature themes. 🌷 Katie's Free CSS! (+ HTML!) Free CSS [18]-Suggestion's Wanted. Just comment something down and if I feel like doing something with your suggestion, I will!Hello and welcome to my CSS business here on Lioden! Prices will vary depending on the request. Posted on. 🌷 new codes (2020-present) 🌷. Can be customized using Lioden art for +10 GB. Progressive Rainbow Flag │ Progressive Rainbow Flag - Overlay. There is only one difference, "Code View. Now you know the basics of how writing CSS works, I'm going to show how to target some specific elements of the Lioden Den layout, so you can change them as you like with your own. filter ui; del ins HTML del ins tag Styling using CSS A bunch of styling option for the HTML del and ins tag, mostly just using. I do not have a certain colour theme in mind but a colour theme to fit my king would be nice!6. Do not remove or change credits. 2021-02-01 15:33:30. css will cause it to not work in your den. Vaplien's free css. Can be customized using Lioden art ( example) for +10 GB. And yes, . This CSS is meant to showcase the animated wallpaper I made. It adds a wonderful touch to a layout and I'm happy to make it whatever LD bg you'd like. -Feel free to message me regarding css stuff! -My newest free css codes have boxes, but the old ones do not! !Please do not edit these codes unless I give you permission! Thats pretty much all I think I got to say, I hope you like what I've made!Cave CSS. Compare my CSS on desktop vs mobile for an example. The only thing I can't do is use different bgs for different caves. Whenever i try to use dropbox to make css it just doesn't work. One of the easiest ways to apply a CSS to your den is to simply sign up with dropbox. Custom cave (preview) images. Hills of Andalusia. Boxes - +10 Boxes for organizing information or images on your den or clan page. <katie's coding commissions — den, mobile, or clan css & html! Welcome! I'm Katie, I've been stuck in Lioden hell working with Lioden CSS for several years now! I hope my examples speak for themselves - I prioritize customer satisfaction, design/color coordination, and readability on all of my codes. Be sure to keep the . I'd like something pastel, pink, purple or blue, with simple patterns like flowers or stars. - Sometimes you will notice a code doesn't work. lioden backgrounds. grassman's free CSS. Added cursor will be 500 extra. 1 branch 0 tags. Also have a stormtrooper helmet as the Lioden logo replacement! #20 Dark vs Light Code by me! Comes with one wide but short scroll box. Interior for Caves - + 2. As these are free-to-use premades I do not mind if you edit, alter. Pennyroyal • 1 or 1000. Chat Recolor - +5. How to Use. desert series. If you want to use default Lioden colors on an element I recommend deleting the background line of code entirely. You are free to do whatever you want to it aside from re-sell it. Custom cave (preview) images. Rush Order - +25. It personally took me a year to get very comfortable with it. You can tweak it a bit! You can change the logo, swap a few colors, but do not use my CSS as a template! Go to Katies CSS tutorial to get the template I use. > VIEW/DOWNLOAD THE TEMPLATE HERE < Rules: • This template may be used for anything and everything - free codes, pre-mades, commissions, you name it. We have center aligned our paragraph text, classified the text color as black (#000000), and made the font family the default for Lioden- Roboto. 2021-08-12 09:58:31. • Please leave the credit in the template intact, unless your coding becomes. So, let's get started!. Posted on. #304446034312. Hills of Andalusia. Below the Den/Profile Pag Editor, you will find this 'CSS files' section . Main. Instant Cub Delivery • 2 or 2000. 3. Be patient!----- HTML gives the site structure. Please note that while I do take requests from time to time, these will not, in any way, be specific requests, nor will you have any control over how they turn out. Amboseli. And yes, . While I wouldn't personally use it too often, I know maaaany users try calculating. Posted on. "myden. ~ COMMISSION a CSS from a skilled CSS Coder on Lioden. 🌷 new codes (2020-present) 🌷. This CSS is meant to showcase the animated wallpaper I made. css file. You May Still Request Ones, But I Will Not Add Them To This Current List. Hello there! I don't really know if you take any suggestions but I think some Autumn/Spooky type CSSs would be super cool! Especially with October right around the corner!Okay, so I wanted to ask how when you code CSS for your den can you edit the color of the Lioden logo, sort of like how Mod cake ⛱ has a blue Lioden logo instead of the traditional orange logo? I was wanting to make the Lioden logo on my den a pastel/mint green color but I really don't know what the heck to do. full customisation of your den page. To use the CSS that you want, copy paste the code into your territory description. Desert Series #2. Open!! Disclaimer- I use the CSS template by katie #106445. CSS ADD-ON LIST: commission form. Pretty much! You can find various codes, like the ones made by the user Katie who also does den CSS on Lioden. Enjoy a soothing, verdant palette of subtle greenery fit for the mightiest king's dens. CSS FAQ, Help, and Neat Things A lovely thread by a member of ours. Chat Recolor - +5. So I've Got my Den CSS working and it still needs a few tweaks but for now, I'm happy with it. Posted on. Any pose (excluding jolly) • 1 or 1000. DesertRose (#400800) replied 7 days ago. as well as the aforementioned logo change. - Custom CSS Maker Posted 2 years ago by 💐toxtricity🐊: Posted 2 years ago : 0: Help with CSS/HTML Posted 2 years ago by supernat1: supernat1 (#242034) replied 2 years ago : 2: Quake & Mar's Coding Shop [closed] Posted 5 years ago by Q ~Nakita~ (#178281) replied 2 years ago : 182: CSS SALES Posted 2 years ago by Hottest Crow MommaTopic: Last Activity: Replies: Is there a CSS Discord? Posted 3 months ago by 8️⃣Stanley-4278️⃣. Hey there! I've been practicing my CSS a bit using Katie's template and decided it might be fun to post my own thread of free layouts! I only have one made right now but as I make more to practice I'll post them here for anyone to use. CSS Lioden ID: Background Image: Panel Colors (If no certain colors are selected I will use the colors on the background): Font (Use Google Fonts): Transparency on Lion & User Avatars (Y/N): Circular Avatars (Y/N): Logo Replacement (Y/N, if yes provide an image): Cave Covers (Y/N, if yes post links to images):Also have a stormtrooper helmet as the Lioden logo replacement! #20 Dark vs Light Code by me! Comes with one wide but short scroll box. Rules. Then you can apply the CSS to your den page and the custom cursor will be visible. » Once you pay for a code, it's yours. How to get free lioden css for your cave and branch! Thank you guys for watching!/*table 1*/. The credits listed are Katie for the template, and me for the CSS. The size of the screens, or the kind of devices like touchscreens or printed sheets vary greatly nowadays. I will be posting CSS that you can use anytime here. You are free to do whatever you want to it aside from re-sell it. css to your drop box Click the triple dots and then Share Hit get Link (I needed to show this with another file as my lioden. Neon City★ 2021. Most PCs come with Notepad by default, and you can download Notepad++ here. Rather than putting in the whole code and such like you would for Den CSS, you only put in the dropbox link for Cave CSS!free css <3. I edit/update all current F2U CSS as I learn. 🌷 new codes (2020-present) 🌷 desert series Desert Series #1 Desert Series #2 lioden backgrounds Hills of Andalusia Amboseli boxes for new codes All box codes can. **LIODEN LOGO CHANGE**: +5gb This includes a lioden logo change. Stylesheet, simple CSS Grid, Form, Table Website Templates. How to Use. How to get a free Lioden home page! (Css) This video is a step-by-step tutorial on how to get your own custom Lioden den page! For Free!!. Commissions are re-opened and there is a new option in the form — decorations! If you choose yes to this option, I'll choose some F2U dividers/page decor from Deviantart, or Lioden art, to decorate your CSS code with. If you'd like a custom one, check it out here. Can be customized using Lioden art for +10 GB. All Pokemon-themed CSSes will have this as their top-most navigation section; Prices-. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more. Here is what you do: Go to your "Den" page;To use the CSS that you want, copy paste the code into your territory description. Accidentally saving it as the default . Welcome to my guide on how to make a CSS for your den! With this guide, I hope to be able to enable all users to learn how to make their very own CSS. (WARNING: for this to work you will need a friend or just a stranger who plays on computer and is willing to upload the code in CSS for you! if you cannot find somebody PM me, i can do it for free. - Sometimes you will notice a code doesn't work. css one already had it's link created)Also have a stormtrooper helmet as the Lioden logo replacement! #20 Dark vs Light Code by me! Comes with one wide but short scroll box. Pastebin is a website where you can store text online for a set period of time. Posted on. Not your box codes! PAY. Also have a stormtrooper helmet as the Lioden logo replacement! #20 Dark vs Light Code by me! Comes with one wide but short scroll box. In some cases, it is because Lioden's coding is overriding it. 🌷 new codes (2020-present) 🌷. You will want to save the CSS layout code as a . Clan CSS: 10 5 (3/3 discounted orders left) (basic image replacements —in this case, it's the clan hoard and clan raffle images, and. It will be in the "Edit your Details" area, right underneath the dynasty, achievements, and other tabs. Hopefully, custom CSS on chats will work outside of den pages in the future. I would also like to add I will not make codes for anything hateful/harmful, immoral, and/or illegal, or anything that would go against Liodens rules! I have the right to reject any request !!! CODES. For caves and mounds, only copy the Discord URL portion, and paste it where it says "Cave CSS". . Posted 8 months ago by Anxiety Prime™ [G2 dense haze]: 🐠 🦀 🐬 IZZYSHARK 🐬 🦀 🐠 (#410261). (make sure you have a css to put in the cave you would like meaning something like this for example : on hand so you will. <katie's coding commissions — den, mobile, or clan css & html! Welcome! I'm Katie, I've been stuck in Lioden hell working with Lioden CSS for several years now! I hope my examples speak for themselves - I prioritize customer satisfaction, design/color coordination, and readability on all of my codes. Includes unsorted/nesting/overview and beetle mounds. <katie's coding commissions — den, mobile, or clan css & html! Welcome! I'm Katie, I've been stuck in Lioden hell working with Lioden CSS for several years now! I hope my examples speak for themselves - I prioritize customer satisfaction, design/color coordination, and readability on all of my codes. infront of the name or it won't work. If you use any of these please reply, i would love to see them used!Here is a simple styling for a table. In the message section of the transfer, include the. Welcome to Lioden. My budget is one crunchy or 15 gb or both. Lioden is a revolutionary twist on the SIM game experience - be the king of your very own pride of lionesses, breed the best cubs, defend your territory and battle other lions for supremacy. This is not required but I would appreciate it if you comment that you're using one! I'd love to see your den with one of my codes in them :D. - Package Type : (Depending on package also include your images and links, ect. COMMISSIONS FOR THIS ACCOUNT ARE CLOSED. I just don't want to rip something off someone! answered, thanks! Edit: New question. CSS: Cascading Style Sheet. html layout by honey (#32043). Chat Recolor - +5. So starting out, your den might look something like this: (or brown if you use the day layout) To apply the CSS layout, you will need to scroll down to your territory. • This template may be used for anything and everything - free codes, pre-mades, commissions, you name it. starco css. when you select a font, scroll down a little ways and hit the + next to the type you want. Main account ☼ / Side account ☼ /. 〗 rules 1. lioden backgrounds. For those who may not know, on 06/08/2023, Dropbox pushed out a new update. Hiii! I'm looking for someone to make me a css based around the same aesthetic of my king, I can offer up to 28 gb!the best way I can explain is the default lioden CSS, but different coloring, and den boxes with their own backgrounds. In short, CSS is what makes the fireflies exist, but it doesn't display them (HTML does). — rules — » Please leave credit intact. Raye's CSS One-Stop-Shop (commissions + pre-made) Posted 8 months ago by Raye. ⚔ You CANNOT claim the CSS or images as your own! ⚔ I work on CSS in my free time. Guarantees your code will be completed in 48 hours or less. View. Bayern (#385124) replied 5 months ago. — rules — » Please leave credit intact. <katie's coding commissions — den, mobile, or clan css & html! Welcome! I'm Katie, I've been stuck in Lioden hell working with Lioden CSS for several years now! I hope my examples speak for themselves - I prioritize customer satisfaction, design/color coordination, and readability on all of my codes. ・Don't claim any of these as your own thank you! ・Feel free to pm me if you want a fully customized CSS. This tutorial describes how to achieve this in a simple way. Every other cave: 7thlionlands_Day. Also, just copy and paste the same. The CSS is all the images, colors, fonts, and spacing between those aspects. this is a guide to most CSS including changing the cursor. I've decided to start making free css layouts for you guys to use!~ Please keep in mind I'm a beginner- I sometimes get stuck thinking what themes to go with so feel free to give me suggestions or even links to backgrounds/colour palettes!~. Custom cave (preview) images. [WARNING: This css has animated parts and bright colors. Energy Boost • 2 or 2000. You can find the obvious stuff, like bold, italics, color, and underline. » Once you pay for a code, it's yours. gifs can be added on to a profile as any other kind of image file can. For example, it could change the font, the background image, or the color of the buttons. <3 Code by me! in order to have a custom cursor simply go here choose a cursor you like, then copy and paste the universal css anywhere into the code ALMOST FORGOT THE MOST IMPORTANT MOVE! save the thingy on wordpad or whatever you are using and put . Hello there! This is my free CSS thread, where I'm working on both new free CSS and revamping old CSS that is no longer up to my standards. 2023-11-08 15:22:43. Hi! -These css codes are ones that I made from a css template I found. Welcome to the new and updated version of my CSS template + tutorial! My original from 2019 is still usable, but a bit outdated and needed some polishing. 🌷 new codes (2020-present) 🌷. Custom cave (preview) images. i do not offer html at the moment, as i am still novice in that field and not yet confortable enough. > VIEW/DOWNLOAD THE TEMPLATE HERE <. css file. thank you for this Welcome to my free CSS thread. 1161 topics. PROFILE CONTENT -->. border-radius: #px; } You'll need to change the name (divOne) to the name you specified for your div boxes. One thing that I've been looking for but haven't found in the major HTML Help Guides would be how to change the font. What is CSS you may ask, why CSS stands for Cascading Style Sheet, which is what we use to make Lioden beautiful! _____ Our Mission Is Clear! We are here to make Lioden Beautiful through skillfully made Den/Cave/Branch Codes! Whether you are here for the CSS, The People, The Training, or for the Experience, we are here to show. How to Use. Welcome to the new and updated version of my CSS template + tutorial! My original from 2019 is still usable, but a bit outdated and needed some polishing. <3 Code by me!LF: css code o: gb. To change the scroll speed, change the seconds value. Guarantees your code will be completed in 48 hours or less. Anxiety Prime™. You can program one yourself, commission it from someone, or get a free CSS from the community. We have come back full circle, haha. CSS file, and upload it to Dropbox. For rounded corners 1. View Forum Posts. Main account ☼ / Side account ☼ / #381216. css through Live CSS Editor, all appears well, yet when I submit it through my territory bio, it sets my den's layout to default. This is not required but I would appreciate it if you comment that you're using one! I'd love to see your den with one of my codes in them :D. desert series. When viewing the content of the . You are free to do whatever you want to it aside from re-sell it. This is not required but I would appreciate it if you comment that you're using one! I'd love to see your den with one of my codes in them :D. 📜Reality's Free CSS📜 - Jasper's Free CSS WeirdAutumn Free CSS Free to Use CSS Layouts Free Movie Themed CSS 🌈F2U CSS Layouts🌈 (one of my personal favorites) ghost's free css! Punny Side Up - Free CSS/HTML [WEBSITE BACK UP] (low-key so cool you gotta checkout their website) Kira's Free CSS & Suggestions Stay tuned! Hello hello hello! My name is Critters and welcome to my CSS page! I am currently working on learning css so please be patient with me. Things to note: ~ CSS Can take a LONG TIME to get comfortable with, just like any programming language or new skillset. Just follow the instructions there, and copy and paste the. :o. Tired of spending hours trying to customize lame pre-fab designs? Today we bring you over seven hundred freely downloadable CSS templates that focus on providing you with only a basic layout to build upon. [G2 dense haze] (#191357) Bone Collector. Tutorial. 2023-04-27 10:11:56. upload your . 1. Mei (#328903) replied 1 year ago : 11: Icestar's Thread layout and Den CSS shop Posted 7 years ago by Icestar: Necro (#329230) replied 1 year ago : 70: Looking for someone who does Comms! Posted 1 year ago by { Niffty } (#323949) replied 1 year ago : 4: css. ☠If you wish, you can request the raw code and dropbox link once you have payed for your CSS! ☠I have the right to decline any requests coming my way! Sowwy! ~FORM~ Lioden pride name & number: Link of background image you wish for your CSS to have: Color palette: Font: Font color: H1, H2, and H3 colors (opt): Lioden logo replacer. If you are willing to and need any more information my Discord is Masky#6002. Rush Order - +25. Desert Series #1. Your version of the code will look like this: <*link rel="stylesheet" type="text/css" href="Of. Chat Recolor - +5 Recolors the chat box to match your CSS. 3. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more. txt is a very common mistake and saving it as anything other than . #lion_image>div::after {. Energy Boost • 2 or 2000. :LINKS UNDER IMAGES, COPY & PASTE EM INTO. css will cause it to not work in your den. div. Posted on. -My custom sales can be found here. . So I decided to come back from the dead to write up yet another CSS hosting guide as it appears my previous one using Google Drive doesn't work anymore, which was written to replace my older guide which used Dropbox. If anyone knows of a pre-existing free css like this please let me know! Or if you think you could make what I'm looking for, please give me as much info as you can! (Price, turnaround time, what you might need from me, etc)Here is my CSS list! Feel free to use them! They also work in caves, beetle mounds, branches and probably also clans!. (When using Katie's boxes you have to. Memory Used: 629. Desert Series #1. Making sure that your page is safe for photosensitive people and feasibly. 𝟭 ) you will go to the cave you would like it in, and you would scroll down to cave settings. Includes unsorted/nesting/overview and beetle mounds. 2020-09-27 09:39:14. In these cases, just use !important like I have above. — rules — » Please leave credit intact. It personally took me a year to get very comfortable with it. It should pop out the panel a panel that looks similar to this, with a highlight showing what you just hit inspect on: There are a few important things to note in this code, all of which are circled or pointed to. To use CSS on Lioden, you'll need Notepad (or Notepad++), a Dropbox account, and a place to host images. I'm absolutely clueless as to what went wrong. 278. Can be any size and layout. Here is a helpful guide to CSS. CSS file, and upload it to Dropbox. !CLOSED! Bayern's CHEAP HQ css commissions! Posted 11 months ago by Frozen until feb 2024. Some CSS, like the one Mercy is using, can have complex elements such as expanding on hover, a rounded scrollbar / custom scrollbar, etc. 10,000+ Free CSS Templates 2023. One problem. Some quick links for you to find resources to request custom css: For color palettes:. canvas Canvas Code Snippets The HTML canvas element is a container for graphics, where we can draw graphics on the fly using JavaScript. Includes unsorted/nesting/overview and beetle mounds. Not your box codes! PAY ATTENTION to which code you need for which page. — katie's coding commissions —. This guide can also be found in this Google Doc. Save! 4. HaraKaza / Lioden_CSS. Posted on. free css <3. CSS: Username and ID: Ceros#123548 Background image: Here Transparency on lion and user avatars?: Maybe 80-90% opacity if that's what this is referring to<katie's coding commissions — den, mobile, or clan css & html! Welcome! I'm Katie, I've been stuck in Lioden hell working with Lioden CSS for several years now! I hope my examples speak for themselves - I prioritize customer satisfaction, design/color coordination, and readability on all of my codes. You are free to do whatever you want to it aside from re-sell it. Can be customized using Lioden art for +10 GB. cave-grid > img {content: url ('IMAGE URL HERE')!important;} This will replace the "pregnant lionesses" image! Same deal here, just no url ID needed. progress {. css file (simply copy and paste it all into a text processor like Wordpad), e. A type of code used to customise player den pages, caves, and branches. Includes unsorted/nesting/overview and beetle mounds. Cub Sex Changer • 1 or 1000. Because of this, some of the images I am using were taken from the. Welcome to my guide on how to make a CSS for your den! With this guide, I hope to be able to enable all users to learn how to make their very own CSS. Things to note: ~ CSS Can take a LONG TIME to get comfortable with, just like any programming language or new skillset. " You can also code your den and your profile separately, I believe, as I had to add the code I use to both pages.