𝔦𝔱'𝔰-𝔞 𝔪𝔢 🌠 (
lina_trinch) wrote in
killthecake2020-07-14 04:10 pm
![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png)
![[community profile]](https://www.dreamwidth.org/img/silk/identity/community.png)
Entry tags:
[6] Fake Splash Page Layout

❖ Mobile friendly! ❖ Stylized control strip ❖ Tag, archive, icon, & comment pages ❖ Navigation and links modules ❖ Links change color on hover |
code here!
temporary live-preview here!
imgur album preview here!
❖ I wanted to try making a splash page and decided that was way too complicated on DW. You might get one of those in the future but, for now, we're stuck with this thing. ❖ Go to Select a New Theme and select Tabula Rasa, the Plain version. ❖ Copy and paste the code into the Use embedded CSS field under Custom CSS. ❖ Replace BACKGROUND_IMG with your chosen background image's url. I recommend something taller than it is wide to get the same effect as the example. Whether or not you go by that, just know that the image is coded to fit into the screen from top to bottom but not necessarily from left to right. ❖ Considering the width of your background image, the content may not fit inside of it as neatly as it does on my example. If you want to change this, ctrl+f width: 80%; and width: 60%; to raise or lower their values. I'd work with it on increments of 10% and go from there. Just make sure you keep them all the same (all 80%'s turn into 50%, etc). ❖ Under Choose Page Setup (at the bottom), select "1 Column (modules at top and bottom; no sidebar)," aka the second one. ❖ Make sure Use layout's stylesheet(s) is checked. In the Custom stylesheet URL field, paste in: https://fonts.googleapis.com/css2?family=Montserrat+Subrayada&family=Roboto+Condensed:wght@300&display=swap❖ Go to the Presentation tab. Select "text-only" for the following options: • Select whether user interaction links are printed as text or using the available icons #fff #ebebeb #c4c4c4 #9c9c9c #000 |