bread: vuvuzela (Default)
Newt ([personal profile] bread) wrote in [community profile] vuvuzela2026-02-11 01:17 pm

DW Layout

Click for image previews

Credit [community profile] vuvuzela
Mobile responsive.
Stylized home page, entry/comments page, icons page, and "more options" reply page.
Modules are not coded. Built in Firefox. Tested in Chrome & Opera on Windows OS. Tested in Android OS with Firefox.

  1. Go to Select Journal Style and pick any version of Practicality.
  2. Under "Choose a Page Set up", any version works.
  3. Go to Customize Journal Style. Under Presentation > Basic Options > Number of journal entries to show on the Recent Entries page , change that to 1. You can have more, but the design is intended for 1 visible entry.
  4. Make sure Display the replacement text when no subject is specified in [...] is checked for entries & comments.
  5. Scroll down to "Select whether user interaction links are printed as text or using the available icons" and the two below it. Make sure all of these dropdowns say "text-only."
  6. Under Modules, uncheck EVERYTHING.
  7. Under Custom CSS: Uncheck "Use Layout's Stylesheet(s)" & paste the following URL into "Custom stylesheet URL":
    https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap
  8. Select which Journal Style you want to use: With Image or Without Image
  9. Place side image & preferred copic background (CLICK image for full resolution & save an upload to your own journal, please!)
    Texture for MEDIUM & DARK backgrounds
    dark BG
    Texture for LIGHT backgrounds
    Light BG
  10. Some editing at the top for your images....
    body {
    background:url('COREIMAGE') no-repeat fixed top ##px right ##px / auto 120%, url('COPICTEXTURE') no-repeat fixed center center / cover;
    background-color:HEXCODE;
    }

    #content > div:nth-child(1) {
    margin-right:300px;
    }

    VALUES can be replaced to position and resize your core image. In order: position from the top, position from the right, and lastly, how large the image is.
    HEXCODE is the color you want the background to be.
    VALUE can be changed to give the image on the right more or less room.
luckyzukky: sunny from snsd (snsd | sunny #1)

[personal profile] luckyzukky 2026-02-11 07:17 pm (UTC)(link)
this is so cute!!